fix some typos in examples/ (#419)

PeterAlfredLee · web-flow · commit 9bab537788b6 · 2021-04-02T14:31:09.000+09:00
diff --git a/examples/composition/directive/basic.html b/examples/composition/directive/basic.html
@@ -9,7 +9,7 @@
   <body>
     <div id="app">
       <form>
-        <!-- e.g. string lieteral -->
+        <!-- e.g. string literal -->
         <label for="locale-select" v-t="'message.language'"></label>
         <select id="locale-select" v-model="locale">
           <option value="en">en</option>
diff --git a/examples/composition/functions/named.html b/examples/composition/functions/named.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>Example: Named interpolatino with message function</title>
+    <title>Example: Named interpolation with message function</title>
     <script src="../../../node_modules/vue/dist/vue.global.js"></script>
     <script src="../../../packages/vue-i18n/dist/vue-i18n.global.js"></script>
   </head>
diff --git a/examples/composition/scope/inherit-locale.html b/examples/composition/scope/inherit-locale.html
@@ -48,7 +48,7 @@ <h1>Child</h1>
                 message: {
                   language: 'Language',
                   inherit: 'Inherit locale from root',
-                  hello: 'hello earch!',
+                  hello: 'hello earth!',
                   hi: 'Hi there!'
                 }
               },
diff --git a/examples/composition/started.html b/examples/composition/started.html
@@ -42,7 +42,7 @@
 
       const app = createApp({
         setup() {
-          // `useI18n` return the global compser that is created at `createI18n`
+          // `useI18n` return the global composer that is created at `createI18n`
           // `useI18n` must to be called at head of `setup` function
           const { t, locale } = useI18n()
 
diff --git a/examples/lazy-loading/vite/src/App.vue b/examples/lazy-loading/vite/src/App.vue
@@ -44,7 +44,7 @@ export default defineComponent({
      *
      * If you use the vue-i18n composer `locale` property directly, it will be re-rendering component when this property is changed,
      * before dynamic import was used to asynchronously load and apply locale messages
-     * To avoid this, use the anoter locale reactive value.
+     * To avoid this, use the another locale reactive value.
      */
     const currentLocale = ref(locale.value)
 
diff --git a/examples/lazy-loading/webpack/src/App.vue b/examples/lazy-loading/webpack/src/App.vue
@@ -44,7 +44,7 @@ export default defineComponent({
      *
      * If you use the vue-i18n composer `locale` property directly, it will be re-rendering component when this property is changed,
      * before dynamic import was used to asynchronously load and apply locale messages
-     * To avoid this, use the anoter locale reactive value.
+     * To avoid this, use the another locale reactive value.
      */
     const currentLocale = ref(locale.value)
 
diff --git a/examples/lazy-loading/webpack/src/i18n.js b/examples/lazy-loading/webpack/src/i18n.js
@@ -26,7 +26,7 @@ export function setI18nLanguage(i18n, locale) {
 }
 
 export async function loadLocaleMessages(i18n, locale) {
-  // load locale messages with dynami import
+  // load locale messages with dynamic import
   const messages = await import(
     /* webpackChunkName: "locale-[request]" */ `./locales/${locale}.json`
   )
diff --git a/examples/legacy/directive/basic.html b/examples/legacy/directive/basic.html
@@ -9,7 +9,7 @@
   <body>
     <div id="app">
       <form>
-        <!-- e.g. string lieteral -->
+        <!-- e.g. string literal -->
         <label for="locale-select" v-t="'message.language'"></label>
         <select id="locale-select" v-model="$i18n.locale">
           <option value="en">en</option>
diff --git a/examples/legacy/functions/named.html b/examples/legacy/functions/named.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>Example: Named interpolatino with message function</title>
+    <title>Example: Named interpolation with message function</title>
     <script src="../../../node_modules/vue/dist/vue.global.js"></script>
     <script src="../../../packages/vue-i18n/dist/vue-i18n.global.js"></script>
   </head>

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ <h1>Child</h1>`
`48`	`48`	`message: {`
`49`	`49`	`language: 'Language',`
`50`	`50`	`inherit: 'Inherit locale from root',`
`51`		`- hello: 'hello earch!',`
	`51`	`+ hello: 'hello earth!',`
`52`	`52`	`hi: 'Hi there!'`
`53`	`53`	`}`
`54`	`54`	`},`
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@ export default defineComponent({`
`44`	`44`	`*`
`45`	`45`	* If you use the vue-i18n composer `locale` property directly, it will be re-rendering component when this property is changed,
`46`	`46`	`* before dynamic import was used to asynchronously load and apply locale messages`
`47`		`- * To avoid this, use the anoter locale reactive value.`
	`47`	`+ * To avoid this, use the another locale reactive value.`
`48`	`48`	`*/`
`49`	`49`	`const currentLocale = ref(locale.value)`
`50`	`50`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ export function setI18nLanguage(i18n, locale) {`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`export async function loadLocaleMessages(i18n, locale) {`
`29`		`- // load locale messages with dynami import`
	`29`	`+ // load locale messages with dynamic import`
`30`	`30`	`const messages = await import(`
`31`	`31`	/* webpackChunkName: "locale-[request]" */ `./locales/${locale}.json`
`32`	`32`	`)`