vue-ready-modular 1.0.0 → 1.0.1

package/lib/generator.js

@@ -1,8 +1,8 @@
 import path from "path";
 import fs from "fs";
+import { plural, capitalize } from "./utils/string.js";
 
 import { createDir, createFile } from "./utils/file.js";
-import { capitalize } from "./utils/string.js";
 
 // Templates
 import indexTemplate from "./templates/index.template.js";
@@ -60,17 +60,35 @@ export function createModule(name) {
   createFile(`${basePath}/stores/${module}Store.js`, storeTemplate(ctx));
   createFile(`${basePath}/data/${module}Data.js`, dataTemplate(ctx));
   createFile(`${basePath}/services/${module}Service.js`, serviceTemplate(ctx));
-  createFile(`${basePath}/queries/use${Module}sQuery.js`, queryTemplate(ctx));
-  createFile(`${basePath}/queries/use${Module}Mutations.js`, mutationTemplate(ctx));
+  createFile(
+    `${basePath}/queries/use${capitalize(plural(Module))}Query.js`,
+    queryTemplate(ctx)
+  );
+  createFile(
+    `${basePath}/queries/use${Module}Mutations.js`,
+    mutationTemplate(ctx)
+  );
 
   // -----------------------------
   // 4. Create page & modal components
   // -----------------------------
   createFile(`${basePath}/pages/${Module}Page.vue`, pageTemplate(ctx));
-  createFile(`${basePath}/pages/components/AddModal.vue`, addModalTemplate(ctx));
-  createFile(`${basePath}/pages/components/EditModal.vue`, editModalTemplate(ctx));
-  createFile(`${basePath}/pages/components/ViewModal.vue`, viewModalTemplate(ctx));
-  createFile(`${basePath}/pages/components/DeleteModal.vue`, deleteModalTemplate(ctx));
+  createFile(
+    `${basePath}/pages/components/AddModal.vue`,
+    addModalTemplate(ctx)
+  );
+  createFile(
+    `${basePath}/pages/components/EditModal.vue`,
+    editModalTemplate(ctx)
+  );
+  createFile(
+    `${basePath}/pages/components/ViewModal.vue`,
+    viewModalTemplate(ctx)
+  );
+  createFile(
+    `${basePath}/pages/components/DeleteModal.vue`,
+    deleteModalTemplate(ctx)
+  );
 
   console.log(`✅ Module "${module}" created successfully`);
 }

package/lib/templates/page.template.js

@@ -1,4 +1,10 @@
-export default ({ name, Name }) => `<template>
+// lib/templates/page.template.js
+import { plural, capitalize } from "../utils/string.js";
+
+export default ({ name, Name }) => {
+  const pluralName = capitalize(plural(Name)); // Country -> Countries
+
+  return `<template>
   <div class="min-h-screen bg-gray-50">
     <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
       <PageTitle>{{ store.moduleName }} List</PageTitle>
@@ -28,7 +34,7 @@ export default ({ name, Name }) => `<template>
 
 <script setup>
 import { computed, defineAsyncComponent } from 'vue'
-import { use${Name}sQuery } from '../queries/use${Name}sQuery'
+import { use${pluralName}Query } from '../queries/use${pluralName}Query'
 import { use${Name}Store } from '../stores/${name}Store'
 
 const ViewModal = defineAsyncComponent(() => import('./components/ViewModal.vue'))
@@ -37,7 +43,7 @@ const EditModal = defineAsyncComponent(() => import('./components/EditModal.vue'
 const DeleteModal = defineAsyncComponent(() => import('./components/DeleteModal.vue'))
 
 const store = use${Name}Store()
-const { data, isLoading } = use${Name}sQuery()
+const { data, isLoading } = use${pluralName}Query()
 
 const columns = [
   { key: 'sl', label: 'SL' },
@@ -59,3 +65,4 @@ function onDelete(row) {
 }
 </script>
 `;
+};

package/lib/templates/query.template.js

