feat: update deps and use pnpm

Author: Mister-Hope

.gitignore

@@ -1,15 +1,14 @@
-/node_modules
-/package-lock.json
+node_modules/
 # *.drawio
 *.drawio.bkp
 .DS_Store
 # VS Code Config file
 .vscode/
-# Vuepress Cache
-.cache/
-# Vuepress Temp
-.temp/
-# Vuepress Output
+# VuePress Cache
+**/.vuepress/.cache/
+# VuePress Temp
+**/.vuepress/.temp/
+# VuePress Output
 dist/
 # Build files
 packages/*/lib/

docs/.vuepress/config.ts

@@ -1,14 +1,15 @@
 import { defineUserConfig } from "vuepress";
-import { themeConfig } from "./themeConfig";
-import { searchPlugin } from "@vuepress/plugin-search";
+import { searchProPlugin } from "vuepress-plugin-search-pro";
+
+import theme from "./theme.js";
 
 export default defineUserConfig({
   dest: "./dist",
-  theme: themeConfig,
-  shouldPrefetch: false,
+
   title: "JavaGuide(Java面试+学习指南)",
   description:
     "「Java学习指北+Java面试指南」一份涵盖大部分 Java 程序员所需要掌握的核心知识。准备 Java 面试，复习 Java 知识点，首选 JavaGuide！  ",
+
   head: [
     // meta
     ["meta", { name: "robots", content: "all" }],
@@ -46,25 +47,16 @@ export default defineUserConfig({
     ["link", { rel: "stylesheet", href: "/iconfont/iconfont.css" }],
     ["link", { rel: "icon", href: "/favicon.ico" }],
   ],
+
   locales: {
     "/": {
       lang: "zh-CN",
     },
   },
-  plugins: [
-    searchPlugin({
-      // https://v2.vuepress.vuejs.org/zh/reference/plugin/search.html
-      // 排除首页
-      isSearchable: (page) => page.path !== "/",
-      maxSuggestions: 10,
-      hotKeys: ["s", "/"],
-      // 用于在页面的搜索索引中添加额外字段
-      getExtraFields: () => [],
-      locales: {
-        "/": {
-          placeholder: "搜索",
-        },
-      },
-    }),
-  ],
+
+  theme,
+
+  plugins: [searchProPlugin({ indexContent: true })],
+
+  shouldPrefetch: false,
 });

docs/.vuepress/navbar.ts

@@ -1,10 +1,14 @@
 import { navbar } from "vuepress-theme-hope";
 
-export const navbarConfig = navbar([
+export default navbar([
   { text: "面试指南", icon: "java", link: "/home.md" },
   { text: "开源项目", icon: "github", link: "/open-source-project/" },
   { text: "技术书籍", icon: "book", link: "/books/" },
-  { text: "程序人生", icon: "article", link: "/high-quality-technical-articles/" },
+  {
+    text: "程序人生",
+    icon: "article",
+    link: "/high-quality-technical-articles/",
+  },
   {
     text: "网站相关",
     icon: "about",

docs/.vuepress/public/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2922463 */
-  src: url('iconfont.woff2?t=1660530571134') format('woff2'),
-       url('iconfont.woff?t=1660530571134') format('woff'),
-       url('iconfont.ttf?t=1660530571134') format('truetype');
+  src: url("iconfont.woff2?t=1660530571134") format("woff2"),
+    url("iconfont.woff?t=1660530571134") format("woff"),
+    url("iconfont.ttf?t=1660530571134") format("truetype");
 }
 
 .iconfont {
@@ -220,4 +220,3 @@
 .icon-intellijidea:before {
   content: "\ebd1";
 }
-

docs/.vuepress/sidebar/about-the-author.ts

@@ -1,8 +1,10 @@
-export const aboutTheAuthor = [
+import { arraySidebar } from "vuepress-theme-hope";
+
+export const aboutTheAuthor = arraySidebar([
   {
     text: "个人经历",
     icon: "zuozhe",
-    collapsable: false,
+    collapsible: false,
     children: [
       "internet-addiction-teenager",
       "my-college-life",
@@ -14,12 +16,12 @@ export const aboutTheAuthor = [
   {
     text: "杂谈",
     icon: "chat",
-    collapsable: false,
+    collapsible: false,
     children: [
       "writing-technology-blog-six-years",
       "my-article-was-stolen-and-made-into-video-and-it-became-popular",
       "dog-that-copies-other-people-essay",
       "zhishixingqiu-two-years",
     ],
   },
-];
+]);

docs/.vuepress/sidebar/books.ts

@@ -1,4 +1,6 @@
-export const books = [
+import { arraySidebar } from "vuepress-theme-hope";
+
+export const books = arraySidebar([
   {
     text: "计算机基础",
     link: "cs-basics",
@@ -30,4 +32,4 @@ export const books = [
     link: "distributed-system",
     icon: "distributed-network",
   },
-];
+]);

docs/.vuepress/sidebar/high-quality-technical-articles.ts

@@ -1,9 +1,11 @@
-export const highQualityTechnicalArticles = [
+import { arraySidebar } from "vuepress-theme-hope";
+
+export const highQualityTechnicalArticles = arraySidebar([
   {
     text: "练级攻略",
     icon: "et-performance",
     prefix: "advanced-programmer/",
-    collapsable: false,
+    collapsible: false,
     children: [
       "the-growth-strategy-of-the-technological-giant",
       "seven-tips-for-becoming-an-advanced-programmer",
@@ -14,7 +16,7 @@ export const highQualityTechnicalArticles = [
     text: "个人经历",
     icon: "experience",
     prefix: "personal-experience/",
-    collapsable: false,
+    collapsible: false,
     children: [
       "four-year-work-in-tencent-summary",
       "two-years-of-back-end-develop--experience-in-didi&toutiao",
@@ -26,7 +28,7 @@ export const highQualityTechnicalArticles = [
     text: "程序员",
     icon: "code",
     prefix: "programmer/",
-    collapsable: false,
+    collapsible: false,
     children: [
       "how-do-programmers-publish-a-technical-book",
       "efficient-book-publishing-and-practice-guide",
@@ -36,7 +38,7 @@ export const highQualityTechnicalArticles = [
     text: "面试",
     icon: "interview",
     prefix: "interview/",
-    collapsable: false,
+    collapsible: false,
     children: [
       "the-experience-of-get-offer-from-over-20-big-companies",
       "the-experience-and-thinking-of-an-interview-experienced-by-an-older-programmer",
@@ -52,10 +54,10 @@ export const highQualityTechnicalArticles = [
     text: "工作",
     icon: "work",
     prefix: "work/",
-    collapsable: false,
+    collapsible: false,
     children: [
       "get-into-work-mode-quickly-when-you-join-a-company",
       "employee-performance",
     ],
   },
-];
+]);

docs/.vuepress/sidebar.ts docs/.vuepress/sidebar/index.tsdocs/.vuepress/sidebar.ts renamed to docs/.vuepress/sidebar/index.ts

@@ -1,10 +1,11 @@
 import { sidebar } from "vuepress-theme-hope";
-import { highQualityTechnicalArticles } from "./sidebar/high-quality-technical-articles";
-import { aboutTheAuthor } from "./sidebar/about-the-author";
-import { books } from "./sidebar/books";
-import { openSourceProject } from "./sidebar/open-source-project";
 
-export const sidebarConfig = sidebar({
+import { aboutTheAuthor } from "./about-the-author.js";
+import { books } from "./books.js";
+import { highQualityTechnicalArticles } from "./high-quality-technical-articles.js";
+import { openSourceProject } from "./open-source-project.js";
+
+export default sidebar({
   // 应该把更精确的路径放置在前边
   "/open-source-project/": openSourceProject,
   "/books/": books,
@@ -198,10 +199,7 @@ export const sidebarConfig = sidebar({
               text: "Linux",
               collapsible: true,
               icon: "linux",
-              children: [
-                "linux-intro",
-                "shell-intro",
-              ],
+              children: ["linux-intro", "shell-intro"],
             },
           ],
         },

docs/.vuepress/sidebar/open-source-project.ts

@@ -1,4 +1,6 @@
-export const openSourceProject = [
+import { arraySidebar } from "vuepress-theme-hope";
+
+export const openSourceProject = arraySidebar([
   {
     text: "技术教程",
     link: "tutorial",
@@ -34,4 +36,4 @@ export const openSourceProject = [
     link: "big-data",
     icon: "big-data",
   },
-];
+]);