autoimport updates

config/dirs.ts

@@ -1,4 +1,23 @@
+import { source, utilsAutoImport, type UtilTypes } from './structures'
+
 // ./src/app/{path}/shared
-export const RootDirs: string[] = ['examples/full', 'examples/minimal'].map(
-  (dir) => `./src/app/${dir}/shared`
+const ROOT_FOLDER = '@/app/'
+
+function rootPath(dir: string, extention?: string) {
+  if (extention) return `${ROOT_FOLDER}${dir}/${extention}`
+  return `${ROOT_FOLDER}${dir}`
+}
+
+// For auto importing components
+export const AutoImportComponents: string[] = source.map((dir) => [rootPath(dir, 'shared')]).flat(1)
+
+type ReturnUtilsType = { [x: string]: string[] }
+
+// For auto importing functions, stores ...
+export const AutoImportUtils: ReturnUtilsType = Object.keys(utilsAutoImport).reduce(
+  (acc, util: any) => {
+    ;(acc as any)[rootPath(util)] = utilsAutoImport[util as UtilTypes]
+    return acc
+  },
+  {} as ReturnUtilsType
 )

config/structures.ts

@@ -0,0 +1,8 @@
+
+export let source = ['examples/full', 'examples/minimal'];
+
+export const utilsAutoImport = {
+  'examples/minimal/stores': ['useExampleStore']
+}
+
+export type UtilTypes = keyof typeof utilsAutoImport;

src/app/examples/minimal/example.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import Counter from './components/counter.vue'
-import { useExampleStore } from './stores/example'
 
 const exampleStore = useExampleStore()
 </script>

src/app/examples/minimal/stores/index.ts

@@ -0,0 +1 @@
+export * from './example';

vite.config.ts

@@ -7,7 +7,7 @@ import Components from 'unplugin-vue-components/vite'
 import AutoImport from 'unplugin-auto-import/vite'
 import { ElementPlusResolver, NaiveUiResolver } from 'unplugin-vue-components/resolvers'
 import Terminal from 'vite-plugin-terminal'
-import { RootDirs } from './config/dirs'
+import { AutoImportComponents, AutoImportUtils } from './config/dirs'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -19,7 +19,7 @@ export default defineConfig({
     }),
     Components({
       dts: true,
-      dirs: [...RootDirs],
+      dirs: [...AutoImportComponents],
       resolvers: [ElementPlusResolver(), NaiveUiResolver()],
       directoryAsNamespace: false
     }),
@@ -32,7 +32,8 @@ export default defineConfig({
           'virtual:terminal': ['terminal'],
           '@vueuse/core': ['useMouse'],
           pinia: ['defineStore', 'setActivePinia', 'createPinia'],
-          'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar']
+          'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar'],
+          ...AutoImportUtils
         }
       ],
       include: [/\.[jt]sx?$/, /\.vue\??/],