update docs

kazupon · kazupon · commit 00ad2d0c6521 · 2020-04-07T10:59:14.000+09:00
diff --git a/examples/composable/component.html b/examples/composable/component.html
@@ -22,7 +22,7 @@ <h1>Root</h1>
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -66,7 +66,7 @@ <h1>Component1</h1>
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/datetime.html b/examples/composable/datetime.html
@@ -20,7 +20,7 @@ <h1>DateTime Localization with Composable API</h1>
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja-JP',
@@ -65,7 +65,7 @@ <h1>DateTime Localization with Composable API</h1>
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/fallback/basic.html b/examples/composable/fallback/basic.html
@@ -12,7 +12,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -33,7 +33,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/fallback/default-format.html b/examples/composable/fallback/default-format.html
@@ -22,7 +22,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -38,7 +38,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/fallback/format.html b/examples/composable/fallback/format.html
@@ -12,7 +12,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -29,7 +29,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/fallback/option.html b/examples/composable/fallback/option.html
@@ -15,7 +15,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -36,7 +36,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/fallback/suppress.html b/examples/composable/fallback/suppress.html
@@ -12,7 +12,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -34,7 +34,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/formatting/list.html b/examples/composable/formatting/list.html
@@ -19,7 +19,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -44,7 +44,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/formatting/named.html b/examples/composable/formatting/named.html
@@ -19,7 +19,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -44,7 +44,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/formatting/ruby.html b/examples/composable/formatting/ruby.html
@@ -19,7 +19,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -44,7 +44,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/global.html b/examples/composable/global.html
@@ -21,7 +21,7 @@ <h1>Root</h1>
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const Child = {
         template: `
@@ -61,7 +61,7 @@ <h1>Child</h1>
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/missing/handler.html b/examples/composable/missing/handler.html
@@ -12,7 +12,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -37,7 +37,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/missing/option.html b/examples/composable/missing/option.html
@@ -15,7 +15,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -36,7 +36,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/missing/suppress.html b/examples/composable/missing/suppress.html
@@ -12,7 +12,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -34,7 +34,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/number.html b/examples/composable/number.html
@@ -28,7 +28,7 @@ <h1>Number Localization with Composable API</h1>
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja-JP',
@@ -65,7 +65,7 @@ <h1>Number Localization with Composable API</h1>
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/plural/basic.html b/examples/composable/plural/basic.html
@@ -23,7 +23,7 @@ <h2>Banana:</h2>
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'en',
@@ -41,7 +41,7 @@ <h2>Banana:</h2>
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/plural/custom.html b/examples/composable/plural/custom.html
@@ -23,7 +23,7 @@ <h2>Banana:</h2>
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       function customRule(choice, choicesLength, orgRule) {
         if (choice === 0) {
@@ -60,7 +60,7 @@ <h2>Banana:</h2>
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
diff --git a/examples/composable/started.html b/examples/composable/started.html
@@ -19,7 +19,7 @@
     </div>
     <script>
       const { createApp } = Vue
-      const { createI18nComposer, useI18n, GlobalI18nSymbol } = VueI18n
+      const { createI18nComposer, useI18n } = VueI18n
 
       const i18n = createI18nComposer({
         locale: 'ja',
@@ -44,7 +44,7 @@
           return useI18n()
         }
       })
-      app.provide(GlobalI18nSymbol, i18n)
+      app.use(i18n)
       app.mount('#app')
     </script>
   </body>
