From 24261ab269f24bc718beeb686a19f34541fcf251 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sat, 17 Feb 2024 00:26:41 +0800
Subject: [PATCH] perf(theme): use vuepress virtual routes

---
 readme.md                                            |  2 +-
 theme/src/client/components/AutoLink.vue             |  2 +-
 theme/src/client/components/BlogExtract.vue          |  2 +-
 theme/src/client/components/BlogNav.vue              |  2 +-
 theme/src/client/components/SkipLink.vue             |  2 +-
 theme/src/client/components/VButton.vue              |  2 +-
 theme/src/client/composables/nav.ts                  |  2 +-
 theme/src/client/composables/page.ts                 |  3 +--
 theme/src/client/composables/sidebar.ts              |  3 +--
 .../composables/useResolveRouteWithRedirect.ts       | 12 +++---------
 theme/src/client/composables/useRouteQuery.ts        |  2 +-
 theme/src/client/layouts/Layout.vue                  |  3 +--
 12 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/readme.md b/readme.md
index 1a83c1ef..56b4b379 100644
--- a/readme.md
+++ b/readme.md
@@ -5,9 +5,9 @@
 <h2 align="center">vuepress-theme-plume</h2>
 
 [![npm version](https://img.shields.io/npm/v/vuepress-theme-plume?color=32A9C3&labelColor=1B3C4A&label=npm)](https://www.npmjs.com/package/vuepress-theme-plume)
-[![npm beta download](https://img.shields.io/npm/dt/@vuepress-plume/vuepress-theme-plume?color=32A9C3&labelColor=1B3C4A&label=beta%20downloads)](https://www.npmjs.com/package/vuepress-theme-plume)
 [![npm download](https://img.shields.io/npm/dy/vuepress-theme-plume?color=32A9C3&labelColor=1B3C4A&label=downloads)](https://www.npmjs.com/package/vuepress-theme-plume)
 ![GitHub License](https://img.shields.io/github/license/pengzhanbo/vuepress-theme-plume?color=32A9C3&labelColor=1B3C4A)
+<!-- [![npm beta download](https://img.shields.io/npm/dt/@vuepress-plume/vuepress-theme-plume?color=32A9C3&labelColor=1B3C4A&label=beta%20downloads)](https://www.npmjs.com/package/vuepress-theme-plume) -->
 
 一个简约的，干净的，容易上手的 vuepress 主题，适用于博客和文档。
 
diff --git a/theme/src/client/components/AutoLink.vue b/theme/src/client/components/AutoLink.vue
index db2ee1ce..1648a9ca 100644
--- a/theme/src/client/components/AutoLink.vue
+++ b/theme/src/client/components/AutoLink.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRouter } from 'vuepress/client'
 import { EXTERNAL_URL_RE, normalizeLink } from '../utils/index.js'
 import IconExternalLink from './icons/IconExternalLink.vue'
 
diff --git a/theme/src/client/components/BlogExtract.vue b/theme/src/client/components/BlogExtract.vue
index 44c29448..0e1fbdba 100644
--- a/theme/src/client/components/BlogExtract.vue
+++ b/theme/src/client/components/BlogExtract.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useScrollLock } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute } from 'vuepress/client'
 import { useBlogExtract, useThemeLocaleData } from '../composables/index.js'
 import { inBrowser } from '../utils/index.js'
 import AutoLink from './AutoLink.vue'
diff --git a/theme/src/client/components/BlogNav.vue b/theme/src/client/components/BlogNav.vue
index 58865af3..c963e62d 100644
--- a/theme/src/client/components/BlogNav.vue
+++ b/theme/src/client/components/BlogNav.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useRoute } from 'vue-router'
+import { useRoute } from 'vuepress/client'
 import { useBlogExtract } from '../composables/index.js'
 import AutoLink from './AutoLink.vue'
 import IconArchive from './icons/IconArchive.vue'
diff --git a/theme/src/client/components/SkipLink.vue b/theme/src/client/components/SkipLink.vue
index f8b82cb3..b618b4f7 100644
--- a/theme/src/client/components/SkipLink.vue
+++ b/theme/src/client/components/SkipLink.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute } from 'vuepress/client'
 
 const route = useRoute()
 const backToTop = ref()
diff --git a/theme/src/client/components/VButton.vue b/theme/src/client/components/VButton.vue
index 0ebee6a9..52e6afe2 100644
--- a/theme/src/client/components/VButton.vue
+++ b/theme/src/client/components/VButton.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRouter } from 'vuepress/client'
 import { EXTERNAL_URL_RE } from '../utils/index.js'
 
 interface Props {
diff --git a/theme/src/client/composables/nav.ts b/theme/src/client/composables/nav.ts
index 1fe0244f..6893006f 100644
--- a/theme/src/client/composables/nav.ts
+++ b/theme/src/client/composables/nav.ts
@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
 import { ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute } from 'vuepress/client'
 
 export interface UseNavReturn {
   isScreenOpen: Ref<boolean>
diff --git a/theme/src/client/composables/page.ts b/theme/src/client/composables/page.ts
index e16f316f..ed60dfc9 100644
--- a/theme/src/client/composables/page.ts
+++ b/theme/src/client/composables/page.ts
@@ -1,10 +1,9 @@
-import { usePageData, usePageFrontmatter, usePageLang } from 'vuepress/client'
+import { usePageData, usePageFrontmatter, usePageLang, useRoute } from 'vuepress/client'
 import { isPlainObject, isString } from 'vuepress/shared'
 import { useBlogPostData } from '@vuepress-plume/plugin-blog-data/client'
 import type { NotesSidebarItem } from '@vuepress-plume/plugin-notes-data'
 import { computed } from 'vue'
 import type { ComputedRef, Ref } from 'vue'
-import { useRoute } from 'vue-router'
 import type {
   NavItemWithLink,
   PlumeThemeBlogPostItem,
diff --git a/theme/src/client/composables/sidebar.ts b/theme/src/client/composables/sidebar.ts
index 832179c1..93953e4c 100644
--- a/theme/src/client/composables/sidebar.ts
+++ b/theme/src/client/composables/sidebar.ts
@@ -1,5 +1,5 @@
 import type { PageData } from 'vuepress/client'
-import { usePageData, usePageFrontmatter, withBase } from 'vuepress/client'
+import { usePageData, usePageFrontmatter, useRoute, withBase } from 'vuepress/client'
 import type {
   NotesData,
   NotesSidebarItem,
@@ -8,7 +8,6 @@ import { useNotesData } from '@vuepress-plume/plugin-notes-data/client'
 import { useMediaQuery } from '@vueuse/core'
 import type { ComputedRef, Ref } from 'vue'
 import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
-import { useRoute } from 'vue-router'
 import type { PlumeThemePageData } from '../../shared/index.js'
 import { isActive } from '../utils/index.js'
 import { useThemeLocaleData } from './themeData.js'
diff --git a/theme/src/client/composables/useResolveRouteWithRedirect.ts b/theme/src/client/composables/useResolveRouteWithRedirect.ts
index 2f15825a..f51ba450 100644
--- a/theme/src/client/composables/useResolveRouteWithRedirect.ts
+++ b/theme/src/client/composables/useResolveRouteWithRedirect.ts
@@ -1,14 +1,8 @@
 import { isFunction, isString } from 'vuepress/shared'
-import { useRouter } from 'vue-router'
-import type { Router } from 'vue-router'
+import { useRouter } from 'vuepress/client'
+import type { Router } from 'vuepress/client'
 import type { NavItemWithLink } from '../../shared/index.js'
 
-declare module 'vue-router' {
-  interface RouteMeta {
-    title?: string
-  }
-}
-
 /**
  * Resolve a route with redirection
  */
@@ -45,7 +39,7 @@ export function useNavLink(item: string): NavItemWithLink {
   // resolve the route correctly
   const resolved = useResolveRouteWithRedirect(encodeURI(item))
   return {
-    text: resolved.meta.title || item,
+    text: (resolved.meta as any).title || item,
     link: resolved.name === '404' ? item : resolved.fullPath,
   }
 }
diff --git a/theme/src/client/composables/useRouteQuery.ts b/theme/src/client/composables/useRouteQuery.ts
index b4eb7e63..966da039 100644
--- a/theme/src/client/composables/useRouteQuery.ts
+++ b/theme/src/client/composables/useRouteQuery.ts
@@ -1,6 +1,6 @@
 import { customRef, nextTick, toValue, watch } from 'vue'
 import type { MaybeRef, MaybeRefOrGetter, Ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vuepress/client'
 import type { RouteParamValueRaw, Router } from 'vue-router'
 import { tryOnScopeDispose } from '@vueuse/core'
 
diff --git a/theme/src/client/layouts/Layout.vue b/theme/src/client/layouts/Layout.vue
index 9c5dd706..4765c262 100644
--- a/theme/src/client/layouts/Layout.vue
+++ b/theme/src/client/layouts/Layout.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { usePageData } from 'vuepress/client'
+import { usePageData, useRoute } from 'vuepress/client'
 import { computed, provide, watch } from 'vue'
-import { useRoute } from 'vue-router'
 import type { PlumeThemePageData } from '../../shared/index.js'
 import Backdrop from '../components/Backdrop.vue'
 import Blog from '../components/Blog.vue'