fix: parsing errors occur when using ts syntax in the template

zcf0508 · Apr 29, 2024 · 96cb070 · 96cb070
1 parent 10322e8
commit 96cb070
Show file tree

Hide file tree

Showing 4 changed files with 104 additions and 18 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -4,6 +4,15 @@
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "dev-in-chrome",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "runtimeArgs": ["--remote-debugging-port=9232"]
+    },
     {
       "name": "Extension",
       "type": "extensionHost",

diff --git a/package.json b/package.json
@@ -55,7 +55,7 @@
     "@babel/parser": "^7.22.5",
     "@babel/traverse": "^7.22.5",
     "@babel/types": "^7.22.5",
-    "@vue/compiler-sfc": "^3.3.4"
+    "@vue/compiler-sfc": "^3.4.25"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.8.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/test/setup-block/TestComponent.vue b/test/setup-block/TestComponent.vue
@@ -62,8 +62,8 @@ onMounted(() => {
   <div>
     <input v-model="lmsg" />
     <div>{{ `path: ${path}` }}</div>
-    {{ data.name }} / {{ age }}
-    <input :value="data.name" @input="updateName" />
+    {{ age }}
+    <input :value="data['name' as string]" @input="updateName" />
     <button @click="addAge"></button>
   </div>
 </template>