refactor: update to latest vuepress usage (#31)

Co-authored-by: Hantong Chen <70561268+cxw620@users.noreply.github.com>

Author: typed-sigterm

docs/.vuepress/client.ts

@@ -1,5 +1,4 @@
-// .vuepress/client.ts
-import { defineClientConfig } from "@vuepress/client";
+import { defineClientConfig } from "vuepress/client";
 import NaiveClient from "./components/NaiveClient.vue";
 
 export default defineClientConfig({

docs/.vuepress/components/HomeAds.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { usePageData } from "@vuepress/client"
+import { usePageData } from "vuepress/client"
 import { computed } from "vue"
 
 const pageData = usePageData()

docs/.vuepress/components/HomePage.vue

@@ -10,6 +10,6 @@
 <script setup lang="ts">
 import HopeHomePage from "vuepress-theme-hope/components/HomePage";
 // import HomeAds from "./HomeAds.vue";
-import { ClientOnly } from "@vuepress/client";
+import { ClientOnly } from "vuepress/client";
 
 </script>

docs/.vuepress/components/NaiveClient.vue

@@ -1,7 +1,6 @@
 <script lang="ts" setup>
-
 import NaiveConfig from './NaiveConfig.vue';
-import { ClientOnly } from '@vuepress/client';
+import { ClientOnly } from 'vuepress/client';
 import { Suspense } from 'vue'
 import { NSpace, NSpin } from 'naive-ui'
 

docs/.vuepress/components/NormalPage.vue

@@ -10,9 +10,9 @@
 </template>
 <script setup lang="ts">
 import NormalPage from "vuepress-theme-hope/components/NormalPage";
-import { usePageFrontmatter } from "@vuepress/client";
+import { usePageFrontmatter } from "vuepress/client";
 import { computed } from "vue";
-import { usePageData } from '@vuepress/client'
+import { usePageData } from 'vuepress/client'
 import NaiveClient from './NaiveClient.vue'
 import ApiSelect from "./api/ApiSelect.vue";
 

docs/.vuepress/components/Sidebar.vue

@@ -19,7 +19,7 @@
 </template>
 <script setup lang="ts">
 import Sidebar from "vuepress-theme-hope/modules/sidebar/components/Sidebar";
-import { usePageData } from "@vuepress/client";
+import { usePageData } from "vuepress/client";
 import { computed } from "vue";
 import ApiSelect from "./api/ApiSelect.vue";
 

docs/.vuepress/config.ts

@@ -1,6 +1,6 @@
 import { defineUserConfig } from "vuepress";
 import { viteBundler } from '@vuepress/bundler-vite'
-import { getDirname, path } from "@vuepress/utils";
+import { getDirname, path } from "vuepress/utils";
 import theme from "./theme.js";
 
 const __dirname = getDirname(import.meta.url);

docs/.vuepress/styles/index.scss

@@ -0,0 +1,3 @@
+h1 .vp-icon {
+  font-size: 1em;
+}

docs/.vuepress/theme.ts

@@ -8,13 +8,6 @@ export default hopeTheme(
     logo: "/logo.svg",
     repo: "OpenListTeam/docs",
     // hostname: "https://docs.oplist.org",
-    // 移动到 palette.scss 文件中
-    // themeColor: {
-    //   blue: "#2196f3",
-    //   red: "#f26d6d",
-    //   green: "#3eaf7c",
-    //   orange: "#fb9b5f",
-    // },
 
     author: {
       name: "The OpenList Projects Contributors",
@@ -25,57 +18,37 @@ export default hopeTheme(
 
     locales: {
       "/": {
-        // navbar
         navbar: navbar.en,
-
-        // sidebar
         sidebar: sidebar.en,
-
-        footer: ``,
-
+        footer: '',
         displayFooter: true,
       },
 
       /**
        * Chinese locale config
        */
       "/zh/": {
-        // navbar
         navbar: navbar.zh,
-
-        // sidebar
         sidebar: sidebar.zh,
-
-        footer: ``,
-
+        footer: '',
         displayFooter: true,
       },
     },
     markdown: {
-      imgMark: true,      //支持图片标记
-      imgLazyload: true,  //支持图片懒加载
-      // figure: true,       //支持图片描述
-      imgSize: true,      //支持图片大小
-      tabs: true,         //支持表格
-      gfm: true,          //支持完整的 GFM 语法
-      tasklist: true,     //支持任务列表
-      include: true,      //支持 include 语法
-      align: true,        //支持对齐
-      mark: true,         //支持标记
-      sub: true,          //支持下标
-      sup: true,          //支持上标
-      flowchart: true,    //支持流程图
-      demo: true,         //支持 demo
-      mermaid: true,      //支持 Mermaid
-      chartjs: true,      //支持 Chart.js
-      echarts: true,      //支持 ECharts
-      plantuml: true,     //支持 PlantUML
-      codeTabs: true,     //支持代码块分组
-      // container: true,
+      imgMark: true,
+      imgLazyload: true,
+      tabs: true,
+      gfm: true,
+      tasklist: true,
+      include: true,
+      mark: true,
+      sub: true,
+      sup: true,
+      flowchart: true,
+      mermaid: true,
+      codeTabs: true,
     },
     plugins: {
-      // 水印选项 
-      // 参考配置：https://zhensherlock.github.io/watermark-js-plus/zh/config
       watermark:{
         enabled: false,
       },
@@ -92,11 +65,9 @@ export default hopeTheme(
           toc: false,
         }),
       },
-      // 
       components: {
         components: ["ArtPlayer", "BiliBili", "Badge", "VPCard"],
       },
-      // 图标
       icon: {
         assets: [
           "//at.alicdn.com/t/c/font_2410206_5vb9zlyghj.css",
@@ -105,9 +76,6 @@ export default hopeTheme(
         ]
       },
       comment: {
-        /**
-         * Using Giscus 评论
-         */
         provider: "Giscus",
         repo: "OpenListTeam/docs",
         repoId: "R_kgDOO52WYA",
@@ -166,9 +134,6 @@ export default hopeTheme(
     },
   },
   {
-    check: true,
-    compact: true,
     custom: true,
-    debug: false,
   }
 );

package.json

@@ -18,15 +18,13 @@
   },
   "devDependencies": {
     "@types/node": "^18.19.75",
-    "@vuepress/client": "2.0.0-rc.19",
+    "@vuepress/bundler-vite": "2.0.0-rc.19",
     "@vuepress/plugin-docsearch": "2.0.0-rc.74",
-    "@vuepress/utils": "2.0.0-rc.19",
     "artplayer": "^5.2.2",
-    "chart.js": "^4.4.7",
     "dashjs": "^4.7.4",
-    "echarts": "^5.6.0",
     "flowchart.ts": "^3.0.1",
     "hls.js": "^1.5.20",
+    "markdown-it": "^14.1.0",
     "mathjax-full": "^3.2.2",
     "mermaid": "^11.4.1",
     "mpegts.js": "^1.8.0",
@@ -35,9 +33,5 @@
     "vue": "^3.5.13",
     "vuepress": "2.0.0-rc.19",
     "vuepress-theme-hope": "2.0.0-rc.71"
-  },
-  "dependencies": {
-    "@vuepress/bundler-vite": "2.0.0-rc.19",
-    "markdown-it": "^14.1.0"
   }
 }