@slidev/client 0.43.14 → 0.44.0

package/builtin/VClicks.ts

@@ -50,16 +50,25 @@ export default defineComponent({
       ]])
     }
 
+    const openAllTopLevelSlots = <T extends VNodeArrayChildren | VNode[]>(children: T): T => {
+      return children.flatMap((i) => {
+        if (isVNode(i) && typeof i.type === 'symbol' && Array.isArray(i.children))
+          return openAllTopLevelSlots(i.children)
+        else
+          return [i]
+      }) as T
+    }
+
     let defaults = this.$slots.default?.()
 
     if (!defaults)
       return
 
-    defaults = toArray(defaults)
+    defaults = openAllTopLevelSlots(toArray(defaults))
 
     const mapSubList = (children: VNodeArrayChildren, depth = 1): [VNodeArrayChildren, number] => {
       let idx = 0
-      const vNodes = children.map((i) => {
+      const vNodes = openAllTopLevelSlots(children).map((i) => {
         if (!isVNode(i))
           return i
         if (listTags.includes(i.type as string) && Array.isArray(i.children)) {
@@ -76,7 +85,7 @@ export default defineComponent({
     let globalIdx = 0
     const mapChildren = (children: VNodeArrayChildren, depth = 1): [VNodeArrayChildren, number] => {
       let idx = 0
-      const vNodes = children.map((i) => {
+      const vNodes = openAllTopLevelSlots(children).map((i) => {
         if (!isVNode(i) || i.type === Comment)
           return i
         const directive = idx % this.every === 0 ? click : after

package/internals/NotesView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 import { computed, ref, watch } from 'vue'
 import { useLocalStorage } from '@vueuse/core'
 import { configs } from '../env'

package/internals/Presenter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 import { computed, onMounted, reactive, ref, shallowRef, watch } from 'vue'
 import { useMouse, useWindowFocus } from '@vueuse/core'
 import { clicks, clicksTotal, currentPage, currentRoute, hasNext, nextRoute, total, useSwipeControls } from '../logic/nav'

package/internals/PresenterPrint.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useStyleTag } from '@vueuse/core'
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 import { configs, themeVars } from '../env'
 import { rawRoutes, total } from '../logic/nav'
 import NoteDisplay from './NoteDisplay.vue'

package/layouts/two-cols-header.vue

@@ -12,8 +12,7 @@ This shows on the left
 # Right
 This shows on the right
 ::bottom::
-# Bottom
-This shows at bottom, below left and right
+This shows at the bottom, aligned to the end (bottom) of the grid
 ```
 -->
 
@@ -52,8 +51,11 @@ const props = defineProps({
   grid-template-rows: repeat(2, 1fr);
 }
 
-.col-header,
-.col-bottom { grid-column: -1/1; }
-.col-left,
-.col-right { grid-column: span 2; }
+.col-header { grid-area: 1 / 1 / 2 / 3; }
+.col-left { grid-area: 2 / 1 / 3 / 2; }
+.col-right { grid-area: 2 / 2 / 3 / 3; }
+.col-bottom {
+  align-self: end;
+  grid-area: 3 / 1 / 3 / 3;
+}
 </style>

package/main.ts

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import { createHead } from '@vueuse/head'
+import { createHead } from '@unhead/vue'
 import App from './App.vue'
 import setupMain from './setup/main'
 import { router } from './routes'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.43.14",
+  "version": "0.44.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -20,10 +20,10 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.7.6",
-    "@unocss/reset": "^0.57.2",
-    "@vueuse/core": "^10.5.0",
-    "@vueuse/head": "^2.0.0",
-    "@vueuse/math": "^10.5.0",
+    "@unhead/vue": "^1.8.4",
+    "@unocss/reset": "^0.57.4",
+    "@vueuse/core": "^10.6.1",
+    "@vueuse/math": "^10.6.1",
     "@vueuse/motion": "^2.0.0",
     "codemirror": "^5.65.5",
     "defu": "^6.1.3",
@@ -36,17 +36,17 @@
     "mermaid": "^10.6.1",
     "monaco-editor": "^0.37.1",
     "nanoid": "^5.0.3",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.0",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.8",
-    "unocss": "^0.57.2",
+    "unocss": "^0.57.4",
     "vite-plugin-windicss": "^1.9.1",
     "vue": "^3.3.8",
     "vue-router": "^4.2.5",
     "vue-starport": "^0.4.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.43.14",
-    "@slidev/types": "0.43.14"
+    "@slidev/parser": "0.44.0",
+    "@slidev/types": "0.44.0"
   },
   "devDependencies": {
     "vite": "^4.5.0"

package/setup/root.ts

@@ -1,6 +1,6 @@
 /* __imports__ */
 import { watch } from 'vue'
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 import { nanoid } from 'nanoid'
 import { configs } from '../env'
 import { initSharedState, onPatch, patch } from '../state/shared'