fix: use escapeHtml from vitepress

Author: brc-dd

package.json

@@ -53,7 +53,7 @@
     "@types/node": "^20.12.12",
     "prettier": "^3.2.5",
     "typescript": "^5.4.5",
-    "vitepress": "^1.2.0",
+    "vitepress": "^1.2.2",
     "vue": "^3.4.27",
     "vue-tsc": "^2.0.19"
   },

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
+import { useData, _escapeHtml } from 'vitepress'
 import type { MenuItemWithLinkAndChildren } from '../composables/outline.js'
 
 defineProps<{
@@ -16,11 +16,6 @@ function onClick({ target: el }: Event) {
   )
   heading?.focus()
 }
-
-function escape(str: string): string {
-  // & will be already escaped
-  return str.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')
-}
 </script>
 
 <template>
@@ -31,7 +26,7 @@ function escape(str: string): string {
         :href="link"
         @click="onClick"
         v-show="!hidden"
-        v-html="escape(text)"
+        v-html="_escapeHtml(text)"
       />
       <template v-if="children?.length && frontmatter.outline === 'deep'">
         <VPDocOutlineItem :headers="children" :nested="true" />