Treat inner relative links as router-links

[davay42]

Is it possible for the plugin to treat relative links like [link](page) as router-links so they don't reload the page, but navigate via the vue-router?

[antfu]

Might be possible with markdown-it plugin to rewrite <a> as <route-link>. Not very familiar with that part, but feel free to have a try. If it works, we can have it in the readme. Thanks!

[m-hosoi]

// vite.config
import vue from "@vitejs/plugin-vue";
import markdown from "vite-plugin-md";

export default defineConfig({
  plugins: [
    vue(),
    markdown({
      markdownItUses: [
        (md) => {
          const scan = (state) => {
            state.tokens.forEach((tokens) => {
              if (tokens.type !== "inline") {
                return;
              }
              const inlineTokens = tokens.children;
              let isRT = false;
              for (let i = 0; i < inlineTokens.length; i++) {
                if (isRT && inlineTokens[i].type === "link_close") {
                  inlineTokens[i].tag = "router-link";
                  isRT = false;
                } else if (inlineTokens[i].type === "link_open") {
                  const attrs = inlineTokens[i].attrs as any;
                  const href = attrs?.find((v: any) => v[0] === "href");
                  if (href && !href[1].startsWith("http")) {
                    inlineTokens[i].tag = "router-link";
                    inlineTokens[i].attrs = [["to", href[1]]];
                    isRT = true;
                  } else {
                    inlineTokens[i].attrs.push(["rel", "noopener noreferrer"]);
                    inlineTokens[i].attrs.push(["target", "_blank"]);
                  }
                }
              }
            });
          }
          md.core.ruler.push("router-link", scan);
        },
      ],
    }),
   ...
  ],
  ...
})

[yankeeinlondon]

this can be done today (as effectively built-in functionality), just use the link() builder:

[kaceo]

Please explain the use of link() better, because it does not seem to work anymore in the configuration

    builders: [ link() ],

generates errors:

    failed to load config from /code/tangueros/tnext/vite.config.js
    error when starting dev server:
    TypeError: (0 , import_vite_plugin_md.link) is not a function

for "vite-plugin-md": "^0.20.0" (before upgrade it seems to work)