@slidev/client 0.51.0-beta.3 → 51.0.0

package/internals/FormSlider.vue

@@ -28,7 +28,7 @@ const value = defineModel<number>('modelValue', {
     />
   </div>
   <div relative h-22px>
-    <input v-model.number="value" type="number" v-bind="props" border="~ base rounded" m0 w-20 bg-gray:5 pl2 align-top text-sm>
+    <input v-model.number="value" type="number" v-bind="props" border="~ main rounded" m0 w-20 bg-gray:5 pl2 align-top text-sm>
     <span v-if="props.unit" pointer-events-none absolute right-1 top-0.5 text-xs op25>{{ props.unit }}</span>
   </div>
 </template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.51.0-beta.3",
+  "version": "51.0.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -28,24 +28,24 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@antfu/utils": "^0.7.10",
+    "@antfu/utils": "^8.0.0",
     "@iconify-json/carbon": "^1.2.5",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
-    "@shikijs/monaco": "^1.24.4",
-    "@shikijs/vitepress-twoslash": "^1.24.4",
+    "@shikijs/monaco": "^1.26.1",
+    "@shikijs/vitepress-twoslash": "^1.26.1",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.7",
-    "@unhead/vue": "^1.11.14",
-    "@unocss/reset": "^0.65.3",
-    "@vueuse/core": "^12.2.0",
-    "@vueuse/math": "^12.2.0",
+    "@unhead/vue": "^1.11.15",
+    "@unocss/reset": "^0.65.4",
+    "@vueuse/core": "^12.3.0",
+    "@vueuse/math": "^12.3.0",
     "@vueuse/motion": "^2.2.6",
     "drauu": "^0.4.2",
     "file-saver": "^2.0.5",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.0.0",
-    "katex": "^0.16.18",
+    "katex": "^0.16.19",
     "lz-string": "^1.5.0",
     "mermaid": "^11.4.1",
     "monaco-editor": "0.51.0",
@@ -53,17 +53,17 @@
     "pptxgenjs": "^3.12.0",
     "prettier": "^3.4.2",
     "recordrtc": "^5.6.2",
-    "shiki": "^1.24.4",
+    "shiki": "^1.26.1",
     "shiki-magic-move": "^0.5.2",
-    "typescript": "5.6.3",
-    "unocss": "^0.65.3",
+    "typescript": "^5.7.3",
+    "unocss": "^0.65.4",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
-    "yaml": "^2.6.1",
-    "@slidev/parser": "0.51.0-beta.3",
-    "@slidev/types": "0.51.0-beta.3"
+    "yaml": "^2.7.0",
+    "@slidev/parser": "51.0.0",
+    "@slidev/types": "51.0.0"
   },
   "devDependencies": {
-    "vite": "^6.0.6"
+    "vite": "^6.0.7"
   }
 }

package/pages/export.vue

@@ -275,8 +275,8 @@ if (import.meta.hot) {
                 Clear Captured Images
               </button>
               <button v-else class="slidev-form-button flex justify-center items-center gap-2" @click="capturePngs">
-                <div class="i-carbon:camera-action inline-block text-xl" />
-                Pre-capture Slides as Images
+                <div class="i-carbon:drop-photo inline-block text-xl" />
+                Pre-capture slides as Images
               </button>
               <FormItem title="Delay" description="Delay between capturing each slide in milliseconds.<br>Increase this value if slides are captured incompletely. <br>(Not related to PDF export)">
                 <input v-model="captureDelay" type="number" step="50" min="50">

package/pages/presenter.vue

@@ -127,16 +127,17 @@ onMounted(() => {
         <template v-if="mainSlideMode === 'mirror'">
           <ScreenCaptureMirror />
         </template>
-        <template v-else>
-          <SlideContainer
-            key="main"
-            class="p-2 lg:p-4 flex-auto"
-            is-main
-            @contextmenu="onContextMenu"
-          >
-            <SlidesShow render-context="presenter" />
-          </SlideContainer>
-        </template>
+
+        <!-- We use v-show here to still infer the clicks context -->
+        <SlideContainer
+          v-show="mainSlideMode === 'slides'"
+          key="main"
+          class="p-2 lg:p-4 flex-auto"
+          is-main
+          @contextmenu="onContextMenu"
+        >
+          <SlidesShow render-context="presenter" />
+        </SlideContainer>
 
         <ClicksSlider
           :key="currentSlideRoute?.no"

package/styles/index.css

@@ -123,8 +123,8 @@ html {
 
 .slidev-form-button {
   --uno: text-white px-4 py-1 rounded border-b-2;
-  --uno: 'bg-gray-400:50 border-gray-800:50';
-  --uno: 'hover:(bg-gray-400:75 border-gray8:75)';
+  --uno: 'bg-gray-500 border-gray-700';
+  --uno: 'hover:(bg-gray-400 border-gray6)';
 }
 .slidev-form-button.primary {
   --uno: bg-teal-600 border-teal-800;