@slidev/client 0.28.7 → 0.28.10

package/internals/DrawingControls.vue

@@ -48,6 +48,10 @@ function setBrushColor(color: typeof brush.color) {
     <button class="icon-btn" :class="{ shallow: drawingMode != 'rectangle' }" @click="setDrawingMode('rectangle')">
       <carbon:checkbox />
     </button>
+    <!-- TODO: not sure why it's not working! -->
+    <!-- <button class="icon-btn" :class="{ shallow: drawingMode != 'eraseLine' }" @click="setDrawingMode('eraseLine')">
+      <carbon:erase />
+    </button> -->
 
     <VerticalDivider />
 

package/internals/Goto.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { whenever } from '@vueuse/core'
-import { computed, nextTick, ref } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue'
 import { go, total } from '../logic/nav'
 import { showGotoDialog } from '../state'
 
@@ -19,10 +18,21 @@ function close() {
   showGotoDialog.value = false
 }
 
-whenever(showGotoDialog, async() => {
-  text.value = ''
-  await nextTick()
-  input.value?.focus()
+watch(showGotoDialog, async(show) => {
+  if (show) {
+    await nextTick()
+    text.value = ''
+    input.value?.focus()
+  }
+  else {
+    input.value?.blur()
+  }
+})
+
+// remove the g character coming from the key that triggered showGotoDialog (e.g. in Firefox)
+watch(text, (t) => {
+  if (t.match(/^[^0-9]/))
+    text.value = text.value.substr(1)
 })
 </script>
 
@@ -38,7 +48,7 @@ whenever(showGotoDialog, async() => {
     <input
       ref="input"
       v-model="text"
-      type="number"
+      type="text"
       :disabled="!showGotoDialog"
       class="outline-none bg-transparent"
       placeholder="Goto..."
@@ -49,16 +59,3 @@ whenever(showGotoDialog, async() => {
     >
   </div>
 </template>
-
-<style scoped>
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* Firefox */
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-</style>

package/internals/Play.vue

@@ -55,7 +55,7 @@ if (__SLIDEV_FEATURE_DRAWINGS__)
         <div
           class="absolute bottom-0 left-0 transition duration-300 opacity-0 hover:opacity-100"
           :class="[
-            persistNav ? 'opacity-100 right-0' : 'oapcity-0 p-2',
+            persistNav ? 'opacity-100 right-0' : 'opacity-0 p-2',
             isDrawing ? 'pointer-events-none': ''
           ]"
         >

package/modules/mermaid.ts

@@ -1,5 +1,5 @@
 // @ts-expect-error missing types
-import mermaid from 'mermaid/dist/mermaid.min'
+import mermaid from 'mermaid/dist/mermaid'
 import { customAlphabet } from 'nanoid'
 import { decode } from 'js-base64'
 import { clearUndefined } from '@antfu/utils'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.28.7",
+  "version": "0.28.10",
   "description": "Presentation slides for developers",
   "homepage": "https://sli.dev",
   "bugs": "https://github.com/slidevjs/slidev/issues",
@@ -13,27 +13,27 @@
   "author": "antfu <anthonyfu117@hotmail.com>",
   "dependencies": {
     "@antfu/utils": "^0.5.0",
-    "@slidev/parser": "0.28.7",
-    "@slidev/types": "0.28.7",
-    "@vueuse/core": "^7.6.0",
+    "@slidev/parser": "0.28.10",
+    "@slidev/types": "0.28.10",
+    "@vueuse/core": "^7.7.0",
     "@vueuse/head": "^0.7.5",
     "@vueuse/motion": "^2.0.0-beta.9",
-    "codemirror": "^5.65.1",
-    "drauu": "^0.2.1",
+    "codemirror": "^5.65.2",
+    "drauu": "^0.3.0",
     "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
     "js-yaml": "^4.1.0",
     "katex": "^0.15.2",
-    "mermaid": "8.13.0",
+    "mermaid": "^8.14.0",
     "monaco-editor": "^0.32.1",
-    "nanoid": "^3.2.0",
+    "nanoid": "^3.3.1",
     "prettier": "^2.5.1",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.0",
-    "vite-plugin-windicss": "^1.7.0",
-    "vue": "^3.2.30",
-    "vue-router": "^4.0.12",
-    "windicss": "^3.4.3"
+    "vite-plugin-windicss": "^1.8.2",
+    "vue": "^3.2.31",
+    "vue-router": "^4.0.13",
+    "windicss": "^3.5.1"
   },
   "engines": {
     "node": ">=14.0.0"