fix: fix error about plugin-theme-data

packages/@vuepress-reco/plugin-bulletin-popover/package.json

@@ -36,11 +36,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@vuepress-reco/tailwindcss-config": "workspace:2.0.0-beta.68",
+    "@vuepress-reco/tailwindcss-config": "workspace:*",
     "@vuepress/client": "2.0.0-rc.0",
     "@vuepress/core": "2.0.0-rc.0",
     "@vuepress/plugin-theme-data": "2.0.0-rc.0",
+    "@vuepress/shared": "2.0.0-rc.0",
     "@vuepress/utils": "2.0.0-rc.0",
-    "vue": "^3.3.8"
+    "vue": "^3.3.8",
+    "vue-router": "^4.2.5"
   }
 }

packages/@vuepress-reco/plugin-bulletin-popover/src/client/components/hook.ts

@@ -1,5 +1,7 @@
 import { ref, onMounted, computed } from 'vue'
-import { useThemeLocaleData } from '@vuepress/plugin-theme-data/client'
+import { useRouter } from 'vue-router'
+import { resolveLocalePath } from '@vuepress/shared'
+import { useThemeData, resolveThemeLocaleData } from '@vuepress/plugin-theme-data/client'
 
 export function useVisible() {
   const themeLocal = useThemeLocaleData()
@@ -66,3 +68,18 @@ export function useHandleNodes() {
 
   return { bodyNodes, handleNode }
 }
+
+function useThemeLocaleData() {
+  const themeData = useThemeData()
+  const router = useRouter()
+  const routePath = computed(() => router.currentRoute.value.path)
+  const routeLocale = computed(() =>
+    resolveLocalePath(themeData.value.locales, routePath.value),
+  )
+
+  const themeLocaleData = computed(() =>
+    resolveThemeLocaleData(themeData.value, routeLocale.value),
+  )
+
+  return themeLocaleData
+}

packages/@vuepress-reco/plugin-bulletin-popover/src/types/models.d.ts

@@ -0,0 +1 @@
+declare module '@vuepress/plugin-theme-data/client'

packages/@vuepress-reco/plugin-bulletin-popover/src/types/shim.d.ts

@@ -3,5 +3,3 @@ declare module '*.vue' {
   const comp: ComponentOptions
   export default comp
 }
-
-declare module '@vuepress/plugin-theme-data/client'

packages/@vuepress-reco/plugin-comments/package.json

@@ -39,6 +39,7 @@
     "@vuepress/client": "2.0.0-rc.0",
     "@vuepress/core": "2.0.0-rc.0",
     "@vuepress/plugin-theme-data": "2.0.0-rc.0",
+    "@vuepress/shared": "2.0.0-rc.0",
     "@vuepress/utils": "2.0.0-rc.0",
     "@waline/client": "^2.14.7",
     "valine": "1.4.18",

packages/@vuepress-reco/plugin-comments/src/client/components/ValineViews.ts

@@ -1,5 +1,4 @@
-import { defineComponent, toRefs, h, watch } from 'vue'
-import { useSiteLocaleData } from '@vuepress/client'
+import { defineComponent, toRefs, h } from 'vue'
 import { useRoute } from 'vue-router'
 
 export default defineComponent({
@@ -18,21 +17,14 @@ export default defineComponent({
   },
 
   setup(props) {
-    const siteLocal = useSiteLocaleData()
     const route = useRoute()
     const { idVal, numStyle, flagTitle } = toRefs(props)
 
-    const getIdVal = (path) => {
-      return (
-        siteLocal.value.base.slice(0, siteLocal.value.base.length - 1) + path
-      )
-    }
-
     return () =>
       h(
         'span',
         {
-          'id': getIdVal(idVal.value || route.path),
+          'id': idVal.value || route.path,
           'class': 'leancloud-visitors',
           'data-flag-title': flagTitle.value,
         },

packages/@vuepress-reco/plugin-comments/src/client/composables/index.ts

@@ -1,5 +1,7 @@
 import { computed } from 'vue'
-import { useThemeLocaleData } from '@vuepress/plugin-theme-data/client'
+import { useRouter } from 'vue-router'
+import { resolveLocalePath } from '@vuepress/shared'
+import { useThemeData, resolveThemeLocaleData } from '@vuepress/plugin-theme-data/client'
 
 export function useComment() {
   const themeLocal = useThemeLocaleData()
@@ -25,3 +27,18 @@ export function useComment() {
 
   return { solution, options }
 }
+
+function useThemeLocaleData() {
+  const themeData = useThemeData()
+  const router = useRouter()
+  const routePath = computed(() => router.currentRoute.value.path)
+  const routeLocale = computed(() =>
+    resolveLocalePath(themeData.value.locales, routePath.value),
+  )
+
+  const themeLocaleData = computed(() =>
+    resolveThemeLocaleData(themeData.value, routeLocale.value),
+  )
+
+  return themeLocaleData
+}

packages/@vuepress-reco/plugin-comments/src/types/shim.d.ts

@@ -0,0 +1,7 @@
+declare module '*.vue' {
+  import type { ComponentOptions } from 'vue'
+  const comp: ComponentOptions
+  export default comp
+}
+
+declare module '@vuepress-reco/shared'

packages/@vuepress-reco/shared/package.json

@@ -31,7 +31,10 @@
   },
   "dependencies": {
     "@vuepress/core": "2.0.0-rc.0",
-    "vue": "^3.3.8"
+    "@vuepress/shared": "2.0.0-rc.0",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.0",
+    "vue": "^3.3.8",
+    "vue-router": "^4.2.5"
   },
   "publishConfig": {
     "access": "public"

packages/@vuepress-reco/shared/src/types/shim.d.ts

@@ -3,3 +3,5 @@ declare module '*.vue' {
   const comp: ComponentOptions
   export default comp
 }
+
+declare module '@vuepress/plugin-theme-data/client'

packages/vuepress-theme-reco/src/node/recoTheme.ts

@@ -41,11 +41,11 @@ const __dirname = getDirname(import.meta.url)
 
 export const recoTheme = (themeConfig: Record<string, unknown>): Theme => {
   const plugins = [
+    themeDataPlugin({ themeData: themeConfig }),
     bulletinPopoverPlugin(),
     commentsPlugin(),
     pagePlugin(pages || [], themeConfig),
     gitPlugin(),
-    themeDataPlugin({ themeData: themeConfig }),
     searchPlugin({
       hotKeys: [{ key: 's', ctrl: true }],
     }),