add i18n

vue/components/LanguageSwitcher.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="dropdown">
+    <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
+      {{ locale.toUpperCase() }}
+    </button>
+    <ul class="dropdown-menu">
+      <li v-for="loc in SUPPORT_LOCALES" :key="loc">
+        <a class="dropdown-item" href="#" @click.prevent="setLocale(loc)">{{ loc.toUpperCase() }}</a>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup>
+import { useI18n } from 'vue-i18n'
+import { setLocale, SUPPORT_LOCALES } from '@/i18n.js'
+
+const { locale } = useI18n()
+</script>