feat: global attribute

.gitignore

@@ -1,6 +1,7 @@
 coverage
 node_modules
 examples/legacy/index.js
+examples/global/index.js
 examples/compsable/index.js
 .DS_Store
 lib

README.md

@@ -51,12 +51,15 @@ the below example that `examples/composable/App.vue` have `i18n` custom block:
 
 <script>
 import { useI18n } from 'vue-i18n'
+
 export default {
   name: 'App',
   setup() {
-    return { ...useI18n({
+    const { t, locale } = useI18n({
       inheritLocale: true
-    }) }
+    })
+
+    return { t, locale }
   }
 }
 </script>

e2e/example.test.js

@@ -1,4 +1,4 @@
-;['composable', 'legacy'].forEach(pattern => {
+;['composable', 'legacy', 'globe'].forEach(pattern => {
   describe(`${pattern}`, () => {
     beforeAll(async () => {
       await page.goto(`http://localhost:8080/${pattern}/`)

examples/composable/App.vue

@@ -14,9 +14,11 @@ import { useI18n } from 'vue-i18n'
 export default {
   name: 'App',
   setup() {
-    return { ...useI18n({
+    const { t, locale } = useI18n({
       inheritLocale: true
-    }) }
+    })
+
+    return { t, locale }
   }
 }
 </script>