update lazy-loading examples

Author: kazupon

examples/lazy-loading/vite/package.json

@@ -1,18 +1,19 @@
 {
   "name": "lazy-loading-vite",
   "version": "0.0.0",
-  "private": true,
   "scripts": {
-    "dev": "vite",
-    "build": "vite build"
+    "build": "vite build",
+    "dev": "vite"
   },
   "dependencies": {
-    "vue": "^3.0.2",
-    "vue-i18n": "^9.0.0-beta.6",
-    "vue-router": "^4.0.0-rc.2"
+    "vue": "^3.0.4",
+    "vue-i18n": "^9.0.0-beta.16",
+    "vue-router": "^4.0.1"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.0.2",
-    "vite": "^1.0.0-rc.4"
-  }
+    "@vue/compiler-sfc": "^3.0.4",
+    "@intlify/vite-plugin-vue-i18n": "^1.0.0-beta.4",
+    "vite": "^1.0.0-rc.13"
+  },
+  "private": true
 }

examples/lazy-loading/vite/src/i18n.ts

@@ -26,7 +26,7 @@ export function setI18nLanguage(i18n: I18n, locale: Locale): void {
 export async function loadLocaleMessages(i18n: I18n, locale: Locale) {
   // load locale messages
   if (!i18n.global.availableLocales.includes(locale)) {
-    const messages = await import(`./locales/${locale}.js`)
+    const messages = await import(`./locales/${locale}.yaml`)
     i18n.global.setLocaleMessage(locale, messages.default)
   }
 }

examples/lazy-loading/vite/src/locales/en.js

@@ -0,0 +1,8 @@
+pages:
+  home: 'This page is home page'
+  about: 'This page is about page'
+navigations:
+  home: 'Home'
+  about: 'About'
+labels:
+  language: 'Languages'

examples/lazy-loading/vite/src/locales/en.yaml

@@ -0,0 +1,8 @@
+pages:
+  home: 'このページはホームです。'
+  about: 'このページはアバウトページです。'
+navigations:
+  home: 'ホーム'
+  about: 'アバウト'
+labels:
+  language: '言語'

examples/lazy-loading/vite/src/locales/ja.js

@@ -3,9 +3,10 @@ import App from './App.vue'
 import './index.css'
 import { setupRouter } from './router'
 import { setupI18n } from './i18n'
-import en from './locales/en'
+import en from './locales/en.yaml'
 
 const i18n = setupI18n({
+  globalInjection: true,
   legacy: false,
   locale: 'en',
   fallbackLocale: 'en',

examples/lazy-loading/vite/src/locales/ja.yaml

@@ -0,0 +1,14 @@
+import path from 'path'
+import { pluginI18n } from '@intlify/vite-plugin-vue-i18n'
+
+import type { UserConfig } from 'vite'
+
+const config: UserConfig = {
+  plugins: [
+    pluginI18n({
+      include: path.resolve(__dirname, './src/locales/**')
+    })
+  ]
+}
+
+export default config