@devappsnpm/vue-kit 0.1.0

package/stubs/module/crud/page/types/types.ts.stub

@@ -0,0 +1,16 @@
+export interface {{ ModuleName }} {
+  uuid: string
+  // TODO: add fields
+  created_at: string
+  updated_at: string
+}
+
+export interface {{ ModuleName }}Form {
+  // TODO: add form fields
+}
+
+export interface {{ ModuleName }}Filters {
+  page?: number
+  per_page?: number
+  search?: string
+}

package/stubs/module/dashboard/Dashboard.vue.stub

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+// {{ ModuleName }} Dashboard
+</script>
+
+<template>
+  <div class="{{ moduleSlug }}-dashboard">
+    <h1 class="text-xl font-semibold mb-4">{{ ModuleName }} Dashboard</h1>
+    
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+      <div class="bg-white p-6 rounded shadow">
+        <h3 class="text-sm font-medium text-gray-500">Metric 1</h3>
+        <p class="text-2xl font-bold mt-2">0</p>
+      </div>
+      <div class="bg-white p-6 rounded shadow">
+        <h3 class="text-sm font-medium text-gray-500">Metric 2</h3>
+        <p class="text-2xl font-bold mt-2">0</p>
+      </div>
+      <div class="bg-white p-6 rounded shadow">
+        <h3 class="text-sm font-medium text-gray-500">Metric 3</h3>
+        <p class="text-2xl font-bold mt-2">0</p>
+      </div>
+    </div>
+  </div>
+</template>

package/stubs/module/dashboard/index.ts.stub

@@ -0,0 +1 @@
+export { default as routes } from './router'

package/stubs/module/dashboard/router.ts.stub

@@ -0,0 +1,11 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/{{ moduleSlugPlural }}-dashboard',
+    name: '{{ moduleSlugPlural }}.dashboard',
+    component: () => import('./views/{{ ModuleName }}Dashboard.vue'),
+  },
+]
+
+export default routes

package/stubs/module/resource/List.vue.stub

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { use{{ ModuleName }}Store } from '../stores/{{ moduleSlug }}.store'
+
+const store = use{{ ModuleName }}Store()
+
+onMounted(() => store.fetchAll())
+</script>
+
+<template>
+  <div class="{{ moduleSlug }}-list">
+    <div v-if="store.loading">Loading...</div>
+    <ul v-else>
+      <li v-for="item in store.items" :key="item.uuid">
+        {{ item }}
+      </li>
+    </ul>
+  </div>
+</template>

package/stubs/module/resource/index.ts.stub

@@ -0,0 +1,3 @@
+export * from './types/{{ moduleSlug }}.types'
+export * from './services/{{ moduleSlug }}.service'
+export * from './stores/{{ moduleSlug }}.store'

package/stubs/module/resource/service.ts.stub

@@ -0,0 +1,9 @@
+import { CrudService } from '@devapps/vue-kit'
+import type { HttpClient } from '@devapps/vue-kit'
+import type { {{ ModuleName }} } from '../types/{{ moduleSlug }}.types'
+
+export class {{ ModuleName }}Service extends CrudService<{{ ModuleName }}> {
+  constructor(http: HttpClient) {
+    super(http, '{{ resourcePath }}')
+  }
+}

package/stubs/module/resource/store.ts.stub

@@ -0,0 +1,9 @@
+import { defineCrudStore } from '@devapps/vue-kit'
+import { {{ ModuleName }}Service } from '../services/{{ moduleSlug }}.service'
+import type { {{ ModuleName }} } from '../types/{{ moduleSlug }}.types'
+import { useHttpClient } from '@/composables/useHttpClient' // adjust to your project
+
+export const use{{ ModuleName }}Store = defineCrudStore<{{ ModuleName }}>(
+  '{{ moduleName }}',
+  () => new {{ ModuleName }}Service(useHttpClient()),
+)

package/stubs/module/resource/types.ts.stub

@@ -0,0 +1,10 @@
+export interface {{ ModuleName }} {
+  uuid: string
+  // TODO: add fields
+  created_at: string
+  updated_at: string
+}
+
+export interface {{ ModuleName }}Form {
+  // TODO: add form fields
+}

package/stubs/pages/page.vue.stub

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+</script>
+
+<template>
+  <div class="{{ moduleSlug }}-page">
+    <h1 class="text-xl font-semibold mb-4">{{ ModuleName }} Page</h1>
+    
+    <div class="bg-white p-6 rounded shadow">
+      <!-- Page content -->
+    </div>
+  </div>
+</template>

package/stubs/services/service.ts.stub

@@ -0,0 +1,13 @@
+import { BaseService } from '@devapps/vue-kit'
+import type { HttpClient } from '@devapps/vue-kit'
+
+export class {{ ModuleName }}Service extends BaseService {
+  constructor(http: HttpClient) {
+    super(http)
+  }
+
+  // async customAction() {
+  //   const response = await this.get('/custom-endpoint')
+  //   return response.data
+  // }
+}

package/stubs/stores/store.ts.stub

@@ -0,0 +1,19 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const use{{ ModuleName }}Store = defineStore('{{ moduleName }}', () => {
+  // state
+  const data = ref<any>(null)
+  const loading = ref(false)
+
+  // actions
+  function setData(newData: any) {
+    data.value = newData
+  }
+
+  return {
+    data,
+    loading,
+    setData,
+  }
+})

package/stubs/types/types.ts.stub

@@ -0,0 +1,6 @@
+export interface {{ ModuleName }} {
+  id: string | number
+  // fields
+  created_at: string
+  updated_at: string
+}