@slidev/client 0.36.6 → 0.36.7

package/env.ts

@@ -7,7 +7,9 @@ import _configs from '/@slidev/configs'
 export const configs = _configs as SlidevConfig
 export const slideAspect = configs.aspectRatio ?? (16 / 9)
 export const slideWidth = configs.canvasWidth ?? 980
-export const slideHeight = Math.round(slideWidth / slideAspect)
+// To honor the aspect ratio more as possible, we need to approximate the height to the next integer.
+// Doing this, we will prevent on print, to create an additional empty white page after each page.
+export const slideHeight = Math.ceil(slideWidth / slideAspect)
 
 export const themeVars = computed(() => {
   return objectMap(configs.themeConfig || {}, (k, v) => [`--slidev-theme-${k}`, v])

package/internals/Print.vue

@@ -1,15 +1,11 @@
 <script setup lang="ts">
 import type { Slots } from 'vue'
 import { h, watchEffect } from 'vue'
-import _configs from '/@slidev/configs'
 import { windowSize } from '../state'
 import { isPrintMode } from '../logic/nav'
-import { themeVars } from '../env'
+import { slideHeight, slideWidth, themeVars } from '../env'
 import PrintContainer from './PrintContainer.vue'
 
-const width = _configs.canvasWidth
-const height = Math.round(width / _configs.aspectRatio) + 1
-
 function vStyle<Props>(props: Props, { slots }: { slots: Slots }) {
   if (slots.default)
     return h('style', slots.default())
@@ -25,7 +21,7 @@ watchEffect(() => {
 
 <template>
   <vStyle>
-    @page { size: {{ width }}px {{ height }}px; margin: 0px; }
+    @page { size: {{ slideWidth }}px {{ slideHeight }}px; margin: 0px; }
   </vStyle>
   <div id="page-root" class="grid grid-cols-[1fr_max-content]" :style="themeVars">
     <PrintContainer

package/internals/PrintContainer.vue

@@ -46,9 +46,6 @@ provide(injectionSlideScale, scale)
 }
 
 .slide-container {
-  @apply relative;
-  position: relative;
-  overflow: hidden;
-  page-break-before: always;
+  @apply relative overflow-hidden break-after-page;
 }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.36.6",
+  "version": "0.36.7",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -16,11 +16,11 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.5.2",
-    "@slidev/parser": "0.36.6",
-    "@slidev/types": "0.36.6",
+    "@slidev/parser": "0.36.7",
+    "@slidev/types": "0.36.7",
     "@unocss/reset": "^0.45.29",
     "@vueuse/core": "^9.3.0",
-    "@vueuse/head": "^0.9.7",
+    "@vueuse/head": "^0.9.8",
     "@vueuse/math": "^9.3.0",
     "@vueuse/motion": "^2.0.0-beta.23",
     "codemirror": "^5.65.5",
@@ -38,12 +38,12 @@
     "resolve": "^1.22.1",
     "unocss": "^0.45.29",
     "vite-plugin-windicss": "^1.8.8",
-    "vue": "^3.2.40",
+    "vue": "^3.2.41",
     "vue-router": "^4.1.5",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6"
   },
   "devDependencies": {
-    "vite": "^3.1.6"
+    "vite": "^3.1.8"
   }
 }