fix: add test for vitejs#211

rashfael · Jul 27, 2023 · ec58d00 · ec58d00
1 parent 93c444c
commit ec58d00
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/playground/vue/CustomScriptMacroPlugin.ts b/playground/vue/CustomScriptMacroPlugin.ts
@@ -0,0 +1,12 @@
+import type { Plugin } from 'vite'
+
+export const vueCustomScriptMacroPlugin: Plugin = {
+  name: 'vue-custom-cript-macro',
+  enforce: 'pre',
+  async transform(code, id) {
+    return {
+      code: code.replace(`const count = $ref(foo)`, `const count = ref(foo)`),
+      map: { mappings: '' },
+    }
+  },
+}
diff --git a/playground/vue/Hmr.vue b/playground/vue/Hmr.vue
@@ -10,7 +10,7 @@ import Node from './Node.vue'
 
 let foo: number = 0
 
-const count = ref(foo)
+const count = $ref(foo)
 </script>
 
 <style>

diff --git a/playground/vue/vite.config.ts b/playground/vue/vite.config.ts
@@ -1,6 +1,7 @@
 import { defineConfig, splitVendorChunkPlugin } from 'vite'
 import vuePlugin from '@vitejs/plugin-vue'
 import { vueI18nPlugin } from './CustomBlockPlugin'
+import { vueCustomScriptMacroPlugin } from './CustomScriptMacroPlugin'
 
 export default defineConfig({
   resolve: {
@@ -10,6 +11,7 @@ export default defineConfig({
     },
   },
   plugins: [
+    vueCustomScriptMacroPlugin,
     vuePlugin({
       reactivityTransform: true,
     }),