@slidev/client 0.42.5 → 0.42.6

package/builtin/Toc.vue

@@ -23,7 +23,7 @@ const props = withDefaults(
   {
     columns: 1,
     listClass: '',
-    maxDepth: Infinity,
+    maxDepth: Number.POSITIVE_INFINITY,
     minDepth: 1,
     mode: 'all',
   },

package/env.ts

@@ -1,9 +1,11 @@
 import type { SlidevConfig } from '@slidev/types'
+import type { UnwrapNestedRefs } from 'vue'
 import { computed } from 'vue'
 import { objectMap } from '@antfu/utils'
 
 // @ts-expect-error missing types
 import _configs from '/@slidev/configs'
+import type { SlidevContext } from './modules/context'
 
 export const configs = _configs as SlidevConfig
 export const slideAspect = configs.aspectRatio ?? (16 / 9)
@@ -15,3 +17,9 @@ export const slideHeight = Math.ceil(slideWidth / slideAspect)
 export const themeVars = computed(() => {
   return objectMap(configs.themeConfig || {}, (k, v) => [`--slidev-theme-${k}`, v])
 })
+
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $slidev: UnwrapNestedRefs<SlidevContext>
+  }
+}

package/internals/Goto.vue

@@ -3,6 +3,7 @@ import { computed, ref, watch } from 'vue'
 import Fuse from 'fuse.js'
 import { go, rawRoutes } from '../logic/nav'
 import { activeElement, showGotoDialog } from '../state'
+import Titles from '/@slidev/titles.md'
 
 const container = ref<HTMLDivElement>()
 const input = ref<HTMLInputElement>()
