ahpla.36: themeConfig.localeLinks How do I add or delete a prefix language on the current route

[ChaiMayor]

click before

click after

Now that you are switching routes directly, how can you switch only the previous language prefix without affecting the existing route.

I wish someone could help me out. It's been stuck for hours😭.

My themeConfig configuration:

import { getNavRouter } from "./utils/nav";
import { getSidebarRouter } from "./utils/sidebar";

import { defineConfig } from "vitepress";
import { mdPlugin } from "./config/plugins";

export default defineConfig({
  locales: {
    "/": {
      label: "中文",
      lang: "zh-CN",
      title: "Hview UI",
    },
    "/en-US/": {
      label: "English",
      lang: "en-US",
      title: "Hview UI",
    },
  },
  base: process.env.NODE_ENV === "production" ? "/hview-ui/" : "/",
  head: [
    ["link", { rel: "icon", href: "/favicon.png" }],
    [
      "meta",
      {
        name: "viewport",
        content: "width=device-width, initial-scale=1.0,user-scalable=no",
      },
    ],
  ],
  lastUpdated: true,
  themeConfig: {
    algolia: {
      apiKey: "aea12a0a4281c855b5d23789e868f378",
      indexName: "interview-questions-record",
      appId: "XQYLP2L9WC",
    },
    localeLinks: {
      text: "",
      items: [
        {
          link: "/",
          text: "简体中文",
        },
        {
          link: "/en-US/",
          text: "English",
        },
      ],
    },
    // @ts-ignore
    locales: {
      "/": {
        label: "中文",
        nav: getNavRouter(),
        sidebar: getSidebarRouter(),
      },
      "/en-US/": {
        label: "English",
        nav: getNavRouter("/en-US/"),
        sidebar: getSidebarRouter("/en-US/"),
      },
    },
    lastUpdatedText: "最后更新时间",
    socialLinks: [
      {
        icon: "github",
        link: "https://github.com/ChaiMayor/hview-ui",
      },
    ],
    outline: [1, 3],
    outlineTitle: "CONTENTS",
    footer: {
      message: "Released under the MIT License.",
      copyright: "Copyright © 2023-present 芜湖起飞",
    },
  },
  markdown: {
    // dark-plus vscode
    // css-variables custom
    theme: "css-variables",
    config: (md) => mdPlugin(md),
  },
  async buildEnd(siteConfig) {},
  async transformHtml(code, id, context) {},
  async transformPageData(pageData) {},
});

[brc-dd]

That was broken. Refer the new docs: https://vitepress.vuejs.org/guide/i18n and update your vitepress version. It will looks somewhat like this:

// ...

export default defineConfig({
  title: "Hview UI", // if title is same for both locales, just define it at top
  locales: {
    root: {
      label: "中文",
      lang: "zh-CN",
      themeConfig: {
        nav: getNavRouter(),
        sidebar: getSidebarRouter(),
        lastUpdatedText: "最后更新时间",
      },
    },
    "en-US": {
      label: "English",
      lang: "en-US",
      themeConfig: {
        nav: getNavRouter("/en-US/"),
        sidebar: getSidebarRouter("/en-US/"),
      },
    },
  },

  themeConfig: {
    // common stuff goes here:
    algolia: {
      apiKey: "aea12a0a4281c855b5d23789e868f378",
      indexName: "interview-questions-record",
      appId: "XQYLP2L9WC",
    },
    socialLinks: [
      {
        icon: "github",
        link: "https://github.com/ChaiMayor/hview-ui",
      },
    ],
    outline: [1, 3],

    // you might wanna override these at locales instead like lastUpdatedText:
    outlineTitle: "CONTENTS",
    footer: {
      message: "Released under the MIT License.",
      copyright: "Copyright © 2023-present 芜湖起飞",
    },
  },

  // base, head, lastUpdated, markdown, hooks, etc ...
});