i18next-vue example with Suspense usage

i18next · May 13, 2022 · 9b6e3ce · 9b6e3ce
1 parent 888b988
commit 9b6e3ce
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/example/i18next-vue/src/App.vue b/example/i18next-vue/src/App.vue
@@ -4,6 +4,7 @@
 </template>
 
 <script>
+import { i18nextPromise } from './i18n.js'
 import TranslationShowCase from './components/TranslationShowCase.vue'
 
 export default {
@@ -13,10 +14,10 @@ export default {
   },
   // used in combination with Suspense.
   // useful when translations are not in-memory...
-  // async setup() {
-  //   await i18nextPromise;
-  //   return {};
-  // }
+  async setup() {
+    await i18nextPromise;
+    return {};
+  }
 }
 </script>
 

diff --git a/example/i18next-vue/src/i18n.js b/example/i18next-vue/src/i18n.js
@@ -3,8 +3,7 @@ import i18next from 'i18next'
 import i18nextHttpBackend from 'i18next-http-backend'
 import LanguageDetector from 'i18next-browser-languagedetector'
 
-export default function (app) {
-  i18next
+export const i18nextPromise = i18next
     .use(LanguageDetector)
     .use(i18nextHttpBackend)
     .init({
@@ -14,5 +13,7 @@ export default function (app) {
         loadPath: './locales/{{lng}}/{{ns}}.json'
       }
     });
+
+export default function (app) {
   app.use(I18NextVue, { i18next });
 }