@@ -1,19 +1,24 @@
-export default ({
-  name,
-  Name,
-}) => `import { useQuery } from '@tanstack/vue-query'
+import { plural, capitalize } from "../utils/string.js";
+
+export default ({ name, Name }) => {
+  const pluralName = plural(name); // country → countries, city → cities
+
+  return `import { useQuery } from '@tanstack/vue-query'
 import { fetchAll } from '../services/${name}Service'
 
-export function use${Name}sQuery(params = {}) {
+export function use${capitalize(
+    pluralName
+  )}Query(params = {}) {    // ✅ function name dynamically pluralized
   return useQuery({
-    queryKey: ['${name}s', params],
+    queryKey: ['${pluralName}', params],               // ✅ query key dynamically pluralized
     queryFn: () => fetchAll(params),
-    staleTime: 5 * 60 * 1000,       // 5 minutes
-    cacheTime: 1000 * 60 * 60,      // 1 hour
+    staleTime: 5 * 60 * 1000,
+    cacheTime: 1000 * 60 * 60,
     keepPreviousData: true,
     meta: {
-      persist: true,                // ✅ persisted
+      persist: true,
     },
   })
 }
 `;
+};

package/lib/templates/routes.template.js

@@ -1,21 +1,26 @@
-export default ({
-  name,
-  Name,
-}) => `import ${Name}Page from './pages/${Name}Page.vue'
+// lib/templates/routes.template.js
+import { plural } from "../utils/string.js";
+
+export default ({ name, Name }) => {
+  const pathName = plural(name);
+  const routeName = `${Name}List`;
+
+  return `import ${Name}Page from './pages/${Name}Page.vue'
 import DashboardLayout from '@/shared/layouts/DashboardLayout.vue'
 
 export default [
   {
-    path: '/${name}s',
+    path: '/${pathName}',
     component: DashboardLayout,
     meta: { requiresAuth: true },
     children: [
       {
         path: '',
-        name: '${Name}List',
+        name: '${routeName}',
         component: ${Name}Page,
       },
     ],
   },
 ]
 `;
+};

package/lib/templates/service.template.js

@@ -1,9 +1,11 @@
-export default ({
-  name,
-  Name,
-}) => `import { useApi } from '@/shared/composables/useApi'
+import { plural } from '../utils/string.js'
 
-const BASE_URL = '/${name}s'
+export default ({ name, Name }) => {
+  const baseUrl = `/${plural(name)}`
+
+  return `import { useApi } from '@/shared/composables/useApi'
+
+const BASE_URL = '${baseUrl}'
 
 const response = (api) => ({
   data: api.data.value,
@@ -40,4 +42,5 @@ export async function deleteItem(id) {
   if (api.error.value) throw api.error.value
   return api.data.value
 }
-`;
+`
+}

package/lib/utils/string.js

@@ -1,3 +1,7 @@
-export function capitalize(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
+// lib/utils/string.js
+import pluralize from 'pluralize'
+
+export const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1)
+
+// pluralize dynamically
+export const plural = (str) => pluralize(str.toLowerCase())

package/package.json

@@ -1,19 +1,25 @@
 {
-  "name": "vue-ready-modular",      
-  "version": "1.0.0",
+  "name": "vue-ready-modular",
+  "version": "1.0.1",
   "description": "Vue.js module generator",
-  "main": "lib/generator.js",       
+  "main": "lib/generator.js",
   "bin": {
-    "vue-modular": "./bin/cli.js"   
+    "vue-modular": "./bin/cli.js"
   },
-  "type": "module",                 
+  "type": "module",
   "scripts": {
     "test": "echo \"No tests yet\""
   },
-  "keywords": ["vue", "generator", "module", "cli"],
+  "keywords": [
+    "vue",
+    "generator",
+    "module",
+    "cli"
+  ],
   "author": "Your Name",
   "license": "MIT",
-  "dependencies": {        
-    "path": "^0.12.7"
+  "dependencies": {
+    "path": "^0.12.7",
+    "pluralize": "^8.0.0"
   }
 }