fix: can't render toc on first load
This commit is contained in:
parent
91b66a5cac
commit
d9b487e67b
1 changed files with 3 additions and 2 deletions
|
|
@ -44,7 +44,8 @@ export class Compiler {
|
||||||
|
|
||||||
_initRenderer () {
|
_initRenderer () {
|
||||||
const renderer = new marked.Renderer()
|
const renderer = new marked.Renderer()
|
||||||
const { linkTarget, router, toc, contentBase } = this
|
const { linkTarget, router, contentBase } = this
|
||||||
|
const _self = this
|
||||||
/**
|
/**
|
||||||
* render anchor tag
|
* render anchor tag
|
||||||
* @link https://github.com/chjj/marked#overriding-renderer-methods
|
* @link https://github.com/chjj/marked#overriding-renderer-methods
|
||||||
|
|
@ -67,7 +68,7 @@ export class Compiler {
|
||||||
const slug = slugify(text)
|
const slug = slugify(text)
|
||||||
const url = router.toURL(router.getCurrentPath(), { id: slug })
|
const url = router.toURL(router.getCurrentPath(), { id: slug })
|
||||||
nextToc.slug = url
|
nextToc.slug = url
|
||||||
toc.push(nextToc)
|
_self.toc.push(nextToc)
|
||||||
|
|
||||||
return `<h${level} id="${slug}"><a href="${url}" data-id="${slug}" class="anchor"><span>${text}</span></a></h${level}>`
|
return `<h${level} id="${slug}"><a href="${url}" data-id="${slug}" class="anchor"><span>${text}</span></a></h${level}>`
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue