chore: use tiny-decode instead of v-html+escapeHtml

Author: brc-dd

package.json

@@ -44,7 +44,8 @@
     "@docsearch/js": "^3.6.0",
     "@vueuse/core": "^10.9.0",
     "body-scroll-lock": "^4.0.0-beta.0",
-    "normalize.css": "^8.0.1"
+    "normalize.css": "^8.0.1",
+    "tiny-decode": "^0.1.3"
   },
   "devDependencies": {
     "@mdit-vue/types": "^2.1.0",

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { useData, _escapeHtml } from 'vitepress'
+import { decode } from 'tiny-decode'
+import { useData } from 'vitepress'
 import type { MenuItemWithLinkAndChildren } from '../composables/outline.js'
 
 defineProps<{
@@ -21,13 +22,9 @@ function onClick({ target: el }: Event) {
 <template>
   <ul :class="nested ? 'nested' : 'root'">
     <li v-for="{ children, link, text, hidden } in headers">
-      <a
-        class="outline-link"
-        :href="link"
-        @click="onClick"
-        v-show="!hidden"
-        v-html="_escapeHtml(text)"
-      />
+      <a class="outline-link" :href="link" @click="onClick" v-show="!hidden">
+        {{ decode(text) }}
+      </a>
       <template v-if="children?.length && frontmatter.outline === 'deep'">
         <VPDocOutlineItem :headers="children" :nested="true" />
       </template>