setup locale

README.md

@@ -31,6 +31,21 @@ yarn
 yarn run dev
 ```
 
+### Translations
+
+Help wanted for translations.
+
+Current efforts:
+
+- Korean (Thanks @Baejw0111)
+
+To preview in dev mode: `yarn dev --locale ko`.
+
+Translations are filed under `i18n/ko/docusaurus-plugin-content-docs/current`.
+
+Once we have enough docs translated for a certain language (e.g. above 80%), we'll enable
+the locale switcher on the nav bar for that language.
+
 ### Note
 
 Diagrams are auto generated by `ci/render.sh`.

docusaurus.config.js

@@ -10,6 +10,19 @@ const config = {
   onBrokenMarkdownLinks: "warn",
   favicon: "img/favicon.ico",
 
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en", "ko"],
+    localeConfigs: {
+      en: {
+        label: "English",
+      },
+      ko: {
+        label: "Korean (한국인)",
+      },
+    },
+  },
+
   presets: [
     [
       "classic",
@@ -72,6 +85,11 @@ const config = {
           position: "right",
           label: "Playground",
         },
+        // TODO enable when a language has been translated
+        // {
+        //   type: "localeDropdown",
+        //   position: "right",
+        // },
         {
           type: "custom-iconLink",
           position: "right",

i18n/ko/docusaurus-plugin-content-docs/current/tour/intro.md

@@ -0,0 +1 @@
+TODO

src/styles/navbar.scss

@@ -72,8 +72,8 @@ html[data-theme="dark"] {
       }
 
       .navbar__link {
-        border: 1px solid var(--border);
-        border-radius: 4px;
+        display: flex;
+        align-items: center;
         margin-top: 0;
         font-weight: 600;
         color: var(--navbar-text-color);