🌐 Add i18n tool chain and landing page translation to simplified chinese

layouts/default.vue

@@ -13,6 +13,29 @@
 
       <v-spacer></v-spacer>
 
+      <v-menu>
+        <template v-slot:activator="{ props }">
+          <v-btn
+            size="small"
+            icon="mdi-translate"
+            v-bind="props"
+          />
+        </template>
+        <v-list>
+          <v-list-item
+            class="w-48"
+            density="compact"
+            v-for="item in locales"
+            :key="item.code"
+            :value="item.code"
+            :active="locale == item.code"
+            @click.prevent.stop="setLocale(item.code)"
+          >
+            <v-list-item-title>{{ item.name }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </v-menu>
+
       <user-menu />
     </v-container>
   </v-app-bar>
@@ -24,6 +47,8 @@
 
 <script setup lang="ts">
 import Logo from "../assets/logo-w-shadow.png"
+
+const { locale, locales, setLocale } = useI18n()
 </script>
 
 <style scoped>