diff --git a/packages/petite-vue-i18n/package.json b/packages/petite-vue-i18n/package.json
index a004d4943..f5393c706 100644
--- a/packages/petite-vue-i18n/package.json
+++ b/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"
diff --git a/packages/size-check-petite-vue-i18n/src/main.ts b/packages/size-check-petite-vue-i18n/src/main.ts
index fc6825a0d..5ebfaa496 100644
--- a/packages/size-check-petite-vue-i18n/src/main.ts
+++ b/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!'
     }
   }
diff --git a/packages/size-check-petite-vue-i18n/vite.config.ts b/packages/size-check-petite-vue-i18n/vite.config.ts
index 592a6d1a0..06c8429e3 100644
--- a/packages/size-check-petite-vue-i18n/vite.config.ts
+++ b/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()]
diff --git a/packages/size-check-vue-i18n/src/App.vue b/packages/size-check-vue-i18n/src/App.vue
new file mode 100644
index 000000000..19aeed1e0
--- /dev/null
+++ b/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>
diff --git a/packages/size-check-vue-i18n/src/main.ts b/packages/size-check-vue-i18n/src/main.ts
index f969d2bd5..5ebfaa496 100644
--- a/packages/size-check-vue-i18n/src/main.ts
+++ b/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')