deps: update

.vscode/settings.json

@@ -2,5 +2,6 @@
     "files.exclude": {
         "**/*.png": true,
         "**/*.webp": true
-    }
+    },
+    "editor.tabSize": 2
 }

docs/README.md

@@ -1,6 +1,6 @@
 ---
 home: true
-layout: BlogHome
+layout: Blog
 icon: home
 title: 主页
 heroImage: /assets/images/avatar.webp

docs/friends/index.md

@@ -1,4 +1,5 @@
 ---
+home: true
 layout: FriendsHome
 icon: link
 index: false

package.json

@@ -10,14 +10,15 @@
     "up-deps": "pnpm dlx vp-update"
   },
   "devDependencies": {
-    "@vuepress/bundler-vite": "2.0.0-rc.19",
-    "@vuepress/plugin-docsearch": "2.0.0-rc.76",
+    "@vuepress/bundler-vite": "2.0.0-rc.23",
+    "@vuepress/plugin-docsearch": "2.0.0-rc.108",
     "@vuepress/plugin-remove-pwa": "2.0.0-rc.103",
-    "katex": "^0.16.21",
+    "katex": "^0.16.22",
     "mermaid": "^11.6.0",
-    "vue": "^3.5.13",
-    "vuepress": "2.0.0-rc.19",
-    "vuepress-theme-hope": "2.0.0-rc.71"
+    "sass-embedded": "^1.89.2",
+    "vue": "^3.5.16",
+    "vuepress": "2.0.0-rc.23",
+    "vuepress-theme-hope": "2.0.0-rc.92"
   },
   "packageManager": "pnpm@9.15.3+sha512.1f79bc245a66eb0b07c5d4d83131240774642caaa86ef7d0434ab47c0d16f66b04e21e0c086eb61e62c77efc4d7f7ec071afad3796af64892fae66509173893a"
 }

src/components/MarkdownContent.vue

@@ -0,0 +1,14 @@
+<template>
+  <HopeMarkdownContent v-bind="$attrs" data-clarity-region="article">
+    <template #contentBefore>
+      <slot name="contentBefore" />
+    </template>
+    <template #contentAfter>
+      <slot name="contentAfter" />
+    </template>
+  </HopeMarkdownContent>
+</template>
+
+<script lang="ts" setup>
+import HopeMarkdownContent from 'vuepress-theme-hope/components/base/MarkdownContent'
+</script>

src/layouts/FriendsHome.vue

@@ -1,14 +1,12 @@
 <template>
-  <BlogWrapper>
-    <div class="vp-page vp-blog">
-      <BlogHero>
-        <template #info="{ tagline, isFullScreen, text, alt }">
-          <HitokotoBlogHero v-if="text" :text="text" :alt="alt" />
-        </template>
-        <template #bg>
-          <BingHeroBackground />
-        </template>
-      </BlogHero>
+  <Layout>
+    <template #heroInfo="{ text, tagline, style, isFullScreen }">
+      <HitokotoBlogHero v-if="text" :text="text" :alt="text" />
+    </template>
+    <template #heroBg>
+      <BingHeroBackground />
+    </template>
+    <template #content>
       <div class="blog-page-wrapper">
         <main id="main-content" class="vp-blog-main friends round-avatar">
           <DropTransition appear :delay="0.16">
@@ -25,25 +23,27 @@
           <InfoPanel />
         </DropTransition>
       </div>
-    </div>
-  </BlogWrapper>
+    </template>
+  </Layout>
 </template>
 
 <script lang="ts" setup>
-import BlogHero from 'vuepress-theme-hope/blog/components/BlogHero.js'
-import BlogWrapper from 'vuepress-theme-hope/blog/components/BlogWrapper.js'
-import InfoPanel from 'vuepress-theme-hope/blog/components/InfoPanel.js'
-import ProjectPanel from 'vuepress-theme-hope/blog/components/ProjectPanel.js'
-import MarkdownContent from 'vuepress-theme-hope/components/MarkdownContent.js'
-import { DropTransition } from 'vuepress-theme-hope/components/transitions/DropTransition.js'
+import InfoPanel from 'vuepress-theme-hope/components/blog/InfoPanel'
+import ProjectPanel from 'vuepress-theme-hope/components/blog/ProjectPanel'
+import DropTransition from 'vuepress-theme-hope/components/transitions/DropTransition'
+import Layout from 'vuepress-theme-hope/layouts/base/Layout.js'
 import BingHeroBackground from 'vuepress-theme-hope/presets/BingHeroBackground.js'
 import HitokotoBlogHero from 'vuepress-theme-hope/presets/HitokotoBlogHero.js'
 
-import 'vuepress-theme-hope/modules/blog/styles/home.scss'
 import friends from "../friends"
+import MarkdownContent from '../components/MarkdownContent.vue'
 </script>
 
 <style lang="scss">
+.vp-hero-info {
+  flex-direction: column;
+}
+
 main.friends.round-avatar {
   .vp-project-card {
     img.vp-project-icon {