Closed dlecan closed 3 years ago
Package version: latest VuePress version: 1.5.3 OS: Any Browser: Any
TOC links are broken when headings embed a badge, such as # T1 <Badge text="t1"/>
# T1 <Badge text="t1"/>
Instead of the link #t1, the TOC generates the link #t1-badge-text-t1, including the "badge" content (attributes and value).
#t1
#t1-badge-text-t1
You can see a live version of this issue here: https://docs.uns.network/uns-use-the-network/cli.html
Just try to click on TOC headings with a green badge.
[[toc]] # T1 <Badge text="t1"/>
You can see the generated HTML and the value of href, which prevents to follow the link.
href
<li> <a href="#t1-badge-text-t1">t1<span class="badge tip" style="vertical-align:top;" data-v-76652c5d="">t1</span></a> </li>
#/t1
Duplicates https://github.com/vuejs/vuepress/issues/1985
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Environment
Package version: latest VuePress version: 1.5.3 OS: Any Browser: Any
Describe the bug
TOC links are broken when headings embed a badge, such as
# T1 <Badge text="t1"/>
Instead of the link
#t1
, the TOC generates the link#t1-badge-text-t1
, including the "badge" content (attributes and value).You can see a live version of this issue here: https://docs.uns.network/uns-use-the-network/cli.html
Just try to click on TOC headings with a green badge.
Steps To Reproduce
You can see the generated HTML and the value of
href
, which prevents to follow the link.Expected behavior
#/t1