updates

Author: kazupon

package.json

@@ -2,17 +2,17 @@
   "name": "vite-vue-i18n-starter",
   "version": "0.0.0",
   "dependencies": {
-    "vue": "^3.2.22",
-    "vue-i18n": "^9.2.0-beta.20"
+    "vue": "^3.2.29",
+    "vue-i18n": "^9.2.0-beta.30"
   },
   "devDependencies": {
-    "@intlify/vite-plugin-vue-i18n": "3.2.1",
+    "@intlify/vite-plugin-vue-i18n": "3.3.0",
     "@types/node": "^16.11.9",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vue/compiler-sfc": "^3.2.22",
+    "@vitejs/plugin-vue": "^2.2.2",
+    "@vue/compiler-sfc": "^3.2.29",
     "typescript": "^4.5.2",
-    "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vite": "^2.8.4",
+    "vue-tsc": "^0.31.4"
   },
   "private": true,
   "scripts": {

src/components/HelloI18n.vue

@@ -19,23 +19,16 @@
   </p>
 </template>
 
-<script lang="ts">
-import { ref, defineComponent } from 'vue'
+<script setup lang="ts">
+import { ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-export default defineComponent({
-  name: 'HelloI18n',
-  setup() {
-    const count = ref(0)
+const count = ref(0)
 
-    // use local scope
-    const { t } = useI18n({
-      // `locale` inherit from global scope
-      inheritLocale: true
-    })
-    
-    return { count, t }
-  }
+// use local scope
+const { t } = useI18n({
+  // `locale` inherit from global scope
+  inheritLocale: true
 })
 </script>