style: 装饰

.vitepress/theme/components/Confitti.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import confetti from "canvas-confetti";
+
+confetti({
+    particleCount: 100,
+    spread: 170,
+    origin: { y: 0.6 },
+});
+</script>
+
+<template></template>

.vitepress/theme/index.ts

@@ -4,6 +4,7 @@ import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
 import Layout from "./Layout.vue";
+import Confitti from "./components/Confitti.vue";
 
 export default {
   extends: DefaultTheme,
@@ -14,5 +15,6 @@ export default {
   },
   enhanceApp({ app, router, siteData }) {
     // ...
+    app.component("Confitti", Confitti)
   }
 } satisfies Theme

index.md

@@ -29,3 +29,4 @@ features:
     details: 总体积 < 1MB，无任何依赖项，开箱即用。支持使用 git 或 Unity Package Manager 引入项目。
 ---
 
+<Confitti />

package.json

@@ -3,6 +3,7 @@
     "medium-zoom": "^1.1.0"
   },
   "devDependencies": {
+    "canvas-confetti": "^1.9.3",
     "vitepress": "^1.5.0",
     "vitepress-sidebar": "^1.30.2"
   },