@slidev/client 0.49.6 → 0.49.8

package/builtin/Monaco.vue

@@ -15,13 +15,12 @@ Learn more: https://sli.dev/guide/syntax.html#monaco-editor
 import { debounce } from '@antfu/utils'
 import lz from 'lz-string'
 import type * as monaco from 'monaco-editor'
-import { computed, nextTick, onMounted, ref } from 'vue'
+import { computed, defineAsyncComponent, nextTick, onMounted, ref } from 'vue'
 import type { RawAtValue } from '@slidev/types'
 import { whenever } from '@vueuse/core'
 import { makeId } from '../logic/utils'
 import { useSlideContext } from '../context'
 import { useNav } from '../composables/useNav'
-import CodeRunner from '../internals/CodeRunner.vue'
 
 const props = withDefaults(defineProps<{
   codeLz: string
@@ -51,6 +50,8 @@ const props = withDefaults(defineProps<{
   highlightOutput: true,
 })
 
+const CodeRunner = defineAsyncComponent(() => import('../internals/CodeRunner.vue').then(r => r.default))
+
 const code = ref(lz.decompressFromBase64(props.codeLz).trimEnd())
 const diff = props.diffLz && ref(lz.decompressFromBase64(props.diffLz).trimEnd())
 const isWritable = computed(() => props.writable && !props.readonly && __DEV__)

package/internals/SlideWrapper.vue

@@ -68,13 +68,9 @@ const SlideComponent = computed(() => props.route && defineAsyncComponent({
     :class="getSlideClass(route, ['slide', 'presenter'].includes(props.renderContext) ? '' : 'disable-view-transition')"
     :style="style"
   >
-    <div v-if="SlideBottom" class="absolute inset-0">
-      <SlideBottom />
-    </div>
+    <SlideBottom />
     <SlideComponent />
-    <div v-if="SlideTop" class="absolute inset-0">
-      <SlideTop />
-    </div>
+    <SlideTop />
   </div>
 </template>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.49.6",
+  "version": "0.49.8",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -59,8 +59,8 @@
     "vue": "^3.4.27",
     "vue-router": "^4.3.2",
     "yaml": "^2.4.2",
-    "@slidev/parser": "0.49.6",
-    "@slidev/types": "0.49.6"
+    "@slidev/parser": "0.49.8",
+    "@slidev/types": "0.49.8"
   },
   "devDependencies": {
     "vite": "^5.2.12"

package/setup/monaco.ts

@@ -121,16 +121,16 @@ const setup = createSingletonPromise(async () => {
   }
 })
 
-async function _addFile(raw: Promise<{ default: string }>, path: string) {
+async function _addFile(raw: () => Promise<{ default: string }>, path: string) {
   const uri = monaco.Uri.file(path)
-  const code = (await raw).default
+  const code = (await raw()).default
   monaco.languages.typescript.typescriptDefaults.addExtraLib(code, `file:///${path}`)
   monaco.editor.createModel(code, 'javascript', uri)
 }
 
 const addFileCache = new Map<string, Promise<void>>()
 
-export async function addFile(raw: Promise<{ default: string }>, path: string) {
+export async function addFile(raw: () => Promise<{ default: string }>, path: string) {
   if (addFileCache.has(path))
     return addFileCache.get(path)
   const promise = _addFile(raw, path)