chore: update deps

cypress/e2e/examples/basic.spec.ts

@@ -65,7 +65,8 @@ context('Basic', () => {
 
     cy.get('body')
       .type('{DownArrow}')
-      .url().should('eq', `${BASE}/6`)
+      .url()
+      .should('eq', `${BASE}/6`)
 
     cy.rightArrow()
 
@@ -75,7 +76,8 @@ context('Basic', () => {
 
     cy.get('body')
       .type('{RightArrow}{RightArrow}{RightArrow}{RightArrow}{RightArrow}{RightArrow}')
-      .url().should('eq', `${BASE}/7`)
+      .url()
+      .should('eq', `${BASE}/7`)
 
     cy.get('body')
       .type('{LeftArrow}')

cypress/e2e/examples/smoke.spec.ts

@@ -3,10 +3,12 @@ context('Smoke test', () => {
     while (1) {
       let oldUrl, newUrl
       cy.get('body')
-        .url().then(url => (oldUrl = url))
+        .url()
+        .then(url => (oldUrl = url))
         .type(`{RightArrow}`)
         .wait(1000)
-        .url().then(url => (newUrl = url))
+        .url()
+        .then(url => (newUrl = url))
       if (oldUrl === newUrl)
         break
     }

demo/composable-vue/components/Connections.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
 import { autoResetRef } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
 
 const a = ref(2)
 const b = ref(4)

demo/composable-vue/slides.md

@@ -466,8 +466,8 @@ title.value = 'Hello World'
 ### Binding an Existing Ref
 
 ```ts {monaco}
-import { computed, ref } from 'vue'
 import { useTitle } from '@vueuse/core'
+import { computed, ref } from 'vue'
 
 const name = ref('Hello')
 const title = computed(() => {
@@ -495,8 +495,8 @@ Take a look at `useTitle`'s implementation
 <v-clicks>
 
 ```ts {monaco}
-import { ref, watch } from 'vue'
 import type { MaybeRef } from '@vueuse/core'
+import { ref, watch } from 'vue'
 
 export function useTitle(
   newTitle: MaybeRef<string | null | undefined>,
@@ -1069,8 +1069,8 @@ layout: center
 Composition API support for Vue 2.<br><carbon-logo-github class="inline-block"/> [vuejs/composition-api](https://github.com/vuejs/composition-api)
 
 ```ts
-import Vue from 'vue'
 import VueCompositionAPI from '@vue/composition-api'
+import Vue from 'vue'
 
 Vue.use(VueCompositionAPI)
 ```

docs/.vitepress/config.ts

@@ -1,11 +1,11 @@
-import { fileURLToPath } from 'node:url'
 import type { DefaultTheme } from 'vitepress'
-import { defineConfig } from 'vitepress'
+import { fileURLToPath } from 'node:url'
 import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import { defineConfig } from 'vitepress'
 import { version } from '../package.json'
-import { getSidebarObject } from './sidebar-gen'
-import { Advanced, BuiltIn, Guides, Resources } from './pages'
 import Customizations from './customizations'
+import { Advanced, BuiltIn, Guides, Resources } from './pages'
+import { getSidebarObject } from './sidebar-gen'
 
 const slidebars: DefaultTheme.SidebarItem[] = [
   {
@@ -132,6 +132,7 @@ export default defineConfig({
       '/custom/': slidebars,
       '/builtin/': slidebars,
       '/resources/': slidebars,
+      // eslint-disable-next-line antfu/no-top-level-await
       ...await getSidebarObject(),
       '/features/': [],
       '/': slidebars,

docs/.vitepress/sidebar-gen.ts

@@ -1,7 +1,7 @@
-import { fileURLToPath } from 'node:url'
+import type { DefaultTheme } from 'vitepress'
 import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import fg from 'fast-glob'
-import type { DefaultTheme } from 'vitepress'
 import graymatter from 'gray-matter'
 
 const root = fileURLToPath(new URL('../../', import.meta.url))

docs/.vitepress/theme/components/Demo.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
-import TypeIt from 'typeit'
-import Markdown from 'markdown-it'
 import type { SlidevMarkdown } from '@slidev/types'
+import Center from '@slidev/client/layouts/center.vue'
+import Default from '@slidev/client/layouts/default.vue'
 import { parseSync } from '@slidev/parser'
 import Cover from '@slidev/theme-default/layouts/cover.vue'
-import Default from '@slidev/client/layouts/default.vue'
-import Center from '@slidev/client/layouts/center.vue'
+import Markdown from 'markdown-it'
+import TypeIt from 'typeit'
+import { onMounted, ref, watch } from 'vue'
+import DemoEditor from './DemoEditor.vue'
+import DemoSlide from './DemoSlide.vue'
 import SlideContainer from './SlideContainer.vue'
+
 import '@slidev/client/styles/layouts-base.css'
 import '@slidev/theme-default/styles/layouts.css'
 
-import DemoEditor from './DemoEditor.vue'
-import DemoSlide from './DemoSlide.vue'
-
 const page = ref(0)
 const paused = ref(false)
 const completed = ref(false)

docs/.vitepress/theme/components/FeatureTag.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import { useData, withBase } from 'vitepress'
+import { computed } from 'vue'
 
 const props = defineProps<{
   tag: string

docs/.vitepress/theme/components/FeaturesAnimationInner.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { withBase } from 'vitepress'
 import type { Feature } from '../../../features/index.data'
+import { withBase } from 'vitepress'
+import { computed, ref } from 'vue'
 import { data as features } from '../../../features/index.data'
 
 const rows = 6

docs/.vitepress/theme/components/FeaturesOverview.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { withBase } from 'vitepress'
 import type { Feature } from '../../../features/index.data'
+import { withBase } from 'vitepress'
 
 defineProps<{
   features: Feature[]

docs/.vitepress/theme/components/Layout.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import DefaultTheme from 'vitepress/theme'
 import { Dropdown } from 'floating-vue'
 import { useRoute } from 'vitepress'
 import VPMenuLink from 'vitepress/dist/client/theme-default/components/VPMenuLink.vue'
+import DefaultTheme from 'vitepress/theme'
 import FeatureTag from './FeatureTag.vue'
 
 const { Layout } = DefaultTheme

docs/.vitepress/theme/components/LinkInline.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { withBase } from 'vitepress'
 import { Tooltip } from 'floating-vue'
+import { withBase } from 'vitepress'
 import { computed } from 'vue'
 import { resolveLink } from '../../utils'
 

docs/.vitepress/theme/components/ThemeInfo.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { isClient, useIntervalFn } from '@vueuse/core'
 import type { ThemeInfo } from '../../themes'
+import { isClient, useIntervalFn } from '@vueuse/core'
+import { ref } from 'vue'
 
 const props = defineProps<{
   theme: ThemeInfo

docs/.vitepress/theme/index.ts

@@ -1,6 +1,6 @@
-import Theme from 'vitepress/theme'
 import type { EnhanceAppContext } from 'vitepress'
 import TwoSlash from '@shikijs/vitepress-twoslash/client'
+import Theme from 'vitepress/theme'
 import Layout from './components/Layout.vue'
 
 import '@shikijs/vitepress-twoslash/style.css'

docs/custom/config-context-menu.md

@@ -1,40 +1,32 @@
-# Configure Context Menu
-
-<Environment type="client" />
-
-Customize the context menu items in Slidev.
-
-Create `./setup/context-menu.ts` with the following content:
-
-<!-- eslint-disable import/first -->
-
-```ts twoslash
+import { useNav } from '@slidev/client'
+/_ eslint-disable import/first _/
 // ---cut---
 import { defineContextMenuSetup } from '@slidev/types'
-import { useNav } from '@slidev/client'
 import { computed } from 'vue'
 // ---cut-start---
 // @ts-expect-error missing types
 // ---cut-end---
 import Icon3DCursor from '~icons/carbon/3d-cursor'
 
 export default defineContextMenuSetup((items) => {
-  const { isPresenter } = useNav()
-  return computed(() => [
-    ...items.value,
-    {
-      small: false,
-      icon: Icon3DCursor, // if `small` is `true`, only the icon is shown
-      label: 'Custom Menu Item', // or a Vue component
-      action() {
-        alert('Custom Menu Item Clicked!')
-      },
-      disabled: isPresenter.value,
-    },
-  ])
+const { isPresenter } = useNav()
+return computed(() => [
+...items.value,
+{
+small: false,
+icon: Icon3DCursor, // if `small` is `true`, only the icon is shown
+label: 'Custom Menu Item', // or a Vue component
+action() {
+alert('Custom Menu Item Clicked!')
+},
+disabled: isPresenter.value,
+},
+])
 })
+
 ```
 
 This will append a new menu item to the context menu.
 
 To disable context menu globally, set `contextMenu` to `false` in the frontmatter. `contextMenu` can also be set to `dev` or `build` to only enable the context menu in development or build mode.
+```

docs/custom/config-vite.md

@@ -51,8 +51,8 @@ See the [type declarations](https://github.com/slidevjs/slidev/blob/main/package
 It is not allowed to re-add plugins that has been used internally be Slidev. For example, instead of
 
 ```ts twoslash
-import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

docs/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.49.29",
   "private": true,
-  "packageManager": "pnpm@9.9.0",
+  "packageManager": "pnpm@9.11.0",
   "scripts": {
     "dev": "vitepress",
     "build": "vitepress build",

docs/vite.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig } from 'vite'
-import Icons from 'unplugin-icons/vite'
+import UnoCSS from 'unocss/vite'
 import IconsResolver from 'unplugin-icons/resolver'
+import Icons from 'unplugin-icons/vite'
 import Components from 'unplugin-vue-components/vite'
+import { defineConfig } from 'vite'
 import Inspect from 'vite-plugin-inspect'
-import UnoCSS from 'unocss/vite'
 
 export default defineConfig({
   optimizeDeps: {

package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "version": "0.49.29",
   "private": true,
-  "packageManager": "pnpm@9.9.0",
+  "packageManager": "pnpm@9.11.0",
   "engines": {
     "node": ">=18.0.0"
   },

packages/client/builtin/Arrow.vue

@@ -9,8 +9,8 @@ Simple Arrow
 -->
 
 <script setup lang="ts">
-import { ref } from 'vue'
 import { onClickOutside } from '@vueuse/core'
+import { ref } from 'vue'
 import { makeId } from '../logic/utils'
 
 defineProps<{

packages/client/builtin/CodeBlockWrapper.vue

@@ -12,13 +12,13 @@ Learn more: https://sli.dev/guide/syntax.html#line-highlighting
 -->
 
 <script setup lang="ts">
+import type { PropType } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
-import type { PropType } from 'vue'
-import { configs } from '../env'
-import { makeId, updateCodeHighlightRange } from '../logic/utils'
 import { CLASS_VCLICK_HIDDEN, CLICKS_MAX } from '../constants'
 import { useSlideContext } from '../context'
+import { configs } from '../env'
+import { makeId, updateCodeHighlightRange } from '../logic/utils'
 
 const props = defineProps({
   ranges: {

packages/client/builtin/KaTexBlockWrapper.vue

@@ -20,12 +20,12 @@ Learn more: https://sli.dev/guide/syntax.html#latex-line-highlighting
 -->
 
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import type { PropType } from 'vue'
 import { parseRangeString } from '@slidev/parser'
+import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import { CLASS_VCLICK_HIDDEN, CLASS_VCLICK_TARGET, CLICKS_MAX } from '../constants'
-import { makeId } from '../logic/utils'
 import { useSlideContext } from '../context'
+import { makeId } from '../logic/utils'
 
 const props = defineProps({
   ranges: {

packages/client/builtin/Mermaid.vue

@@ -14,9 +14,9 @@ pie
 
 <script setup lang="ts">
 import { getCurrentInstance, ref, watch, watchEffect } from 'vue'
-import { renderMermaid } from '../modules/mermaid'
 import ShadowRoot from '../internals/ShadowRoot.vue'
 import { isDark } from '../logic/dark'
+import { renderMermaid } from '../modules/mermaid'
 
 const props = defineProps<{
   codeLz: string

packages/client/builtin/Monaco.vue

@@ -12,15 +12,15 @@ Learn more: https://sli.dev/guide/syntax.html#monaco-editor
 -->
 
 <script setup lang="ts">
+import type { RawAtValue } from '@slidev/types'
+import type * as monaco from 'monaco-editor'
 import { debounce } from '@antfu/utils'
+import { whenever } from '@vueuse/core'
 import lz from 'lz-string'
-import type * as monaco from 'monaco-editor'
 import { computed, defineAsyncComponent, nextTick, onMounted, ref } from 'vue'
-import type { RawAtValue } from '@slidev/types'
-import { whenever } from '@vueuse/core'
-import { makeId } from '../logic/utils'
-import { useSlideContext } from '../context'
 import { useNav } from '../composables/useNav'
+import { useSlideContext } from '../context'
+import { makeId } from '../logic/utils'
 
 const props = withDefaults(defineProps<{
   codeLz: string

packages/client/builtin/RenderWhen.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { RenderContext } from '@slidev/types'
-import { computed, ref } from 'vue'
 import { useElementVisibility } from '@vueuse/core'
-import { useSlideContext } from '../context'
+import { computed, ref } from 'vue'
 import { useNav } from '../composables/useNav'
+import { useSlideContext } from '../context'
 
 type Context = 'main' | 'visible' | 'print' | RenderContext