HTML link in component loads entire site

[davestewart]

Hello,

In my docs site, I have a Card component which functions as a link. I globally register it then use it on index pages:

• https://spectre-org.github.io/spectre-docs/docs/get-started/

However, the HTML a element inside seems to trigger a fresh load of the page, rather than working in SPA mode.

Here is the index page markup:

# Get Started

Get started with the Spectre CSS library.

<div class="vp-raw docs-demo columns">
  <Card title="Installation"
        desc="How to install and use Spectre CSS"
        path="installation.html" />
  ...
</div>

If I add a straight markdown link in the page, the navigation works perfectly.

What am I missing to make this link work like it should?

Thanks.

[brc-dd]

#4112

It's because of vp-raw. vp-raw currently bypasses the SPA router as well.

[davestewart]

Aha! Thank you.

Now #4189 is fixed, I'll look to remove this.