vuepress-plugin-md-power 1.0.0-rc.174 → 1.0.0-rc.176

package/lib/client/components/Annotation.vue

@@ -4,13 +4,13 @@ import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
 
 import '@vuepress/helper/transition/fade-in.css'
 
-const props = defineProps<{
+const { label, total } = defineProps<{
   label: string
   total: number
 }>()
 
 const active = ref(false)
-const list = computed(() => Array.from({ length: props.total }, (_, i) => i))
+const list = computed(() => Array.from({ length: total }, (_, i) => i))
 const position = ref({ x: 0, y: 0 })
 
 const popover = useTemplateRef<HTMLDivElement>('popover')

package/lib/client/components/AudioReader.vue

@@ -3,7 +3,7 @@ import { useInterval } from '@vueuse/core'
 import { onMounted, toRef, watch } from 'vue'
 import { useAudioPlayer } from '../composables/audio.js'
 
-const props = defineProps<{
+const { src, autoplay, type, volume, startTime, endTime } = defineProps<{
   src: string
   autoplay?: boolean
   type?: string
@@ -13,20 +13,19 @@ const props = defineProps<{
 }>()
 
 const { paused, play, pause, seek, setVolume } = useAudioPlayer(
-  toRef(() => props.src),
+  toRef(() => src),
   {
-    type: toRef(() => props.type || ''),
-    autoplay: props.autoplay,
+    type: toRef(() => type || ''),
+    autoplay,
     oncanplay: () => {
-      if (props.startTime) {
-        seek(props.startTime)
-      }
+      if (startTime)
+        seek(startTime)
     },
     ontimeupdate: (time) => {
-      if (props.endTime && time >= props.endTime) {
+      if (endTime && time >= endTime) {
         pause()
-        if (props.startTime) {
-          seek(props.startTime)
+        if (startTime) {
+          seek(startTime)
         }
       }
     },
@@ -56,7 +55,7 @@ function toggle() {
 }
 
 onMounted(() => {
-  watch(() => props.volume, (volume) => {
+  watch(() => volume, (volume) => {
     if (typeof volume !== 'undefined') {
       setVolume(volume)
     }

package/lib/client/components/CanIUse.vue

@@ -12,16 +12,12 @@ interface MessageData {
   }
 }
 
-const props = withDefaults(defineProps<{
+const { feature, past = 2, future = 1, meta = '' } = defineProps<{
   feature: string
   past?: number
   future?: number
   meta?: string
-}>(), {
-  past: 2,
-  future: 1,
-  meta: '',
-})
+}>()
 
 const url = 'https://caniuse.pengzhanbo.cn/'
 
@@ -29,7 +25,7 @@ const height = ref('330px')
 
 const isDark = useDarkMode()
 const source = computed(() => {
-  const source = `${url}${props.feature}#past=${props.past}&future=${props.future}&meta=${props.meta}&theme=${isDark.value ? 'dark' : 'light'}`
+  const source = `${url}${feature}#past=${past}&future=${future}&meta=${meta}&theme=${isDark.value ? 'dark' : 'light'}`
 
   return source
 })
@@ -40,8 +36,8 @@ useEventListener('message', (event) => {
   if (
     type === 'ciu_embed'
     && payload
-    && payload.feature === props.feature
-    && payload.meta === props.meta
+    && payload.feature === feature
+    && payload.meta === meta
   ) {
     height.value = `${Math.ceil(payload.height)}px`
   }

package/lib/client/components/CodePen.vue

@@ -2,7 +2,7 @@
 import { useDarkMode } from '@vuepress/helper/client'
 import { computed } from 'vue'
 
-const props = defineProps<{
+const { user, slash, title, preview, editable, tab, theme, width, height } = defineProps<{
   user: string
   slash: string
   title?: string
@@ -19,16 +19,16 @@ const CODEPEN_LINK = 'https://codepen.io/'
 const isDark = useDarkMode()
 
 const link = computed(() => {
-  const middle = props.preview ? '/embed/preview/' : '/embed/'
+  const middle = preview ? '/embed/preview/' : '/embed/'
   const params = new URLSearchParams()
 
-  props.editable && params.set('editable', 'true')
-  props.tab && params.set('default-tab', props.tab)
+  editable && params.set('editable', 'true')
+  tab && params.set('default-tab', tab)
 
-  const theme = props.theme ?? (isDark.value ? 'dark' : 'light')
-  theme && params.set('theme-id', theme)
+  const themeMode = theme ?? (isDark.value ? 'dark' : 'light')
+  themeMode && params.set('theme-id', themeMode)
 
-  return `${CODEPEN_LINK}${props.user}${middle}${props.slash}?${params.toString()}`
+  return `${CODEPEN_LINK}${user}${middle}${slash}?${params.toString()}`
 })
 </script>
 

package/lib/client/components/FileTreeNode.vue

@@ -2,7 +2,7 @@
 import type { Ref } from 'vue'
 import { inject, ref } from 'vue'
 
-const props = defineProps<{
+const { type, filename, level, diff, expanded, focus, filepath } = defineProps<{
   type: 'file' | 'folder'
   filename: string
   level: number
@@ -18,17 +18,17 @@ const onNodeClick = inject<
   (filename: string, type: 'file' | 'folder') => void
 >('on-file-tree-node-click', () => {})
 
-const active = ref(props.expanded)
+const active = ref(expanded)
 
 function nodeClick() {
-  if (props.filename === '…' || props.filename === '...')
+  if (filename === '…' || filename === '...')
     return
 
-  onNodeClick(props.filepath || props.filename, props.type)
+  onNodeClick(filepath || filename, type)
 }
 
 function toggle(ev: MouseEvent) {
-  if (props.type === 'folder') {
+  if (type === 'folder') {
     const el = ev.target as HTMLElement
     if (!el.matches('.comment, .comment *')) {
       active.value = !active.value

package/lib/client/components/JsFiddle.vue

@@ -2,7 +2,7 @@
 import { useDarkMode } from '@vuepress/helper/client'
 import { computed } from 'vue'
 
-const props = defineProps<{
+const { source, title, tab, theme, width, height } = defineProps<{
   source: string
   title?: string
   tab: string
@@ -14,8 +14,8 @@ const props = defineProps<{
 const isDark = useDarkMode()
 
 const link = computed(() => {
-  const theme = props.theme === 'dark' ? '/dark/' : isDark.value ? '/dark/' : ''
-  return `https://jsfiddle.net/${props.source}/embedded/${props.tab}${theme}`
+  const themeMode = theme === 'dark' ? '/dark/' : isDark.value ? '/dark/' : ''
+  return `https://jsfiddle.net/${source}/embedded/${tab}${themeMode}`
 })
 </script>
 

package/lib/client/components/Replit.vue

@@ -8,7 +8,7 @@ defineOptions({
   inheritAttrs: false,
 })
 
-const props = defineProps<ReplitTokenMeta>()
+const { source, theme, width, height: h, title } = defineProps<ReplitTokenMeta>()
 
 // magic height
 const height = ref('47px')
@@ -19,18 +19,18 @@ const REPLIT_LINK = 'https://replit.com/'
 const isDark = useDarkMode()
 
 const link = computed(() => {
-  const url = new URL(`/${props.source}`, REPLIT_LINK)
+  const url = new URL(`/${source}`, REPLIT_LINK)
   url.searchParams.set('embed', 'true')
 
-  const theme = props.theme || (isDark.value ? 'dark' : 'light')
-  url.searchParams.set('theme', theme)
+  const themeMode = theme || (isDark.value ? 'dark' : 'light')
+  url.searchParams.set('theme', themeMode)
 
   return url.toString()
 })
 
 function onload() {
   loaded.value = true
-  height.value = props.height || '450px'
+  height.value = h || '450px'
 }
 </script>
 

package/lib/client/components/Tabs.vue

@@ -5,27 +5,27 @@ import { onMounted, ref, shallowRef, watch } from 'vue'
 interface TabProps extends Record<string, unknown> {
   id: string
 }
-const props = withDefaults(defineProps<{
+const { id, tabId = '', active = 0, data } = defineProps<{
   id: string
   tabId?: string
   active?: number
   data: TabProps[]
-}>(), { active: 0, tabId: '' })
+}>()
 
 const TAB_STORE_NAME = 'VUEPRESS_TAB_STORE'
 
 const tabStore = useStorage<Record<string, string>>(TAB_STORE_NAME, {})
 
 // Index of current active item
-const activeIndex = ref(props.active)
+const activeIndex = ref(active)
 
 // Refs of the tab buttons
 const tabRefs = shallowRef<HTMLUListElement[]>([])
 
 // Update store
 function updateStore(): void {
-  if (props.tabId)
-    tabStore.value[props.tabId] = props.data[activeIndex.value].id
+  if (tabId)
+    tabStore.value[tabId] = data[activeIndex.value]?.id
 }
 
 // Activate next tab
@@ -59,26 +59,26 @@ function keyboardHandler(event: KeyboardEvent, index: number): void {
 }
 
 function getInitialIndex(): number {
-  if (props.tabId) {
-    const valueIndex = props.data.findIndex(
-      ({ id }) => tabStore.value[props.tabId] === id,
+  if (tabId) {
+    const valueIndex = data.findIndex(
+      ({ id }) => tabStore.value[tabId] === id,
     )
 
     if (valueIndex !== -1)
       return valueIndex
   }
 
-  return props.active
+  return active
 }
 
 onMounted(() => {
   activeIndex.value = getInitialIndex()
 
   watch(
-    () => tabStore.value[props.tabId],
+    () => tabStore.value[tabId],
     (newValue, oldValue) => {
-      if (props.tabId && newValue !== oldValue) {
-        const index = props.data.findIndex(({ id }) => id === newValue)
+      if (tabId && newValue !== oldValue) {
+        const index = data.findIndex(({ id }) => id === newValue)
 
         if (index !== -1)
           activeIndex.value = index

package/lib/client/components/VPCodeTree.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { onMounted, provide, ref, useTemplateRef, watch } from 'vue'
 
-const props = withDefaults(defineProps<{
+const { title, height = '320px', entryFile } = defineProps<{
   title?: string
   height?: string
   entryFile?: string
-}>(), { height: '320px' })
+}>()
 
-const activeNode = ref(props.entryFile || '')
+const activeNode = ref(entryFile || '')
 const isEmpty = ref(true)
 const codePanel = useTemplateRef<HTMLDivElement>('codePanel')
 
@@ -44,7 +44,7 @@ onMounted(() => {
 
 <template>
   <div class="vp-code-tree">
-    <div class="code-tree-panel" :style="{ 'max-height': props.height }">
+    <div class="code-tree-panel" :style="{ 'max-height': height }">
       <div v-if="title" class="code-tree-title" :title="title">
         <span>{{ title }}</span>
       </div>
@@ -52,7 +52,7 @@ onMounted(() => {
         <slot name="file-tree" />
       </div>
     </div>
-    <div ref="codePanel" class="code-panel" :style="{ height: props.height }">
+    <div ref="codePanel" class="code-panel" :style="{ height }">
       <slot />
       <div v-if="isEmpty" class="code-tree-empty">
         <span class="vpi-code-tree-empty" />

package/lib/client/components/VPCollapse.vue

@@ -2,15 +2,15 @@
 import { provide, ref } from 'vue'
 import { INJECT_COLLAPSE_KEY } from '../options.js'
 
-const props = defineProps<{
+const { accordion, index } = defineProps<{
   accordion?: boolean
   index?: number
 }>()
 
-const currentIndex = ref<number | undefined>(props.index)
+const currentIndex = ref<number | undefined>(index)
 
 provide(INJECT_COLLAPSE_KEY, {
-  accordion: props.accordion ?? false,
+  accordion: accordion ?? false,
   index: currentIndex,
 })
 </script>

package/lib/client/components/VPCollapseItem.vue

@@ -6,7 +6,7 @@ import { INJECT_COLLAPSE_KEY } from '../options.js'
 
 import '@vuepress/helper/transition/fade-in-height-expand.css'
 
-const props = defineProps<{
+const { expand, index } = defineProps<{
   expand?: boolean
   index: number
 }>()
@@ -20,36 +20,36 @@ if (__VUEPRESS_DEV__ && !collapse) {
   throw new Error('<VPCollapseItem /> must be used inside <VPCollapse />')
 }
 
-const expand = ref(
+const expanded = ref(
   collapse?.accordion && typeof collapse.index.value !== 'undefined'
-    ? props.index === collapse.index.value
-    : props.expand,
+    ? index === collapse.index.value
+    : expand,
 )
 
 if (collapse?.accordion) {
   watch(collapse?.index, () => {
-    expand.value = collapse?.index.value === props.index
+    expanded.value = collapse?.index.value === index
   })
 }
 
 function toggle() {
   if (collapse?.accordion) {
-    if (collapse.index.value === props.index && expand.value) {
-      expand.value = false
+    if (collapse.index.value === index && expanded.value) {
+      expanded.value = false
     }
     else {
-      collapse!.index.value = props.index!
-      expand.value = true
+      collapse!.index.value = index!
+      expanded.value = true
     }
   }
   else {
-    expand.value = !expand.value
+    expanded.value = !expanded.value
   }
 }
 </script>
 
 <template>
-  <div class="vp-collapse-item" :class="{ expand }">
+  <div class="vp-collapse-item" :class="{ expanded }">
     <div class="vp-collapse-header" @click="toggle">
       <span class="vpi-chevron-right" />
       <p class="vp-collapse-title">
@@ -57,7 +57,7 @@ function toggle() {
       </p>
     </div>
     <FadeInExpandTransition>
-      <div v-show="expand" class="vp-collapse-content">
+      <div v-show="expanded" class="vp-collapse-content">
         <div class="vp-collapse-content-inner">
           <slot />
         </div>
@@ -95,7 +95,7 @@ function toggle() {
   transform: rotate(0deg);
 }
 
-.vp-collapse-item.expand .vpi-chevron-right {
+.vp-collapse-item.expanded .vpi-chevron-right {
   transform: rotate(90deg);
 }
 

package/lib/client/components/VPDemoBasic.vue

@@ -8,14 +8,14 @@ import { useExpand } from '../composables/demo.js'
 import '@vuepress/helper/transition/fade-in-height-expand.css'
 import '../styles/demo.css'
 
-const props = defineProps<{
+const { type, title, desc, expanded } = defineProps<{
   type?: 'vue' | 'markdown'
   title?: string
   desc?: string
   expanded?: boolean
 }>()
 
-const [showCode, toggleCode] = useExpand(props.expanded)
+const [showCode, toggleCode] = useExpand(expanded)
 
 const draw = useTemplateRef<HTMLIFrameElement>('draw')
 const vueDraw = useTemplateRef<HTMLIFrameElement>('draw-vue')
@@ -30,7 +30,7 @@ function resizeAndPositionVueDraw() {
   vueDraw.value.style.left = `${rect.x + scrollLeft}px`
 }
 
-if (props.type === 'vue' && !__VUEPRESS_SSR__) {
+if (type === 'vue' && !__VUEPRESS_SSR__) {
   watch([draw, vueDraw], () => {
     resizeAndPositionVueDraw()
     if (draw.value && vueDraw.value) {

package/lib/client/components/VPDemoNormal.vue

@@ -8,29 +8,29 @@ import '@vuepress/helper/transition/fade-in.css'
 import '@vuepress/helper/transition/fade-in-height-expand.css'
 import '../styles/demo.css'
 
-const props = defineProps<{
+const { title, desc, expanded, config } = defineProps<{
   title?: string
   desc?: string
   expanded?: boolean
   config?: DemoConfig
 }>()
 
-const [showCode, toggleCode] = useExpand(props.expanded)
+const [showCode, toggleCode] = useExpand(expanded)
 
 const { resources, showResources, toggleResources } = useResources(
   useTemplateRef<HTMLDivElement>('resourcesEl'),
-  () => props.config,
+  () => config,
 )
 
 const { id, height } = useNormalDemo(
   useTemplateRef<HTMLIFrameElement>('draw'),
-  () => props.title,
-  () => props.config,
+  () => title,
+  () => config,
 )
 
 const data = useFence(
   useTemplateRef<HTMLDivElement>('fence'),
-  () => props.config,
+  () => config,
 )
 </script>
 

package/lib/client/components/VPTable.vue

@@ -3,7 +3,7 @@ import { decodeData } from '@vuepress/helper/client'
 import { useClipboard, useToggle } from '@vueuse/core'
 import { computed, useTemplateRef } from 'vue'
 
-const props = defineProps<{
+const { title, align = 'left', copy, maxContent, fullWidth, markdown } = defineProps<{
   /** 表格标题 */
   title?: string
   /** 对其方式 */
@@ -12,12 +12,14 @@ const props = defineProps<{
   copy?: false | 'all' | 'html' | 'md'
   /** 最大化内容 */
   maxContent?: boolean
+  /** 填充整行宽度 */
+  fullWidth?: boolean
   /** @internal */
   markdown?: string
 }>()
 
 const tableEl = useTemplateRef('table')
-const rawContent = computed(() => props.markdown ? decodeData(props.markdown) : '')
+const rawContent = computed(() => markdown ? decodeData(markdown) : '')
 
 const [isHTMLCopied, toggleHTMLCopy] = useToggle()
 const [isMDCopied, toggleMDCopy] = useToggle()
@@ -33,7 +35,7 @@ function onCopy(type: 'html' | 'md') {
 </script>
 
 <template>
-  <div class="vp-table" :class="{ [align || 'left']: true }">
+  <div class="vp-table" :class="{ [align]: true, full: fullWidth }">
     <div class="table-container">
       <div class="table-content">
         <div v-if="copy" class="table-toolbar">
@@ -144,6 +146,13 @@ function onCopy(type: 'html' | 'md') {
   width: max-content;
 }
 
+.vp-table.full,
+.vp-table.full .table-container,
+.vp-table.full .table-content,
+.vp-table.full .table-content table {
+  min-width: 100%;
+}
+
 /* -----  Highlight --------- */
 .vp-table table th.tip,
 .vp-table table td.tip,

package/lib/client/components/VPTimeline.vue

@@ -2,7 +2,7 @@
 import { computed, provide } from 'vue'
 import { INJECT_TIMELINE_KEY } from '../options.js'
 
-const props = defineProps<{
+const { horizontal, card, placement, line } = defineProps<{
   horizontal?: boolean
   card?: boolean
   placement?: 'left' | 'right' | 'between'
@@ -10,10 +10,10 @@ const props = defineProps<{
 }>()
 
 provide(INJECT_TIMELINE_KEY, computed(() => ({
-  line: props.line || 'solid',
-  card: props.card ?? false,
-  horizontal: props.horizontal ?? false,
-  placement: props.placement || 'left',
+  line: line || 'solid',
+  card: card ?? false,
+  horizontal: horizontal ?? false,
+  placement: placement || 'left',
 })))
 </script>
 

package/lib/client/components/VPTimelineItem.vue

@@ -4,7 +4,7 @@ import { useMediaQuery } from '@vueuse/core'
 import { computed, inject } from 'vue'
 import { INJECT_TIMELINE_KEY } from '../options.js'
 
-const props = defineProps<{
+const { time, type, card, line, icon, color, placement } = defineProps<{
   time?: string
   type?: 'info' | 'tip' | 'success' | 'warning' | 'danger' | 'caution' | 'important' | (string & {})
   card?: boolean
@@ -25,17 +25,17 @@ const defaultOptions = inject<ComputedRef<{
 
 const timeline = computed(() => {
   const between = defaultOptions?.value.placement === 'between' && !is639.value
-  const placement = defaultOptions?.value.placement === 'between' ? 'left' : defaultOptions?.value.placement
+  const defaultPlacement = defaultOptions?.value.placement === 'between' ? 'left' : defaultOptions?.value.placement
   return {
-    time: props.time,
-    type: props.type || 'info',
-    line: props.line || defaultOptions?.value.line || 'solid',
-    icon: props.icon,
-    color: props.color,
+    time,
+    type: type || 'info',
+    line: line || defaultOptions?.value.line || 'solid',
+    icon,
+    color,
     horizontal: defaultOptions?.value.horizontal ?? false,
-    between: between ? props.placement || 'left' : false,
-    placement: between ? '' : (placement || 'left'),
-    card: props.card ?? defaultOptions?.value.card ?? false,
+    between: between ? placement || 'left' : false,
+    placement: between ? '' : (defaultPlacement || 'left'),
+    card: card ?? defaultOptions?.value.card ?? false,
   }
 })
 </script>

package/lib/client/composables/codeRepl.js

@@ -1,4 +1,4 @@
-import { t as rustExecute } from "./rustRepl-DU344AGc.js";
+import { t as rustExecute } from "./rustRepl-B5uio_ep.js";
 import { onMounted, ref } from "vue";
 import { http } from "../utils/http.js";
 import { sleep } from "../utils/sleep.js";

package/lib/client/composables/{rustRepl-DU344AGc.js → rustRepl-B5uio_ep.js}

@@ -1,6 +1,11 @@
 import { tryOnScopeDispose } from "@vueuse/core";
 
 //#region src/client/composables/rustRepl.ts
+/**
+* 相比于 golang 和 kotlin 可以比较简单的实现，
+* rust 需要通过 websocket 建立连接在实现交互，因此，将其进行一些包装，
+* 方便在 codeRepl 中使用
+*/
 const wsUrl = "wss://play.rust-lang.org/websocket";
 const payloadType = {
 	connected: "websocket/connected",

package/lib/client/composables/rustRepl.js

@@ -1,3 +1,3 @@
-import { t as rustExecute } from "./rustRepl-DU344AGc.js";
+import { t as rustExecute } from "./rustRepl-B5uio_ep.js";
 
 export { rustExecute };

package/lib/node/index.d.ts

@@ -268,6 +268,12 @@ interface TableContainerOptions {
    * @default false
    */
   maxContent?: boolean;
+  /**
+   * 表格宽度是否填充整行宽度
+   *
+   * @default false
+   */
+  fullWidth?: boolean;
 }
 //#endregion
 //#region src/shared/plugin.d.ts

package/lib/node/index.js

@@ -1939,6 +1939,7 @@ async function read(file) {
 
 //#endregion
 //#region src/node/utils/logger.ts
+/* istanbul ignore file -- @preserve */
 /**
 * Logger utils
 */
@@ -2441,6 +2442,7 @@ function tablePlugin(md, options = {}) {
 		const props = {
 			copy: true,
 			maxContent: false,
+			fullWidth: false,
 			...options,
 			...meta
 		};

package/lib/shared/index.d.ts

@@ -266,6 +266,12 @@ interface TableContainerOptions {
    * @default false
    */
   maxContent?: boolean;
+  /**
+   * 表格宽度是否填充整行宽度
+   *
+   * @default false
+   */
+  fullWidth?: boolean;
 }
 //#endregion
 //#region src/shared/plugin.d.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.174",
+  "version": "1.0.0-rc.176",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -33,14 +33,14 @@
   "peerDependencies": {
     "artplayer": "^5.3.0",
     "dashjs": "^5.0.3",
-    "esbuild": "^0.25.11",
-    "hls.js": "^1.6.13",
+    "esbuild": "^0.26.0",
+    "hls.js": "^1.6.14",
     "less": "^4.4.2",
     "markdown-it": "^14.1.0",
     "mpegts.js": "^1.7.3",
     "pyodide": "^0.29.0",
-    "sass": "^1.93.2",
-    "sass-embedded": "^1.93.2",
+    "sass": "^1.93.3",
+    "sass-embedded": "^1.93.3",
     "stylus": "^0.64.0",
     "vuepress": "2.0.0-rc.26"
   },
@@ -77,7 +77,7 @@
     }
   },
   "dependencies": {
-    "@mdit/plugin-attrs": "^0.23.2",
+    "@mdit/plugin-attrs": "^0.23.3",
     "@mdit/plugin-footnote": "^0.22.3",
     "@mdit/plugin-mark": "^0.22.1",
     "@mdit/plugin-sub": "^0.22.2",
@@ -85,7 +85,7 @@
     "@mdit/plugin-tab": "^0.22.3",
     "@mdit/plugin-tasklist": "^0.22.2",
     "@pengzhanbo/utils": "^2.1.0",
-    "@vuepress/helper": "2.0.0-rc.115",
+    "@vuepress/helper": "2.0.0-rc.118",
     "@vueuse/core": "^14.0.0",
     "chokidar": "4.0.3",
     "image-size": "^2.0.2",
@@ -93,16 +93,16 @@
     "lru-cache": "^11.2.2",
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.1.6",
-    "shiki": "^3.13.0",
-    "tm-grammars": "^1.25.0",
+    "shiki": "^3.15.0",
+    "tm-grammars": "^1.25.3",
     "tm-themes": "^1.10.12",
-    "vue": "^3.5.22"
+    "vue": "^3.5.24"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2",
     "artplayer": "^5.3.0",
     "dashjs": "^5.0.3",
-    "hls.js": "^1.6.13",
+    "hls.js": "^1.6.14",
     "mpegts.js": "1.7.3"
   },
   "publishConfig": {