@@ -153,12 +154,12 @@ watch(activeElement, () => {
         items-center
         :border="index === 0 ? '' : 't main'"
         :class="selectedIndex === index ? 'bg-active op100' : 'op80'"
-        @click.stop="select(item.no)"
+        @click.stop.prevent="select(item.no)"
       >
         <div w-4 text-right op50 text-sm>
           {{ item.no }}
         </div>
-        {{ item.title }}
+        <Titles :no="item.no" />
       </li>
     </ul>
   </div>

package/internals/SlideContainer.vue

@@ -52,7 +52,7 @@ const className = computed(() => ({
   'select-none': !configs.selectable,
 }))
 
-provide(injectionSlideScale, scale)
+provide(injectionSlideScale, scale as any)
 </script>
 
 <template>

package/internals/SlideWrapper.ts

@@ -1,5 +1,7 @@
 import { useVModel } from '@vueuse/core'
+import type { Ref } from 'vue'
 import { defineComponent, h, provide } from 'vue'
+import type { RenderContext } from '@slidev/types'
 import { injectionClicks, injectionClicksDisabled, injectionClicksElements, injectionOrderMap, injectionRoute, injectionSlideContext } from '../constants'
 
 export default defineComponent({
@@ -42,12 +44,12 @@ export default defineComponent({
 
     clicksElements.value.length = 0
 
-    provide(injectionRoute, props.route)
-    provide(injectionSlideContext, props.context)
-    provide(injectionClicks, clicks)
+    provide(injectionRoute, props.route as any)
+    provide(injectionSlideContext, props.context as RenderContext)
+    provide(injectionClicks, clicks as Ref<number>)
     provide(injectionClicksDisabled, clicksDisabled)
-    provide(injectionClicksElements, clicksElements)
-    provide(injectionOrderMap, clicksOrderMap)
+    provide(injectionClicksElements, clicksElements as any)
+    provide(injectionOrderMap, clicksOrderMap as any)
   },
   render() {
     if (this.$props.is)

package/layoutHelper.ts

@@ -9,7 +9,7 @@ export function resolveAssetUrl(url: string) {
   return url
 }
 
-export function handleBackground(background?: string, dim = false): CSSProperties {
+export function handleBackground(background?: string, dim = false, backgroundSize = 'cover'): CSSProperties {
   const isColor = background && (background[0] === '#' || background.startsWith('rgb'))
 
   const style = {
@@ -28,7 +28,7 @@ export function handleBackground(background?: string, dim = false): CSSPropertie
         : undefined,
     backgroundRepeat: 'no-repeat',
     backgroundPosition: 'center',
-    backgroundSize: 'cover',
+    backgroundSize,
   }
 
   if (!style.background)

package/layouts/image-left.vue

@@ -9,9 +9,13 @@ const props = defineProps({
   class: {
     type: String,
   },
+  backgroundSize: {
+    type: String,
+    default: 'cover',
+  },
 })
 
-const style = computed(() => handleBackground(props.image))
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
 </script>
 
 <template>

package/layouts/image-right.vue

@@ -9,9 +9,13 @@ const props = defineProps({
   class: {
     type: String,
   },
+  backgroundSize: {
+    type: String,
+    default: 'cover',
+  },
 })
 
-const style = computed(() => handleBackground(props.image))
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
 </script>
 
 <template>

package/layouts/image.vue

@@ -6,9 +6,13 @@ const props = defineProps({
   image: {
     type: String,
   },
+  backgroundSize: {
+    type: String,
+    default: 'cover',
+  },
 })
 
-const style = computed(() => handleBackground(props.image))
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
 </script>
 
 <template>

package/logic/shortcuts.ts

@@ -44,7 +44,7 @@ export function strokeShortcut(key: KeyFilter, fn: Fn) {
 export function registerShortcuts() {
   const allShortcuts = setupShortcuts()
 
-  const shortcuts = new Map<string | Ref<Boolean>, ShortcutOptions>(
+  const shortcuts = new Map<string | Ref<boolean>, ShortcutOptions>(
     allShortcuts.map((options: ShortcutOptions) => [options.key, options]),
   )
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.42.5",
+  "version": "0.42.6",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -15,36 +15,36 @@
     "node": ">=14.0.0"
   },
   "dependencies": {
-    "@antfu/utils": "^0.7.4",
-    "@unocss/reset": "^0.53.1",
-    "@vueuse/core": "^10.2.0",
+    "@antfu/utils": "^0.7.5",
+    "@unocss/reset": "^0.54.1",
+    "@vueuse/core": "^10.3.0",
     "@vueuse/head": "^1.1.26",
-    "@vueuse/math": "^10.2.0",
+    "@vueuse/math": "^10.3.0",
     "@vueuse/motion": "^2.0.0",
     "codemirror": "^5.65.5",
     "defu": "^6.1.2",
-    "drauu": "^0.3.2",
+    "drauu": "^0.3.3",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
     "js-base64": "^3.7.5",
     "js-yaml": "^4.1.0",
-    "katex": "^0.16.7",
-    "mermaid": "^10.2.3",
+    "katex": "^0.16.8",
+    "mermaid": "^10.3.0",
     "monaco-editor": "^0.37.1",
     "nanoid": "^4.0.2",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.2",
-    "unocss": "^0.53.1",
+    "unocss": "^0.54.1",
     "vite-plugin-windicss": "^1.9.0",
     "vue": "^3.3.4",
-    "vue-router": "^4.2.2",
+    "vue-router": "^4.2.4",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.42.5",
-    "@slidev/types": "0.42.5"
+    "@slidev/parser": "0.42.6",
+    "@slidev/types": "0.42.6"
   },
   "devDependencies": {
-    "vite": "^4.3.9"
+    "vite": "^4.4.8"
   }
 }

package/setup/codemirror.ts

@@ -38,7 +38,7 @@ export async function useCodeMirror(
       if (v !== cm.getValue()) {
         skip = true
         const selections = cm.listSelections()
-        cm.replaceRange(v, cm.posFromIndex(0), cm.posFromIndex(Infinity))
+        cm.replaceRange(v, cm.posFromIndex(0), cm.posFromIndex(Number.POSITIVE_INFINITY))
         cm.setSelections(selections)
       }
     },

package/setup/prettier.ts

@@ -10,24 +10,20 @@ export async function formatCode(code: string, lang: string) {
       case 'typescript':
         parser = 'typescript'
         plugins = [
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-babel')).default,
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-typescript')).default,
+          (await import('prettier/plugins/babel')).default,
+          (await import('prettier/plugins/typescript')).default,
         ]
         break
       case 'html':
         parser = 'html'
         plugins = [
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-html')).default,
+          (await import('prettier/plugins/html')).default,
         ]
         break
       default:
         parser = 'babel'
         plugins = [
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-babel')).default,
+          (await import('prettier/plugins/babel')).default,
         ]
     }
 

package/shim.d.ts

@@ -1,3 +1,5 @@
+
+
 declare interface Window {
   // extend the window
 }

package/windi.config.ts

@@ -1,4 +1,5 @@
 import { resolve } from 'node:path'
+import process from 'node:process'
 import { isTruthy } from '@antfu/utils'
 import { DefaultExtractor, defineConfig } from 'vite-plugin-windicss'
 import typography from 'windicss/plugin/typography'