refactor: simplify store imports via central export pattern

Author: cwandev

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import useRouteCache from '@/stores/modules/routeCache'
+import { useRouteCacheStore } from '@/stores'
 
 useHead({
   title: 'Vue3 Vant Mobile',
@@ -22,8 +22,10 @@ useHead({
   ],
 })
 
+const routeCacheStore = useRouteCacheStore()
+
 const keepAliveRouteNames = computed(() => {
-  return useRouteCache().routeCaches as string[]
+  return routeCacheStore.routeCaches
 })
 
 const mode = computed(() => {

src/pages/counter/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
-import useCounterStore from '@/stores/modules/counter'
+import { useCounterStore } from '@/stores'
 
 const counterStore = useCounterStore()
 const { counter } = storeToRefs(counterStore)

src/router/index.ts

@@ -5,8 +5,7 @@ import NProgress from 'nprogress'
 import 'nprogress/nprogress.css'
 
 import type { EnhancedRouteLocation } from './types'
-import useRouteCacheStore from '@/stores/modules/routeCache'
-import { useUserStore } from '@/stores'
+import { useRouteCacheStore, useUserStore } from '@/stores'
 
 import { isLogin } from '@/utils/auth'
 import setPageTitle from '@/utils/set-page-title'

src/stores/index.ts

@@ -2,9 +2,11 @@ import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 import useUserStore from './modules/user'
+import useCounterStore from './modules/counter'
+import useRouteCacheStore from './modules/routeCache'
 
 const pinia = createPinia()
 pinia.use(piniaPluginPersistedstate)
 
-export { useUserStore }
+export { useUserStore, useCounterStore, useRouteCacheStore }
 export default pinia