tsconfig path

src/components/form/FormFactory.vue

@@ -3,7 +3,7 @@ import { useField, useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
 import { z } from 'zod'
 
-import type { BuildSchemaObject, Form } from '@interfaces/index'
+import type { BuildSchemaObject, Form } from '@/interfaces'
 
 const props = defineProps<{
   form: Form

src/components/notification/NotificationContainer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Notification, NotificationGroup } from '@plugins/notiwind'
+import { Notification, NotificationGroup } from '@/plugins/notiwind'
 </script>
 
 <template>

src/hooks/useConfirmModal.ts

@@ -1,8 +1,8 @@
 import type { UseModalOptions } from 'vue-final-modal'
 import { useModal } from 'vue-final-modal'
 
-import ConfirmModal from '@components/modal/ConfirmModal.vue'
-import type { ComponentProps } from '@interfaces/index'
+import ConfirmModal from '@/components/modal/ConfirmModal.vue'
+import type { ComponentProps } from '@/interfaces'
 
 export function useFormModal(options: UseModalOptions<ComponentProps<typeof ConfirmModal>>) {
   return useModal({

src/hooks/useFormModal.ts

@@ -1,10 +1,12 @@
 import type { UseModalOptions } from 'vue-final-modal'
 import { useModal } from 'vue-final-modal'
 
-import FormModal from '@components/modal/FormModal.vue'
-import type { ComponentProps } from '@interfaces/index'
+import FormModal from '@/components/modal/FormModal.vue'
+import type { ComponentProps } from '@/interfaces'
 
-export function useFormModal(options: UseModalOptions<ComponentProps<typeof FormModal>>) {
+export type useFormModalOptions = UseModalOptions<ComponentProps<typeof FormModal>>
+
+export function useFormModal(options: useFormModalOptions) {
   return useModal({
     component: FormModal,
     ...options,

src/hooks/useNotify.ts

@@ -1,6 +1,6 @@
-import type { NotificationSchema } from '@plugins/notiwind'
-import { notify } from '@plugins/notiwind'
-import { i18n } from '@locales/index'
+import type { NotificationSchema } from '@/plugins/notiwind'
+import { notify } from '@/plugins/notiwind'
+import { i18n } from '@/locales'
 
 type Notify = typeof notify
 

src/interfaces/index.ts

@@ -6,4 +6,4 @@ export interface Menu {
   click?: Function
 }
 
-export * from '@components/modal/types'
+export * from '@/components/modal/types'

src/main.ts

@@ -11,14 +11,14 @@ import { createVfm } from 'vue-final-modal'
 
 import VChart from 'vue-echarts'
 
-import { i18n } from '@locales/index'
-import { vuetify } from '@plugins/vuetify'
-import '@plugins/zod'
-import '@plugins/echarts'
-
 import App from './App.vue'
 import routes from '~pages'
 
+import { i18n } from '@/locales'
+import { vuetify } from '@/plugins/vuetify'
+import '@/plugins/zod'
+import '@/plugins/echarts'
+
 const router = createRouter({
   history: createWebHashHistory(),
   routes,

src/utils/index.ts

@@ -1,7 +1,7 @@
 import { format as _format, formatDistance as _formatDistance, formatDistanceStrict as _formatDistanceStrict, formatDuration as _formatDuration, endOfMonth, startOfMonth } from 'date-fns'
 import { enUS, zhCN } from 'date-fns/locale'
 
-import { i18n } from '@locales/index'
+import { i18n } from '@/locales'
 
 export * from './path'
 

tsconfig.json

@@ -15,12 +15,7 @@
     ],
     "baseUrl": "./",
     "paths": {
-      "@locales/*": ["src/locales/*"],
-      "@interfaces/*": ["src/interfaces/*"],
-      "@assets/*": ["src/assets/*"],
-      "@modules/*": ["src/modules/*"],
-      "@components/*": ["src/components/*"],
-      "@plugins/*": ["src/plugins/*"]
+      "@/*": ["src/*"]
     }
   },
   "include": [