chore: update tests

Author: antfu

examples/vue-cli/package.json

@@ -11,10 +11,10 @@
     "vue": "^2.6.11"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.13",
-    "@vue/cli-plugin-typescript": "~4.5.13",
-    "@vue/cli-service": "~4.5.13",
-    "typescript": "~4.3.5",
+    "@vue/cli-plugin-babel": "^4.5.13",
+    "@vue/cli-plugin-typescript": "^4.5.13",
+    "@vue/cli-service": "^4.5.13",
+    "typescript": "^4.3.5",
     "unplugin-vue2-script-setup": "workspace:*",
     "vue-template-compiler": "^2.6.14",
     "vue-tsc": "^0.3.0"

package.json

@@ -93,7 +93,7 @@
     "@babel/types": "^7.15.0",
     "@vue/ref-transform": "^3.2.6",
     "@vue/shared": "^3.2.6",
-    "htmlparser2": "^7.0.0",
+    "htmlparser2": "^6.0.1",
     "magic-string": "^0.25.7",
     "unplugin": "^0.2.0"
   }

playground/HelloWorld.vue

@@ -11,22 +11,22 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch } from '@vue/composition-api'
+import { watch } from '@vue/composition-api'
 import Foo from './Foo.vue'
 import Bar from './Bar.vue'
 
 const props = withDefaults(defineProps<{ msg: string; name: string | number }>(), { msg: 'Hello' })
 const emit = defineEmits(['update'])
 
-const count = ref(0)
-const doubled = computed(() => count.value * 2)
+let count = $ref(0)
+// eslint-disable-next-line prefer-const
+let doubled = $computed(() => count * 2)
 
 function inc() {
-  count.value += 1
+  count += 1
 }
-
 function dec() {
-  count.value -= 1
+  count -= 1
 }
 
 const decText = '<b>Dec</b>'

playground/vite.config.ts

@@ -7,6 +7,8 @@ export default defineConfig({
   plugins: [
     Vue2(),
     Inspect(),
-    ScriptSetup(),
+    ScriptSetup({
+      refTransform: true,
+    }),
   ],
 })

pnpm-lock.yaml

@@ -38,7 +38,7 @@ function transformVue(input: string, id: string, options: ResolvedOptions): Tran
 
   const sfc = parseSFC(input, id)
 
-  if (options?.refTransform)
+  if (options.refTransform)
     transformSfcRefSugar(sfc, options)
 
   const { code } = transformScriptSetup(sfc, options)