The right anchor disappeared on some pages. about vite-plugin-react-pages HOT 2 CLOSED

The right anchors (outlines) are statically extracted from markdown file.
The Introduction page in your demo don't have right anchors because the markdown file content is like:

---
title: Introduction
---

import README from '../../README.md';
<README />

Which actually don't have any title if we look at it statically (without running its code)!

In real practice, It is not recommended to import and render a component with title like this. For several reasons:

• It is hard to extract outline info (title info / right anchors) of all pages statically if you do this. We have to extract outline info statically because the top search needs outline info of all pages. Otherwise, we need to render all page components to get the outline info, which is impractical.
• Markdown content with title is not reusable. For example, if you have a H2 title in the content, it might fit in some pages, but other pages might want the title to be H3 instead.

In real practice, we rarely import markdown component. If you really want the content, just copy the markdown text into the file.

"The components pages don't have right anchors" is a flaw of previous project templates. I have updated the project templates, you can open a new demo and check it out.

from vite-plugin-react-pages.

"The components pages don't have right anchors" is a flaw of previous project templates. I have updated the project templates, you can open a new demo and check it out.

It worked, thanks!

from vite-plugin-react-pages.