@slidev/client 52.0.1 → 52.2.3

package/internals/ContextMenu.vue

@@ -67,31 +67,33 @@ const top = computed(() => {
   >
     <template v-for="item, index of currentContextMenu.items.value" :key="index">
       <div v-if="item === 'separator'" :key="index" class="w-full my1 border-t border-main" />
-      <div
-        v-else-if="item.small"
-        class="p-2 w-[40px] h-[40px] inline-block text-center cursor-pointer rounded flex"
-        :class="item.disabled ? `op40` : `hover:bg-active`"
-        :title="(item.label as string)"
-        @click="item.action"
-      >
-        <div v-if="typeof item.icon === 'string'" :class="item.icon" class="text-1.2em ma" />
-        <component :is="item.icon" v-else />
-      </div>
-      <div
-        v-else
-        class="w-full grid grid-cols-[35px_1fr] p-2 pl-0 cursor-pointer rounded"
-        :class="item.disabled ? `op40` : `hover:bg-active`"
-        @click="item.action"
-      >
-        <div class="mx-auto flex">
+      <template v-else-if="item.show ?? true">
+        <div
+          v-if="item.small"
+          class="p-2 w-[40px] h-[40px] inline-block text-center cursor-pointer rounded flex"
+          :class="item.disabled ? `op40` : `hover:bg-active`"
+          :title="(item.label as string)"
+          @click="item.action"
+        >
           <div v-if="typeof item.icon === 'string'" :class="item.icon" class="text-1.2em ma" />
           <component :is="item.icon" v-else />
         </div>
-        <div v-if="typeof item.label === 'string'">
-          {{ item.label }}
+        <div
+          v-else
+          class="w-full grid grid-cols-[35px_1fr] p-2 pl-0 cursor-pointer rounded"
+          :class="item.disabled ? `op40` : `hover:bg-active`"
+          @click="item.action"
+        >
+          <div class="mx-auto flex">
+            <div v-if="typeof item.icon === 'string'" :class="item.icon" class="text-1.2em ma" />
+            <component :is="item.icon" v-else />
+          </div>
+          <div v-if="typeof item.label === 'string'">
+            {{ item.label }}
+          </div>
+          <component :is="item.label" v-else />
         </div>
-        <component :is="item.label" v-else />
-      </div>
+      </template>
     </template>
     <template v-if="!isExplicitEnabled">
       <div class="w-full my1 border-t border-main" />

package/layouts/two-cols-header.vue

@@ -13,6 +13,12 @@ This shows on the left
 This shows on the right
 ::bottom::
 This shows at the bottom, aligned to the end (bottom) of the grid
+
+<style>
+.two-cols-header {
+  column-gap: 20px; /* Adjust the gap size as needed */
+}
+</style>
 ```
 -->
 
@@ -48,7 +54,7 @@ const props = defineProps({
 .two-cols-header {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
+  grid-template-rows: auto 1fr auto;
 }
 
 .col-header {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "52.0.1",
+  "version": "52.2.3",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -29,18 +29,18 @@
   },
   "dependencies": {
     "@antfu/utils": "^9.2.0",
-    "@iconify-json/carbon": "^1.2.10",
+    "@iconify-json/carbon": "^1.2.13",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/svg-spinners": "^1.2.2",
-    "@shikijs/engine-javascript": "^3.7.0",
-    "@shikijs/monaco": "^3.7.0",
-    "@shikijs/vitepress-twoslash": "^3.7.0",
+    "@iconify-json/svg-spinners": "^1.2.4",
+    "@shikijs/engine-javascript": "^3.13.0",
+    "@shikijs/monaco": "^3.13.0",
+    "@shikijs/vitepress-twoslash": "^3.13.0",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.8",
-    "@unhead/vue": "^2.0.11",
-    "@unocss/reset": "^66.3.2",
-    "@vueuse/core": "^13.4.0",
-    "@vueuse/math": "^13.4.0",
+    "@unhead/vue": "^2.0.17",
+    "@unocss/reset": "^66.5.1",
+    "@vueuse/core": "^13.9.0",
+    "@vueuse/math": "^13.9.0",
     "@vueuse/motion": "^3.0.3",
     "drauu": "^0.4.3",
     "file-saver": "^2.0.5",
@@ -48,23 +48,23 @@
     "fuse.js": "^7.1.0",
     "katex": "^0.16.22",
     "lz-string": "^1.5.0",
-    "mermaid": "^11.7.0",
-    "monaco-editor": "^0.52.2",
+    "mermaid": "^11.12.0",
+    "monaco-editor": "^0.53.0",
     "nanotar": "^0.2.0",
     "pptxgenjs": "^4.0.1",
     "prettier": "^3.6.2",
     "recordrtc": "^5.6.2",
-    "shiki": "^3.7.0",
+    "shiki": "^3.13.0",
     "shiki-magic-move": "^1.1.0",
-    "typescript": "^5.8.3",
-    "unocss": "^66.3.2",
-    "vue": "^3.5.17",
+    "typescript": "^5.9.2",
+    "unocss": "^66.5.1",
+    "vue": "^3.5.21",
     "vue-router": "^4.5.1",
-    "yaml": "^2.8.0",
-    "@slidev/types": "52.0.1",
-    "@slidev/parser": "52.0.1"
+    "yaml": "^2.8.1",
+    "@slidev/parser": "52.2.3",
+    "@slidev/types": "52.2.3"
   },
   "devDependencies": {
-    "vite": "^7.0.0"
+    "vite": "^7.1.6"
   }
 }

package/setup/context-menu.ts

@@ -73,6 +73,7 @@ export default () => {
         icon: 'i-carbon:text-annotation-toggle', // IconTextNotationToggle,
         label: showEditor.value ? 'Hide editor' : 'Show editor',
         action: () => (showEditor.value = !showEditor.value),
+        show: __DEV__,
       },
       {
         icon: 'i-carbon:pen',

package/styles/code.css

@@ -123,6 +123,7 @@ html:not(.dark) .shiki span {
 }
 
 /* Inline Code */
+.slidev-note :not(pre) > code,
 .slidev-layout :not(pre) > code {
   font-size: 0.9em;
   background: var(--slidev-code-background);
@@ -130,6 +131,11 @@ html:not(.dark) .shiki span {
   --uno: font-light py-0.5 px-1.5;
 }
 
+.slidev-note :not(pre) > code:after,
+.slidev-note :not(pre) > code:before {
+  content: '';
+}
+
 .slidev-layout :not(pre) > code:before {
   margin-right: -0.08em;
 }

package/styles/index.css

@@ -144,3 +144,7 @@ html {
   transform: scale(calc(1 * var(--slidev-slide-scale)));
   transform-origin: 30px top;
 }
+
+.slidev-note ul {
+  margin: 0;
+}