@slidev/client 0.36.8 → 0.36.10

package/composables/useNav.ts

@@ -13,7 +13,7 @@ export function useNav(route: ComputedRef<RouteLocationNormalizedLoaded>) {
   const currentPath = computed(() => getPath(currentPage.value))
   const currentRoute = computed(() => rawRoutes.find(i => i.path === `${currentPage.value}`))
   const currentSlideId = computed(() => currentRoute.value?.meta?.slide?.id)
-  const currentLayout = computed(() => currentRoute.value?.meta?.layout)
+  const currentLayout = computed(() => currentRoute.value?.meta?.layout || (currentPage.value === 1 ? 'cover' : 'default'))
 
   const nextRoute = computed(() => rawRoutes.find(i => i.path === `${Math.min(rawRoutes.length, currentPage.value + 1)}`))
 

package/internals/PresenterPrint.vue

@@ -1,10 +1,29 @@
 <script setup lang="ts">
-import { useHead } from '@vueuse/head'
 import { computed } from '@vue/reactivity'
-import { rawRoutes, total } from '../logic/nav'
+import { useStyleTag } from '@vueuse/core'
+import { useHead } from '@vueuse/head'
 import { configs, themeVars } from '../env'
+import { rawRoutes, total } from '../logic/nav'
 import NoteViewer from './NoteViewer.vue'
 
+useStyleTag(`
+@page {
+  size: A4;
+  margin-top: 1.5cm;
+  margin-bottom: 1cm;
+}
+* {
+  -webkit-print-color-adjust: exact;
+}
+html,
+html body,
+html #app,
+html #page-root {
+  height: auto;
+  overflow: auto !important;
+}
+`)
+
 useHead({ title: `Notes - ${configs.title}` })
 
 const slidesWithNote = computed(() => rawRoutes
@@ -25,7 +44,7 @@ const slidesWithNote = computed(() => rawRoutes
         </div>
       </div>
 
-      <div v-for="(slide, index) of slidesWithNote" :key="index" class="flex flex-col gap-4">
+      <div v-for="(slide, index) of slidesWithNote" :key="index" class="flex flex-col gap-4 break-inside-avoid-page">
         <div>
           <h2 class="text-lg">
             <div class="font-bold flex gap-2">
@@ -43,9 +62,3 @@ const slidesWithNote = computed(() => rawRoutes
     </div>
   </div>
 </template>
-
-<style lang="postcss">
-@page {
-  size: A4;
-}
-</style>

package/logic/nav.ts

@@ -47,7 +47,7 @@ export const currentPage = computed(() => parseInt(path.value.split(/\//g).slice
 export const currentPath = computed(() => getPath(currentPage.value))
 export const currentRoute = computed(() => rawRoutes.find(i => i.path === `${currentPage.value}`))
 export const currentSlideId = computed(() => currentRoute.value?.meta?.slide?.id)
-export const currentLayout = computed(() => currentRoute.value?.meta?.layout)
+export const currentLayout = computed(() => currentRoute.value?.meta?.layout || (currentPage.value === 1 ? 'cover' : 'default'))
 
 export const nextRoute = computed(() => rawRoutes.find(i => i.path === `${Math.min(rawRoutes.length, currentPage.value + 1)}`))
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.36.8",
+  "version": "0.36.10",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.5.2",
-    "@slidev/parser": "0.36.8",
-    "@slidev/types": "0.36.8",
+    "@slidev/parser": "0.36.10",
+    "@slidev/types": "0.36.10",
     "@unocss/reset": "^0.45.29",
     "@vueuse/core": "^9.3.0",
     "@vueuse/head": "^0.9.8",

package/routes.ts

@@ -1,7 +1,6 @@
 import type { RouteRecordRaw } from 'vue-router'
 import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
 import Play from './internals/Play.vue'
-import PresenterPrint from './internals/PresenterPrint.vue'
 import Print from './internals/Print.vue'
 // @ts-expect-error missing types
 import _rawRoutes from '/@slidev/routes'
@@ -21,7 +20,7 @@ export const routes: RouteRecordRaw[] = [
   { name: 'print', path: '/print', component: Print },
   { path: '', redirect: { path: '/1' } },
   { path: '/:pathMatch(.*)', redirect: { path: '/1' } },
-  { path: '/presenter/print', component: PresenterPrint },
+  { path: '/presenter/print', component: () => import('./internals/PresenterPrint.vue') },
   {
     name: 'presenter',
     path: '/presenter/:no',