@slidev/client 0.41.0 → 0.42.0

package/internals/Goto.vue

@@ -107,7 +107,7 @@ watch(activeElement, () => {
     id="slidev-goto-dialog"
     ref="container"
     class="fixed right-5 transition-all"
-    w-90
+    w-90 max-w-90 min-w-90
     :class="showGotoDialog ? 'top-5' : '-top-20'"
   >
     <div
@@ -117,6 +117,7 @@ watch(activeElement, () => {
       border="~ transparent rounded dark:main"
     >
       <input
+        id="slidev-goto-input"
         ref="input"
         :value="text"
         type="text"
@@ -148,6 +149,7 @@ watch(activeElement, () => {
         cursor-pointer
         hover="op100"
         flex="~ gap-2"
+        w-90
         items-center
         :border="index === 0 ? '' : 't main'"
         :class="selectedIndex === index ? 'bg-active op100' : 'op80'"

package/internals/NoteEditor.vue

@@ -72,6 +72,7 @@ onClickOutside(input, () => {
     ref="input"
     v-model="note"
     class="prose resize-none overflow-auto outline-none bg-transparent block"
+    style="line-height: 1.75; margin: 1em 0;"
     :class="props.class"
     :placeholder="placeholder"
     @focus="editing = true"

package/internals/Presenter.vue

@@ -84,7 +84,7 @@ onMounted(() => {
   <div class="bg-main h-full slidev-presenter">
     <div class="grid-container">
       <div class="grid-section top flex">
-        <img src="../assets/logo-title-horizontal.png" class="ml-2 my-auto h-10 py-1 lg:h-14 lg:py-2">
+        <img src="../assets/logo-title-horizontal.png" class="ml-2 my-auto h-10 py-1 lg:h-14 lg:py-2" style="height: 3.5rem;">
         <div class="flex-auto" />
         <div
           class="timer-btn my-auto relative w-22px h-22px cursor-pointer text-lg"
@@ -132,8 +132,8 @@ onMounted(() => {
         </div>
       </div>
       <div class="grid-section note overflow-auto">
-        <NoteEditor v-if="__DEV__" class="w-full h-full overflow-auto p-2 lg:p-4" />
-        <NoteStatic v-else class="w-full h-full overflow-auto p-2 lg:p-4" />
+        <NoteEditor v-if="__DEV__" class="w-full max-w-full h-full overflow-auto p-2 lg:p-4" />
+        <NoteStatic v-else class="w-full max-w-full h-full overflow-auto p-2 lg:p-4" />
       </div>
       <div class="grid-section bottom">
         <NavControls :persist="true" />

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/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.0",
+  "version": "0.42.0",
   "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.1",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.41.0",
-    "@slidev/types": "0.41.0"
+    "@slidev/parser": "0.42.0",
+    "@slidev/types": "0.42.0"
   },
   "devDependencies": {
-    "vite": "^4.3.7"
+    "vite": "^4.3.9"
   }
 }