@slidev/client 0.41.1 → 0.42.1

package/builtin/Mermaid.vue

@@ -69,5 +69,5 @@ watchEffect(() => {
 </script>
 
 <template>
-  <ShadowRoot ref="el" class="mermaid" :inner-html="html" @shadow="el = $event" />
+  <ShadowRoot class="mermaid" :inner-html="html" @shadow="el = $event" />
 </template>

package/internals/Goto.vue

@@ -117,6 +117,7 @@ watch(activeElement, () => {
       border="~ transparent rounded dark:main"
     >
       <input
+        id="slidev-goto-input"
         ref="input"
         :value="text"
         type="text"

package/internals/PresenterPrint.vue

@@ -27,7 +27,6 @@ html #page-root {
 useHead({ title: `Notes - ${configs.title}` })
 
 const slidesWithNote = computed(() => rawRoutes
-  .slice(0, -1)
   .map(route => route.meta?.slide)
   .filter(slide => slide !== undefined && slide.noteHTML !== ''))
 </script>

package/internals/PrintContainer.vue

@@ -21,8 +21,7 @@ const scale = computed(() => {
   return (height.value * slideAspect) / slideWidth
 })
 
-// Remove the "end" slide
-let routes = rawRoutes.slice(0, -1)
+let routes = rawRoutes
 if (currentRoute.value.query.range) {
   const r = parseRangeString(routes.length, currentRoute.value.query.range as string)
   routes = r.map(i => routes[i - 1])

package/internals/ShadowRoot.vue

@@ -12,7 +12,7 @@ const emit = defineEmits<{
 const el = ref<HTMLDivElement>()
 const shadow = computed(() => el.value ? (el.value.shadowRoot || el.value.attachShadow({ mode: 'open' })) : null)
 watchEffect(() => {
-  if (shadow.value) {
+  if (shadow.value && props.innerHtml) {
     emit('shadow', shadow.value)
     shadow.value.innerHTML = props.innerHtml
   }

package/internals/SlidesOverview.vue

@@ -66,7 +66,7 @@ watchEffect(() => {
       :style="`grid-template-columns: repeat(auto-fit,minmax(${cardWidth}px,1fr))`"
     >
       <div
-        v-for="(route, idx) of rawRoutes.slice(0, -1)"
+        v-for="(route, idx) of rawRoutes"
         :key="route.path"
         class="relative"
       >

package/layouts/two-cols-header.vue

@@ -19,21 +19,34 @@ const props = defineProps({
   class: {
     type: String,
   },
+  layoutClass: {
+    type: String,
+  },
 })
 </script>
 
 <template>
-  <div class="slidev-layout two-columns w-full h-full">
-    <div class="col-span-2">
+  <div class="slidev-layout two-cols-header w-full h-full" :class="layoutClass">
+    <div class="col-header">
       <slot />
     </div>
-    <div class="grid grid-cols-2">
-      <div class="col-left" :class="props.class">
-        <slot name="left" />
-      </div>
-      <div class="col-right" :class="props.class">
-        <slot name="right" />
-      </div>
+    <div class="col-left" :class="props.class">
+      <slot name="left" />
+    </div>
+    <div class="col-right" :class="props.class">
+      <slot name="right" />
     </div>
   </div>
 </template>
+
+<style scoped>
+.two-cols-header {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+}
+
+.col-header { grid-area: 1 / 1 / 2 / 3; }
+.col-left { grid-area: 2 / 1 / 3 / 2; }
+.col-right { grid-area: 2 / 2 / 3 / 3; }
+</style>

package/layouts/two-cols.vue

@@ -24,11 +24,14 @@ const props = defineProps({
   class: {
     type: String,
   },
+  layoutClass: {
+    type: String,
+  },
 })
 </script>
 
 <template>
-  <div class="slidev-layout two-columns w-full h-full grid grid-cols-2">
+  <div class="slidev-layout two-columns w-full h-full grid grid-cols-2" :class="props.layoutClass">
     <div class="col-left" :class="props.class">
       <slot />
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.41.1",
+  "version": "0.42.1",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -16,11 +16,11 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.7.2",
-    "@unocss/reset": "^0.51.13",
+    "@unocss/reset": "^0.52.4",
     "@vueuse/core": "^10.1.2",
     "@vueuse/head": "^1.1.26",
     "@vueuse/math": "^10.1.2",
-    "@vueuse/motion": "^2.0.0-beta.27",
+    "@vueuse/motion": "^2.0.0",
     "codemirror": "^5.65.5",
     "defu": "^6.1.2",
     "drauu": "^0.3.2",
@@ -29,22 +29,22 @@
     "js-base64": "^3.7.5",
     "js-yaml": "^4.1.0",
     "katex": "^0.16.7",
-    "mermaid": "^10.1.0",
+    "mermaid": "^10.2.0",
     "monaco-editor": "^0.37.1",
     "nanoid": "^4.0.2",
     "prettier": "^2.8.8",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.2",
-    "unocss": "^0.51.13",
+    "unocss": "^0.52.4",
     "vite-plugin-windicss": "^1.9.0",
-    "vue": "^3.3.2",
-    "vue-router": "^4.2.0",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.2",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.41.1",
-    "@slidev/types": "0.41.1"
+    "@slidev/parser": "0.42.1",
+    "@slidev/types": "0.42.1"
   },
   "devDependencies": {
-    "vite": "^4.3.7"
+    "vite": "^4.3.9"
   }
 }