feat: refactor landing pages with ArticleGrid component and fix navigation

docs/.vitepress/theme/index.js

@@ -8,6 +8,8 @@ import { onMounted, watch, nextTick } from 'vue'
 import { useRoute, useData } from 'vitepress'
 import './style.css'
 import Layout from './Layout.vue'
+import CategoryIndex from './components/CategoryIndex.vue'
+import ArticleGrid from './components/ArticleGrid.vue'
 import StepBar from './components/StepBar.vue'
 import ChapterIntroduction from './components/ChapterIntroduction.vue'
 import WebTerminal from './components/appendix/terminal-intro/WebTerminal.vue'
@@ -268,6 +270,8 @@ export default {
   Layout,
   enhanceApp({ app }) {
     app.use(ElementPlus)
+    app.component('CategoryIndex', CategoryIndex)
+    app.component('ArticleGrid', ArticleGrid)
     app.component('StepBar', StepBar)
     app.component('ChapterIntroduction', ChapterIntroduction)
     app.component('WebTerminal', WebTerminal)