pinia store 改为自动导入

Author: hooray

plop-templates/store/index.hbs

@@ -1,4 +1,4 @@
-const use{{ properCase name }}Store = defineStore(
+export const use{{ properCase name }}Store = defineStore(
   // 唯一ID
   '{{ camelCase name }}',
   () => {
@@ -9,5 +9,3 @@ const use{{ properCase name }}Store = defineStore(
     }
   },
 )
-
-export default use{{ properCase name }}Store

plop-templates/store/prompt.js

@@ -19,7 +19,7 @@ export default {
     const actions = [
       {
         type: 'add',
-        path: 'src/store/modules/{{camelCase name}}.ts',
+        path: 'src/store/{{camelCase name}}.ts',
         templateFile: 'plop-templates/store/index.hbs',
       },
     ]

src/App.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import useKeepAliveStore from '@/store/modules/keepAlive'
-import useSettingsStore from '@/store/modules/settings'
 import eventBus from '@/utils/eventBus'
 import Provider from './ui/provider/index.vue'
 

src/api/index.ts

@@ -1,7 +1,6 @@
 import axios from 'axios'
 // import qs from 'qs'
 import { toast } from 'vue-sonner'
-import useUserStore from '@/store/modules/user'
 
 // 请求重试配置
 const MAX_RETRY_COUNT = 3 // 最大重试次数

src/router/guards.ts

@@ -1,8 +1,5 @@
 import type { Router } from 'vue-router/auto'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
-import useKeepAliveStore from '@/store/modules/keepAlive'
-import useSettingsStore from '@/store/modules/settings'
-import useUserStore from '@/store/modules/user'
 import '@/assets/styles/nprogress.css'
 
 // 鉴权

src/store/index.ts

@@ -1,4 +1,4 @@
-const useKeepAliveStore = defineStore(
+export const useKeepAliveStore = defineStore(
   // 唯一ID
   'keepAlive',
   () => {
@@ -38,5 +38,3 @@ const useKeepAliveStore = defineStore(
     }
   },
 )
-
-export default useKeepAliveStore

src/store/modules/keepAlive.ts

@@ -1,7 +1,7 @@
 import type { Settings } from '#/global'
 import settingsDefault from '@/settings'
 
-const useSettingsStore = defineStore(
+export const useSettingsStore = defineStore(
   // 唯一ID
   'settings',
   () => {
@@ -75,5 +75,3 @@ const useSettingsStore = defineStore(
     }
   },
 )
-
-export default useSettingsStore

src/store/modules/settings.ts

@@ -1,7 +1,7 @@
 import apiUser from '@/api/modules/user'
 import router from '@/router'
 
-const useUserStore = defineStore(
+export const useUserStore = defineStore(
   // 唯一ID
   'user',
   () => {
@@ -66,5 +66,3 @@ const useUserStore = defineStore(
     }
   },
 )
-
-export default useUserStore

src/store/modules/user.ts

@@ -14,7 +14,6 @@ declare global {
   const customRef: typeof import('vue')['customRef']
   const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
   const defineComponent: typeof import('vue')['defineComponent']
-  const definePage: typeof import('unplugin-vue-router/runtime')['definePage']
   const defineStore: typeof import('pinia')['defineStore']
   const effectScope: typeof import('vue')['effectScope']
   const getActivePinia: typeof import('pinia')['getActivePinia']
@@ -72,13 +71,16 @@ declare global {
   const useCssVars: typeof import('vue')['useCssVars']
   const useGlobalProperties: typeof import('../utils/composables/useGlobalProperties')['default']
   const useId: typeof import('vue')['useId']
+  const useKeepAliveStore: typeof import('../store/modules/keepAlive')['useKeepAliveStore']
   const useLink: typeof import('vue-router/auto')['useLink']
   const useModel: typeof import('vue')['useModel']
   const usePage: typeof import('../utils/composables/usePage')['default']
   const useRoute: typeof import('vue-router')['useRoute']
   const useRouter: typeof import('vue-router')['useRouter']
+  const useSettingsStore: typeof import('../store/modules/settings')['useSettingsStore']
   const useSlots: typeof import('vue')['useSlots']
   const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const useUserStore: typeof import('../store/modules/user')['useUserStore']
   const watch: typeof import('vue')['watch']
   const watchEffect: typeof import('vue')['watchEffect']
   const watchPostEffect: typeof import('vue')['watchPostEffect']