feat: configure internationalisation for navbar and sidebar

Author: zihluwang

docs/.vitepress/config.mts

@@ -1,28 +1,9 @@
 import { defineConfig } from "vitepress"
+import { shared } from "./shared"
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
-  title: "OnixByte",
-  description: "OnixByte Official Site",
-  themeConfig: {
-    // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: "Home", link: "/" },
-      { text: "Examples", link: "/markdown-examples" },
-    ],
-    sidebar: [
-      {
-        text: "Examples",
-        items: [
-          { text: "Markdown Examples", link: "/markdown-examples" },
-          { text: "Runtime API Examples", link: "/api-examples" },
-        ],
-      },
-    ],
-    socialLinks: [
-      { icon: "github", link: "https://github.com/onixbyte-opensource" },
-    ],
-  },
+  ...shared,
   locales: {
     root: {
       label: "English (Great Britain)",

docs/.vitepress/en-GB.ts

@@ -0,0 +1,19 @@
+import { DefaultTheme, defineConfig } from "vitepress"
+
+export const enGB = defineConfig({
+  lang: "en-GB",
+  description: "A non-profit open source developer organisation.",
+  themeConfig: {
+    nav: nav(),
+  },
+})
+
+function nav(): DefaultTheme.NavItem[] {
+  return [
+    {
+      text: "Home",
+      link: "/",
+      activeMatch: "/",
+    },
+  ]
+}

docs/.vitepress/shared.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from "vitepress"
+
+export const shared = defineConfig({
+  title: "OnixByte",
+  description: "OnixByte Official Site",
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    sidebar: [
+      {
+        text: "Examples",
+        items: [
+          { text: "Markdown Examples", link: "/markdown-examples" },
+          { text: "Runtime API Examples", link: "/api-examples" },
+        ],
+      },
+    ],
+    socialLinks: [
+      { icon: "github", link: "https://github.com/onixbyte-opensource" },
+    ],
+  },
+})

docs/.vitepress/zh-CN.ts

@@ -0,0 +1,19 @@
+import { DefaultTheme, defineConfig } from "vitepress"
+
+export const zhCN = defineConfig({
+  lang: "zh-CN",
+  description: "一个非营利性开源开发者组织。",
+  themeConfig: {
+    nav: nav(),
+  },
+})
+
+function nav(): DefaultTheme.NavItem[] {
+  return [
+    {
+      text: "主页",
+      link: "/",
+      activeMatch: "/",
+    },
+  ]
+}

docs/index.md

@@ -4,7 +4,7 @@ layout: home
 
 hero:
   name: "OnixByte"
-  tagline: My great project tagline
+  tagline: A non-profit open source developer organisation.
   actions:
     - theme: brand
       text: Markdown Examples

docs/zh-CN/index.md

@@ -4,7 +4,7 @@ layout: home
 
 hero:
   name: "OnixByte"
-  tagline: OnixByte 官方网站
+  tagline: 一个非营利性开源开发者组织。
   actions:
     - theme: brand
       text: Markdown 示例