diff --git a/packages/playground/vue/Main.vue b/packages/playground/vue/Main.vue
index d1d17489443bf7..1fe26933c9234f 100644
--- a/packages/playground/vue/Main.vue
+++ b/packages/playground/vue/Main.vue
@@ -18,6 +18,7 @@
+
+
+
+ Ref Transform
+
+
diff --git a/packages/playground/vue/__tests__/vue.spec.ts b/packages/playground/vue/__tests__/vue.spec.ts
index 8d13069ded396f..052439bf9663d5 100644
--- a/packages/playground/vue/__tests__/vue.spec.ts
+++ b/packages/playground/vue/__tests__/vue.spec.ts
@@ -203,3 +203,11 @@ describe('async component', () => {
expect(await page.textContent('.async-component')).toMatch('ab == ab')
})
})
+
+describe('ref transform', () => {
+ test('should work', async () => {
+ expect(await page.textContent('.ref-transform')).toMatch('0')
+ await page.click('.ref-transform')
+ expect(await page.textContent('.ref-transform')).toMatch('1')
+ })
+})
diff --git a/packages/playground/vue/vite.config.ts b/packages/playground/vue/vite.config.ts
index e1ab21b04a4f6c..73a08970988d20 100644
--- a/packages/playground/vue/vite.config.ts
+++ b/packages/playground/vue/vite.config.ts
@@ -9,7 +9,12 @@ export default defineConfig({
'/@': __dirname
}
},
- plugins: [vuePlugin(), vueI18nPlugin],
+ plugins: [
+ vuePlugin({
+ refTransform: true
+ }),
+ vueI18nPlugin
+ ],
build: {
// to make tests faster
// minify: false