🎨 Add SuggestionBox

docs/.vitepress/components.d.ts

@@ -8,6 +8,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AppearanceToggle: typeof import('./theme/components/AppearanceToggle.vue')['default']
+    AppSBox: typeof import('./theme/components/AppSBox.vue')['default']
     Changelog: typeof import('./theme/components/Changelog.vue')['default']
     HomeContent: typeof import('./theme/components/HomeContent.vue')['default']
     PageInfo: typeof import('./theme/components/PageInfo.vue')['default']

docs/.vitepress/theme/components/AppSBox.vue

@@ -0,0 +1,6 @@
+<template>
+  <SuggestionBox placeholder="写点什么" />
+</template>
+<script setup lang="ts">
+import SuggestionBox from 'pjts-suggestion-box';
+</script>

package.json

@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "katex": "^0.16.9",
+    "pjts-suggestion-box": "^0.0.3",
     "vuepress-plugin-md-enhance": "2.0.0-rc.0"
   }
 }

pnpm-lock.yaml

@@ -8,6 +8,9 @@ dependencies:
   katex:
     specifier: ^0.16.9
     version: 0.16.9
+  pjts-suggestion-box:
+    specifier: ^0.0.3
+    version: 0.0.3(vue@3.3.13)
   vuepress-plugin-md-enhance:
     specifier: 2.0.0-rc.0
     version: 2.0.0-rc.0(@types/js-yaml@4.0.9)(katex@0.16.9)(vuepress@2.0.0-rc.0)
@@ -4914,6 +4917,14 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  /pjts-suggestion-box@0.0.3(vue@3.3.13):
+    resolution: {integrity: sha512-KIbrP5Xrptg93UeRKLvQBeXIG8zrOK/yDxnMV7qHFWTNMB7J7aT01+P08/8QmWZVWD50bYXcckgL6lc3wq7e6w==}
+    peerDependencies:
+      vue: '3'
+    dependencies:
+      vue: 3.3.13
+    dev: false
+
   /pkg-types@1.0.3:
     resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
     dependencies:

uno.config.ts

@@ -1,10 +1,20 @@
-import { presetAttributify, presetIcons, presetUno } from 'unocss'
+import presetSBox from 'pjts-suggestion-box/dist/preset';
-import { defineConfig } from "unocss";
+import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss';
 
 export default defineConfig({
   shortcuts: [
     ['btn', 'px-4 py-1 rounded inline-flex justify-center gap-2 text-white leading-30px children:mya !no-underline cursor-pointer disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
   ],
+  content: {
+    pipeline: {
+      include: [
+        // Default match pattern of UnoCSS
+        /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
+        // Match suggestion-box
+        /.*pjts-suggestion-box.*\.js/,
+      ],
+    },
+  },
   presets: [
     presetUno({
       dark: 'class',
@@ -20,5 +30,6 @@ export default defineConfig({
       },
       warn: true,
     }),
+    presetSBox(),
   ],
 })