improvement: petite-vue-i18n tree shaking (#592)

Author: kazupon

packages/petite-vue-i18n/package.json

@@ -36,7 +36,12 @@
   "types": "dist/petite-vue-i18n.d.ts",
   "dependencies": {
     "@intlify/core-base": "9.2.0-alpha.7",
-    "@intlify/vue-i18n-core": "9.2.0-alpha.7"
+    "@intlify/shared": "9.2.0-alpha.7",
+    "@intlify/vue-devtools": "9.2.0-alpha.7",
+    "@vue/devtools-api": "^6.0.0-beta.13"
+  },
+  "devDependencies": {
+    "@intlify/devtools-if": "9.2.0-alpha.7"
   },
   "peerDependencies": {
     "vue": "^3.0.0"

packages/size-check-petite-vue-i18n/src/main.ts

@@ -3,11 +3,9 @@ import { createI18n } from 'vue-i18n'
 import App from './App.vue'
 
 const i18n = createI18n({
-  // legacy: false,
   locale: 'en',
   messages: {
     en: {
-      // hello: () => 'hello!'
       hello: 'hello!'
     }
   }

packages/size-check-petite-vue-i18n/vite.config.ts

@@ -23,7 +23,7 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      'vue-i18n': 'petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js'
+      'vue-i18n': 'petite-vue-i18n/dist/petite-vue-i18n.runtime.esm-bundler.js'
     }
   },
   plugins: [vue()]

packages/size-check-vue-i18n/src/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <h1>{{ t('hello') }}</h1>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+export default defineComponent({
+  setup() {
+    const { t } = useI18n()
+    return { t }
+  }
+})
+</script>

packages/size-check-vue-i18n/src/main.ts

@@ -1,22 +1,17 @@
-import { h, createApp } from '@vue/runtime-dom'
-import { createI18n, useI18n } from 'vue-i18n'
+import { createApp } from '@vue/runtime-dom'
+import { createI18n } from 'vue-i18n'
+import App from './App.vue'
 
 const i18n = createI18n({
-  legacy: false,
   locale: 'en',
   messages: {
     en: {
-      hello: () => 'hello!'
+      hello: 'hello!'
     }
   }
 })
 
-const app = createApp({
-  setup() {
-    const { t } = useI18n({ useScope: 'global' })
-    return () => h('div', t('hello'))
-  }
-})
+const app = createApp(App)
 app.use(i18n, { globalInstall: false })
 console.log('t', i18n.global.t('hello'))
 app.mount('#app')