Footnote integration with "On This Page"

[AmitMY]

Describe the bug

When using markdown-it-footnote, I manage to get footnotes on the page.
However, when the footnote is on a header

the "On this page" section shows it in an undesired way

Reproduction

https://stackblitz.com/edit/vitepress-footnote-bug

Expected behavior

The footnote should be removed from the "On This Page" area

System Info

reproduced on stackblitz.

Additional context

No response

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

You'll need to adjust mdit config to this:

md.use(footnote)
const orig = md.renderer.rules.footnote_ref!
md.renderer.rules.footnote_ref = (...args) => {
  return orig(...args).replace(
    '<sup class="',
    '<sup class="ignore-header '
  )
}

[brc-dd]

Since this is an official mdit plugin, I updated the outline code to ignore footnote-ref by default. From next version you won't need that workaround.

You can use the preview version for now too - npm add -D https://pkg.pr.new/vitepress@1832617