chore: update

vuejs · Jan 13, 2024 · 8be6c3c · 8be6c3c
1 parent f254751
commit 8be6c3c
Show file tree

Hide file tree

Showing 15 changed files with 16 additions and 185 deletions.
diff --git a/packages/playground/locales/README.md b/packages/playground/locales/README.md
diff --git a/packages/playground/locales/ar.yml b/packages/playground/locales/ar.yml
diff --git a/packages/playground/locales/de.yml b/packages/playground/locales/de.yml
diff --git a/packages/playground/locales/id.yml b/packages/playground/locales/id.yml
diff --git a/packages/playground/locales/it.yml b/packages/playground/locales/it.yml
diff --git a/packages/playground/locales/ka.yml b/packages/playground/locales/ka.yml
diff --git a/packages/playground/locales/ko.yml b/packages/playground/locales/ko.yml
diff --git a/packages/playground/locales/pl.yml b/packages/playground/locales/pl.yml
diff --git a/packages/playground/locales/pt-BR.yml b/packages/playground/locales/pt-BR.yml
diff --git a/packages/playground/locales/ru.yml b/packages/playground/locales/ru.yml
diff --git a/packages/playground/locales/tr.yml b/packages/playground/locales/tr.yml
diff --git a/packages/playground/locales/uk.yml b/packages/playground/locales/uk.yml
diff --git a/packages/playground/locales/uz.yml b/packages/playground/locales/uz.yml
diff --git a/packages/playground/locales/vi.yml b/packages/playground/locales/vi.yml
diff --git a/packages/playground/src/App.preview.vue b/packages/playground/src/App.preview.vue
@@ -4,10 +4,20 @@ import { useI18n } from 'vue-i18n'
 import STC from './components/ScrollToComponent.vue'
 import { useAppStore } from './stores'
 
-const { t } = useI18n()
+import { availableLocales, loadLanguageAsync } from './modules/i18n'
 
 const age = ref(10)
 const app = useAppStore()
+
+const { t, locale } = useI18n()
+
+async function toggleLocales() {
+  // change to some real logic
+  const locales = availableLocales
+  const newLocale = locales[(locales.indexOf(locale.value) + 1) % locales.length]
+  await loadLanguageAsync(newLocale)
+  locale.value = newLocale
+}
 </script>
 
 <template>
@@ -16,6 +26,11 @@ const app = useAppStore()
     <p>
       <em text-sm opacity-75>{{ t('intro.desc') }}</em>
     </p>
+    <p>
+      <a icon-btn :title="t('button.toggle_langs')" @click="toggleLocales()">
+        Toggle Langs
+      </a>
+    </p>
     <p>
       Age: {{ age }}
     </p>