fix: site store router refresh when save md file

Author: YunYouJun

packages/valaxy-theme-yun/components/ValaxyMain.vue

@@ -88,15 +88,15 @@ onContentUpdated(() => {
 
             <div p="x-4 b-8" class="sm:px-6 lg:px-12 xl:px-16" w="full">
               <slot name="main-content">
-                <Transition appear>
-                  <ValaxyMd :frontmatter="frontmatter">
-                    <YunAiExcerpt v-if="frontmatter.excerpt_type === 'ai' && frontmatter.excerpt" />
-                    <YunMdTimeWarning />
-
-                    <slot name="main-content-md" />
-                    <slot />
-                  </ValaxyMd>
-                </Transition>
+                <!-- <Transition appear> -->
+                <ValaxyMd :frontmatter="frontmatter">
+                  <YunAiExcerpt v-if="frontmatter.excerpt_type === 'ai' && frontmatter.excerpt" />
+                  <YunMdTimeWarning />
+
+                  <slot name="main-content-md" />
+                  <slot />
+                </ValaxyMd>
+                <!-- </Transition> -->
               </slot>
 
               <slot name="main-content-after" />

packages/valaxy/client/composables/post.ts

@@ -1,10 +1,10 @@
 import type { ComputedRef } from 'vue'
 import { computed } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import type { Post } from 'valaxy'
 import { sortByDate } from '../utils'
-import { useSiteStore } from '../stores'
+import { useRouterStore, useSiteStore } from '../stores'
 
 export function usePostTitle(post: ComputedRef<Post>) {
   const { locale } = useI18n()
@@ -18,12 +18,11 @@ export function usePostTitle(post: ComputedRef<Post>) {
  * get all page in 'pages' folder
  */
 export function usePageList() {
-  const router = useRouter()
+  const routerStore = useRouterStore()
+  const router = routerStore.router
+
   return computed<Post[]>(() => {
     const excludePages = ['/:..all', '/:all(.*)*', '/', '/:path(.*)']
-    if (!router)
-      return []
-
     const routes = router.getRoutes()
       .filter(i => i.name)
       .filter(i => i.meta)

packages/valaxy/client/stores/index.ts

@@ -1,2 +1,3 @@
 export * from './app'
+export * from './router'
 export * from './site'

packages/valaxy/client/stores/router.ts

@@ -0,0 +1,10 @@
+import { defineStore } from 'pinia'
+import { useRouter } from 'vue-router'
+
+export const useRouterStore = defineStore('routerStore', () => {
+  const router = useRouter()
+
+  return {
+    router,
+  }
+})

packages/valaxy/client/stores/site.ts

@@ -1,7 +1,6 @@
 import { computed, ref } from 'vue'
 import { acceptHMRUpdate, defineStore } from 'pinia'
-import { useRouter } from 'vue-router'
-import { usePostList } from '..'
+import { usePostList, useRouterStore } from '..'
 import type { PageDataPayload } from '../../types'
 
 /**
@@ -11,18 +10,21 @@ import type { PageDataPayload } from '../../types'
  * - category
  */
 export const useSiteStore = defineStore('site', () => {
+  const routerStore = useRouterStore()
+  const router = routerStore.router
+
   const reload = ref(1)
   // for dev hot reload
   const postList = computed(() => {
-    if (reload.value)
-      return usePostList().value
+    const val = usePostList().value
+    if (reload.value && val)
+      return val
     else
-      return usePostList().value
+      return val
   })
 
   // const postList = usePostList()
 
-  const router = useRouter()
   if (router) {
     router.isReady().then(() => {
       // hot reload when save md