create-slidev 0.48.0-beta.20 → 0.48.0-beta.22

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-slidev",
   "type": "module",
-  "version": "0.48.0-beta.20",
+  "version": "0.48.0-beta.22",
   "description": "Create starter template for Slidev",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",

package/template/package.json

@@ -8,9 +8,9 @@
     "export": "slidev export"
   },
   "dependencies": {
-    "@slidev/cli": "^0.48.0-beta.20",
+    "@slidev/cli": "^0.48.0-beta.22",
     "@slidev/theme-default": "latest",
     "@slidev/theme-seriph": "latest",
-    "vue": "^3.4.20"
+    "vue": "^3.4.21"
   }
 }

package/template/slides.md

@@ -191,7 +191,8 @@ Powered by [shiki-magic-move](https://shiki-magic-move.netlify.app/), Slidev sup
 Add multiple code blocks and wrap them with <code>````md magic-move</code> (four backticks) to enable the magic move. For example:
 
 ````md magic-move
-```ts
+```ts {*|2|*}
+// step 1
 const author = reactive({
   name: 'John Doe',
   books: [
@@ -201,7 +202,9 @@ const author = reactive({
   ]
 })
 ```
-```ts
+
+```ts {*|1-2|3-4|3-4,8}
+// step 2
 export default {
   data() {
     return {
@@ -217,7 +220,9 @@ export default {
   }
 }
 ```
+
 ```ts
+// step 3
 export default {
   data: () => ({
     author: {
@@ -231,6 +236,22 @@ export default {
   })
 }
 ```
+
+Non-code blocks are ignored.
+
+```vue
+<!-- step 4 -->
+<script setup>
+const author = {
+  name: 'John Doe',
+  books: [
+    'Vue 2 - Advanced Guide',
+    'Vue 3 - Basic Guide',
+    'Vue 4 - The Mystery'
+  ]
+}
+</script>
+```
 ````
 
 ---