fix: bump vue and fix syntax highlighting for interpolations

close #2586
vuejs · Dec 4, 2023 · e88e878 · e88e878
1 parent 48ea900
commit e88e878
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 60 deletions.
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "dynamics.js": "^1.1.5",
     "gsap": "^3.9.0",
     "vitepress": "1.0.0-rc.31",
-    "vue": "^3.4.0-alpha.3"
+    "vue": "^3.4.0-alpha.4"
   },
   "devDependencies": {
     "@types/markdown-it": "^12.2.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/guide/essentials/template-syntax.md b/src/guide/essentials/template-syntax.md
@@ -115,7 +115,7 @@ You can bind them to a single element by using `v-bind` without an argument:
 
 So far we've only been binding to simple property keys in our templates. But Vue actually supports the full power of JavaScript expressions inside all data bindings:
 
-```html
+```vue-html
 {{ number + 1 }}
 
 {{ ok ? 'YES' : 'NO' }}
@@ -138,7 +138,7 @@ Each binding can only contain **one single expression**. An expression is a piec
 
 Therefore, the following will **NOT** work:
 
-```html
+```vue-html
 <!-- this is a statement, not an expression: -->
 {{ var a = 1 }}
 
@@ -150,7 +150,7 @@ Therefore, the following will **NOT** work:
 
 It is possible to call a component-exposed method inside a binding expression:
 
-```html
+```vue-html
 <time :title="toTitleDate(date)" :datetime="date">
   {{ formatDate(date) }}
 </time>