Hydration error

[teleskop150750]

2024-09-25.12-57-45.mp4

[ubugeeei]

@teleskop150750

Thank you for the submission!
It seems to be a VitePress issue, so I’ve created an issue there.

vuejs/vitepress#4231

[brc-dd]

adjust https://github.com/ubugeeei/reading-vuejs-core-vapor/blob/main/.vitepress/plugins/markdown-it/github/index.ts to this:

export const previewGitHubSource: PluginSimple = (md) => {
  md.block.ruler.before('paragraph', 'github_link_block', (state, startLine) => {
    const lineText = state.getLines(startLine, startLine + 1, state.blkIndent, false).trim()

    if (!isGithubUrl(lineText)) {
      return false
    }

    const token = state.push('github_link', '', 0)
    token.content = lineText
    token.map = [startLine, startLine + 1]

    state.line = startLine + 1

    return true
  })

  md.renderer.rules.github_link = (tokens, idx) => {
    const c = tokens[idx].content
    const rawHtml = fetchHtmlSync(c)
    const parsed = parse(rawHtml, c)
    const res = renderToHtml(parsed)
    return res
  }
}

[ubugeeei]

Wow... how kind you are...
Even though I was just writing the plugin incorrectly, you went as far as proposing code to the repository.
It’s completely fixed! Thank you so much...! 💚