update: playground

s00d · Aug 19, 2024 · b73f3ec · b73f3ec
1 parent ff9f58f
commit b73f3ec
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/playground/pages/page.vue b/playground/pages/page.vue
@@ -1,6 +1,14 @@
 <template>
   <div>
     <p>{{ $t('key1.key1.key1.key1.key1') }}</p>
+    <i18n-t
+      keypath="key1.key1.key1.key1.key1"
+      tag="h1"
+    >
+      <template #default="{ translation }">
+        <strong>{{ translation.replace('page', 'page replace') }}</strong> <i>!!!</i>
+      </template>
+    </i18n-t>
     <p>Current Locale: {{ $getLocale() }}</p>
 
     <div>

diff --git a/playground/pages/subpage.vue b/playground/pages/subpage.vue
@@ -3,6 +3,9 @@
     <p>{{ $t('key2.key2.key2.key2.key2') }}</p>
     <p>Current Locale: {{ $getLocale() }}</p>
 
+    <div>page  translate: {{ $t('greeting') }}</div>
+
+    <hr>
     <!-- Welcome and general information -->
     <div>
       {{ $t('welcome', { username: 'Alice', unreadCount: 5 }) }}
@@ -147,5 +150,13 @@
 <script setup>
 import { useNuxtApp } from '#imports'
 
-const { $getLocale, $switchLocale, $getLocales, $localeRoute, $t, $tc } = useNuxtApp()
+const { $getLocale, $switchLocale, $getLocales, $localeRoute, $t, $tc, $defineI18nRoute } = useNuxtApp()
+
+$defineI18nRoute({
+  locales: {
+    en: { greeting: 'Hello', farewell: 'Goodbye' },
+    ru: { greeting: 'Привет', farewell: 'До свидания' },
+    de: { greeting: 'Hallo', farewell: 'Auf Wiedersehen' },
+  },
+})
 </script>