feat: add autolink heading

package.json

@@ -52,13 +52,15 @@
     "unocss": "^0.63.2"
   },
   "dependencies": {
+    "@astrojs/markdown-remark": "^5.2.0",
     "@astrojs/mdx": "^3.1.7",
     "@astrojs/sitemap": "^3.2.0",
     "bcp-47": "^2.1.0",
     "dayjs": "^1.11.13",
     "fast-glob": "^3.3.2",
     "i18next": "^23.15.2",
-    "nprogress": "^0.2.0"
+    "nprogress": "^0.2.0",
+    "rehype-autolink-headings": "^7.1.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^3.3.2",

src/index.ts

@@ -9,7 +9,9 @@
 import type { AstroIntegration } from 'astro'
 import type { PluginTranslations, VitesseUserConfigWithPlugins } from './utils/plugins'
 
+import { rehypeHeadingIds } from '@astrojs/markdown-remark'
 import mdx from '@astrojs/mdx'
+import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import { vitesseSitemap } from './integrations/sitemap'
 import { vitePluginVitesseUserConfig } from './integrations/virtual-user-config'
 import { processI18nConfig } from './utils/i18n'
@@ -93,6 +95,24 @@ export default function VitesseIntegration({
             ],
           },
           markdown: {
+            rehypePlugins: [
+              rehypeHeadingIds,
+              [
+                rehypeAutolinkHeadings,
+                {
+                  behavior: 'append',
+                  content: {
+                    type: 'text',
+                    value: '#',
+                  },
+                  properties: {
+                    ariaHidden: true,
+                    tabIndex: -1,
+                    className: 'header-anchor',
+                  },
+                },
+              ],
+            ],
             shikiConfig: {
               themes: {
                 dark: 'vitesse-dark',