refactor(fontSwitcher): ♻️ use Vue to implement FontSwitcher

Author: BeiyanYunyi

example/docs/.vitepress/config.ts

@@ -1,9 +1,10 @@
 import type { SidebarOptions } from '@project-trans/vitepress-theme-project-trans/theme'
 import type { ThemeContext } from '@project-trans/vitepress-theme-project-trans/utils'
+import type { DefaultTheme } from 'vitepress'
 import genConfig from '@project-trans/vitepress-theme-project-trans/config'
 import { withThemeContext } from '@project-trans/vitepress-theme-project-trans/utils'
 
-const nav: NavConfig = [
+const nav: DefaultTheme.NavItem[] = [
   {
     text: '大学指南',
     link: '/campus/',

package.json

@@ -44,6 +44,8 @@
     "@iconify-json/carbon": "^1.2.1",
     "@iconify-json/icon-park-outline": "^1.2.0",
     "@iconify-json/octicon": "^1.2.0",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vueuse/core": "^12.0.0",
     "unocss": "^0.65.1",
     "vite": "^5.3.1",
     "vitepress": "^1.5.0",