create-slidev 0.49.29 → 0.50.0-beta.10

package/build.mjs

@@ -1,5 +1,5 @@
-import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import fs from 'fs-extra'
 
 const __dirname = fileURLToPath(new URL('.', import.meta.url))

package/index.mjs

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
 /* eslint-disable no-console */
 
-// @ts-check
-import process from 'node:process'
 import fs from 'node:fs'
-import path from 'node:path'
 import { createRequire } from 'node:module'
+import path from 'node:path'
+// @ts-check
+import process from 'node:process'
 import { fileURLToPath } from 'node:url'
+import { blue, bold, cyan, dim, green, yellow } from 'kolorist'
 import minimist from 'minimist'
 import prompts from 'prompts'
-import { execa } from 'execa'
-import { blue, bold, cyan, dim, green, yellow } from 'kolorist'
+import { x } from 'tinyexec'
 
 const argv = minimist(process.argv.slice(2))
 const cwd = process.cwd()
@@ -123,8 +123,8 @@ async function init() {
     if (!agent)
       return
 
-    await execa(agent, ['install'], { stdio: 'inherit', cwd: root })
-    await execa(agent, ['run', 'dev'], { stdio: 'inherit', cwd: root })
+    await x(agent, ['install'], { nodeOptions: { stdio: 'inherit', cwd: root } })
+    await x(agent, ['run', 'dev'], { nodeOptions: { stdio: 'inherit', cwd: root } })
   }
   else {
     console.log(dim('\n  start it later by:\n'))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-slidev",
   "type": "module",
-  "version": "0.49.29",
+  "version": "0.50.0-beta.10",
   "description": "Create starter template for Slidev",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -20,10 +20,10 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "execa": "^9.3.1",
     "kolorist": "^1.8.0",
     "minimist": "^1.2.8",
-    "prompts": "^2.4.2"
+    "prompts": "^2.4.2",
+    "tinyexec": "^0.3.1"
   },
   "scripts": {
     "build": "node build.mjs"

package/template/package.json

@@ -8,9 +8,9 @@
     "export": "slidev export"
   },
   "dependencies": {
-    "@slidev/cli": "^0.49.29",
+    "@slidev/cli": "^0.50.0-beta.10",
     "@slidev/theme-default": "latest",
     "@slidev/theme-seriph": "latest",
-    "vue": "^3.4.38"
+    "vue": "^3.5.13"
   }
 }

package/template/slides.md

@@ -26,19 +26,16 @@ mdc: true
 
 Presentation slides for developers
 
-<div class="pt-12">
-  <span @click="$slidev.nav.next" class="px-2 py-1 rounded cursor-pointer" hover="bg-white bg-opacity-10">
-    Press Space for next page <carbon:arrow-right class="inline"/>
-  </span>
+<div @click="$slidev.nav.next" class="mt-12 py-1" hover:bg="white op-10">
+  Press Space for next page <carbon:arrow-right />
 </div>
 
-<div class="abs-br m-6 flex gap-2">
-  <button @click="$slidev.nav.openInEditor()" title="Open in Editor" class="text-xl slidev-icon-btn opacity-50 !border-none !hover:text-white">
+<div class="abs-br m-6 text-xl">
+  <button @click="$slidev.nav.openInEditor" title="Open in Editor" class="slidev-icon-btn">
     <carbon:edit />
   </button>
-  <a href="https://github.com/slidevjs/slidev" target="_blank" alt="GitHub" title="Open in GitHub"
-    class="text-xl slidev-icon-btn opacity-50 !border-none !hover:text-white">
-    <carbon-logo-github />
+  <a href="https://github.com/slidevjs/slidev" target="_blank" class="slidev-icon-btn">
+    <carbon:logo-github />
   </a>
 </div>
 
@@ -98,12 +95,12 @@ Hover on the bottom-left corner to see the navigation's controls panel, [learn m
 
 ## Keyboard Shortcuts
 
-|     |     |
-| --- | --- |
-| <kbd>right</kbd> / <kbd>space</kbd>| next animation or slide |
+|                                                     |                             |
+| --------------------------------------------------- | --------------------------- |
+| <kbd>right</kbd> / <kbd>space</kbd>                 | next animation or slide     |
 | <kbd>left</kbd>  / <kbd>shift</kbd><kbd>space</kbd> | previous animation or slide |
-| <kbd>up</kbd> | previous slide |
-| <kbd>down</kbd> | next slide |
+| <kbd>up</kbd>                                       | previous slide              |
+| <kbd>down</kbd>                                     | next slide                  |
 
 <!-- https://sli.dev/guide/animations.html#click-animation -->
 <img
@@ -124,14 +121,14 @@ layoutClass: gap-16
 You can use the `Toc` component to generate a table of contents for your slides:
 
 ```html
-<Toc minDepth="1" maxDepth="1"></Toc>
+<Toc minDepth="1" maxDepth="1" />
 ```
 
 The title will be inferred from your slide content, or you can override it with `title` and `level` in your frontmatter.
 
 ::right::
 
-<Toc v-click minDepth="1" maxDepth="2"></Toc>
+<Toc text-sm minDepth="1" maxDepth="2" />
 
 ---
 layout: image-right
@@ -575,7 +572,7 @@ Double-click on the draggable elements to edit their positions.
 
 ```md
 <v-drag text-3xl>
-  <carbon:arrow-up />
+  <div class="i-carbon:arrow-up" />
   Use the `v-drag` component to have a draggable container!
 </v-drag>
 ```