vuepress-plugin-md-power 1.0.0-rc.132 → 1.0.0-rc.134

package/lib/client/components/Abbreviation.vue

@@ -34,18 +34,20 @@ watch(show, () => nextTick(() => {
 <template>
   <span class="vp-abbr" @mouseenter="show = true" @mouseleave="show = false">
     <slot />
-    <Transition name="fade">
-      <span v-show="show" ref="tooltip" class="vp-abbr-tooltip" :style="styles">
-        <slot name="tooltip" />
-      </span>
-    </Transition>
+    <ClientOnly>
+      <Transition name="fade">
+        <span v-show="show" ref="tooltip" class="vp-abbr-tooltip ignore-header" :style="styles">
+          <slot name="tooltip" />
+        </span>
+      </Transition>
+    </ClientOnly>
   </span>
 </template>
 
 <style>
 :root {
   --vp-abbr-bg: var(--vp-c-bg);
-  --vp-abbr-text: var(--vp-c-text-2);
+  --vp-abbr-text: var(--vp-c-text-1);
   --vp-abbr-border: var(--vp-c-divider);
   --vp-abbr-transform: translateX(-50%);
   --vp-abbr-space-transform: translateX(-50%);
@@ -66,7 +68,7 @@ watch(show, () => nextTick(() => {
   width: max-content;
   max-width: min(calc(100vw - 32px), 360px);
   padding: 8px 14px;
-  font-size: 0.875em;
+  font-size: 14px;
   line-height: 1.7;
   color: var(--vp-abbr-text);
   cursor: auto;

package/lib/client/components/Annotation.vue

@@ -24,32 +24,41 @@ function updatePosition() {
     return
   const { x: _x, y: _y, width: w, height: h } = button.value.getBoundingClientRect()
   const x = _x + w / 2
-  const y = _y + h
+  const y = _y + h / 2
 
   const { width, height } = popover.value.getBoundingClientRect()
   const { clientWidth, clientHeight } = document.documentElement
   position.value.x = x + width + 16 > clientWidth ? clientWidth - x - width - 16 : 0
-  position.value.y = y + height + 16 > clientHeight ? clientHeight - y - height - 16 : 0
+
+  if (y > clientHeight - 16) {
+    active.value = false
+  }
+  else {
+    position.value.y = y + height + 16 > clientHeight ? clientHeight - y - height - 16 : 0
+  }
 }
 
 watch(active, () => nextTick(updatePosition))
 useEventListener('resize', updatePosition)
+useEventListener('scroll', updatePosition, { passive: true })
 </script>
 
 <template>
-  <span class="vp-annotation" :class="{ active, [label]: true }" :aria-label="label">
+  <span class="vp-annotation ignore-header" :class="{ active, [label]: true }" :aria-label="label">
     <span ref="button" class="vpi-annotation" @click="active = !active" />
-    <Transition name="fade">
-      <div
-        v-show="active" ref="popover"
-        class="annotations-popover" :class="{ list: list.length > 1 }"
-        :style="{ '--vp-annotation-x': `${position.x}px`, '--vp-annotation-y': `${position.y}px` }"
-      >
-        <div v-for="i in list" :key="label + i" class="annotation">
-          <slot :name="`item-${i}`" />
+    <ClientOnly>
+      <Transition name="fade">
+        <div
+          v-show="active" ref="popover"
+          class="annotations-popover" :class="{ list: list.length > 1 }"
+          :style="{ '--vp-annotation-x': `${position.x}px`, '--vp-annotation-y': `${position.y}px` }"
+        >
+          <div v-for="i in list" :key="label + i" class="annotation">
+            <slot :name="`item-${i}`" />
+          </div>
         </div>
-      </div>
-    </Transition>
+      </Transition>
+    </ClientOnly>
   </span>
 </template>
 
@@ -73,6 +82,12 @@ useEventListener('resize', updatePosition)
   transform: rotate(0deg);
 }
 
+@media print {
+  .vpi-annotation {
+    display: none;
+  }
+}
+
 .vp-annotation.active {
   z-index: 10;
 }
@@ -94,13 +109,15 @@ useEventListener('resize', updatePosition)
   max-width: min(calc(100vw - 32px), 360px);
   max-height: 360px;
   padding: 8px 12px;
-  overflow-y: auto;
+  overflow: auto;
   font-size: 14px;
+  font-weight: normal;
   background-color: var(--vp-c-bg);
   border: solid 1px var(--vp-c-divider);
   border-radius: 4px;
   box-shadow: var(--vp-shadow-2);
-  transform: translateX(var(--vp-annotation-x, 0)) translateY(var(--vp-annotation-y, 0));
+  transform: translateX(var(--vp-annotation-x, 0)) translateY(var(--vp-annotation-y, 0)) translateZ(0);
+  will-change: transform;
 }
 
 .annotations-popover.list {
@@ -117,4 +134,25 @@ useEventListener('resize', updatePosition)
   border-radius: 4px;
   box-shadow: var(--vp-shadow-1);
 }
+
+.annotations-popover :deep(p) {
+  margin: 12px 0;
+  line-height: 24px;
+}
+
+.annotations-popover :deep(:first-child) {
+  margin-top: 4px;
+}
+
+.annotations-popover :deep(:last-child) {
+  margin-bottom: 4px;
+}
+
+.annotations-popover.list :deep(:first-child) {
+  margin-top: 8px;
+}
+
+.annotations-popover.list :deep(:last-child) {
+  margin-bottom: 8px;
+}
 </style>

package/lib/client/components/CanIUse.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
+import { useDarkMode } from '@vuepress/helper/client'
 import { useEventListener } from '@vueuse/core'
-import { computed, getCurrentInstance, ref } from 'vue'
+import { computed, ref } from 'vue'
 
 interface MessageData {
   type: string
@@ -23,11 +24,10 @@ const props = withDefaults(defineProps<{
 })
 
 const url = 'https://caniuse.pengzhanbo.cn/'
-const current = getCurrentInstance()
 
 const height = ref('330px')
 
-const isDark = computed(() => current?.appContext.config.globalProperties.$isDark.value)
+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'}`
 

package/lib/client/components/CodePen.vue

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { useDarkMode } from '@vuepress/helper/client'
+import { computed } from 'vue'
+
+const props = defineProps<{
+  user: string
+  slash: string
+  title?: string
+  preview?: boolean
+  editable?: boolean
+  tab?: string
+  theme?: 'light' | 'dark'
+  width?: string
+  height?: string
+}>()
+
+const CODEPEN_LINK = 'https://codepen.io/'
+
+const isDark = useDarkMode()
+
+const link = computed(() => {
+  const middle = props.preview ? '/embed/preview/' : '/embed/'
+  const params = new URLSearchParams()
+
+  props.editable && params.set('editable', 'true')
+  props.tab && params.set('default-tab', props.tab)
+
+  const theme = props.theme ?? (isDark.value ? 'dark' : 'light')
+  theme && params.set('theme-id', theme)
+
+  return `${CODEPEN_LINK}${props.user}${middle}${props.slash}?${params.toString()}`
+})
+</script>
+
+<template>
+  <iframe
+    :src="link"
+    class="code-pen-iframe"
+    :title="title"
+    :style="{ width, height }"
+    frameborder="0"
+    loading="lazy"
+    allowtransparency="true"
+    allowfullscreen="true"
+  />
+</template>
+
+<style>
+.code-pen-iframe {
+  margin: 16px auto;
+  border: none;
+  box-shadow: var(--vp-shadow-2);
+}
+</style>

package/lib/client/components/JsFiddle.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { useDarkMode } from '@vuepress/helper/client'
+import { computed } from 'vue'
+
+const props = defineProps<{
+  source: string
+  title?: string
+  tab: string
+  theme?: 'light' | 'dark'
+  width?: string
+  height?: string
+}>()
+
+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}`
+})
+</script>
+
+<template>
+  <iframe
+    class="js-fiddle-iframe"
+    :src="link"
+    :title="title"
+    :style="{ width, height }"
+    frameborder="0"
+    allowfullscreen="true"
+    allowpaymentrequest="true"
+  />
+</template>
+
+<style>
+.js-fiddle-iframe {
+  margin: 16px auto;
+  border: none;
+  box-shadow: var(--vp-shadow-2);
+}
+</style>

package/lib/client/components/Replit.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import type { ReplitTokenMeta } from '../../shared/index.js'
-import { computed, getCurrentInstance, ref } from 'vue'
+import { useDarkMode } from '@vuepress/helper/client'
+import { computed, ref } from 'vue'
 import Loading from './icons/Loading.vue'
 
 const props = defineProps<ReplitTokenMeta>()
 
-const current = getCurrentInstance()
 // magic height
 const height = ref('47px')
 const loaded = ref(false)
 
 const REPLIT_LINK = 'https://replit.com/'
 
-const isDark = computed(() => current?.appContext.config.globalProperties.$isDark.value)
+const isDark = useDarkMode()
 
 const link = computed(() => {
   const url = new URL(`/${props.source}`, REPLIT_LINK)
@@ -50,7 +50,7 @@ function onload() {
   width: 100%;
   margin: 16px auto;
   border: none;
-  border-top: 1px solid var(--vp-c-divider, #e2e2e3);
+  border-top: 1px solid var(--vp-c-divider);
   border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;
   transition: border 0.25s;

package/lib/client/composables/pdf.js

@@ -1,8 +1,8 @@
 // src/client/composables/pdf.ts
+import { checkIsiPad, checkIsMobile, checkIsSafari } from "@vuepress/helper/client";
 import { withBase } from "vuepress/client";
 import { ensureEndingSlash, isLinkHttp } from "vuepress/shared";
 import { pluginOptions } from "../options.js";
-import { checkIsiPad, checkIsMobile, checkIsSafari } from "../utils/is.js";
 function queryStringify(options) {
   const { page, noToolbar, zoom } = options;
   const params = [

package/lib/node/index.d.ts

@@ -99,8 +99,7 @@ interface IconsOptions {
 }
 
 interface JSFiddleTokenMeta extends SizeOptions {
-    user?: string;
-    id?: string;
+    source: string;
     title?: string;
     theme?: string;
     tab?: string;

package/lib/node/index.js

@@ -111,7 +111,7 @@ async function imageSizePlugin(app, md, type2 = false) {
       if (!cache.has(filepath2)) {
         if (!fs.existsSync(filepath2))
           return false;
-        const { width: w, height: h } = imageSize(filepath2);
+        const { width: w, height: h } = imageSize(fs.readFileSync(filepath2));
         if (!w || !h)
           return false;
         cache.set(filepath2, { width: w, height: h });
@@ -203,7 +203,7 @@ async function resolveImageSize(app, url, remote = false) {
   if (url[0] === "/") {
     const filepath2 = app.dir.public(url.slice(1));
     if (fs.existsSync(filepath2)) {
-      const { width, height } = imageSize(filepath2);
+      const { width, height } = imageSize(fs.readFileSync(filepath2));
       return { width, height };
     }
   }
@@ -1160,9 +1160,9 @@ var codeTabs = (md, options = {}) => {
   };
   tab(md, {
     name: "code-tabs",
-    tabsOpenRenderer: ({ active, data }, tokens, index) => {
+    tabsOpenRenderer: ({ active, data }, tokens, index, _, env) => {
       const { meta } = tokens[index];
-      const titles = data.map(({ title }) => md.renderInline(title));
+      const titles = data.map(({ title }) => md.renderInline(title, env));
       const tabsData = data.map((item, dataIndex) => {
         const { id = titles[dataIndex] } = item;
         return { id };
@@ -1674,7 +1674,7 @@ function resolveNpmTo(lines, info, idx, tabs2) {
 ${newLines.join("")}
 \`\`\``);
   }
-  return `:::code-tabs#npm-to-${idx}
+  return `:::code-tabs#npm-to-${tabs2.join("-")}
 ${res.join("\n")}
 :::`;
 }
@@ -1789,9 +1789,9 @@ import { tab as tab2 } from "@mdit/plugin-tab";
 var tabs = (md) => {
   tab2(md, {
     name: "tabs",
-    tabsOpenRenderer: ({ active, data }, tokens, index) => {
+    tabsOpenRenderer: ({ active, data }, tokens, index, _, env) => {
       const { meta } = tokens[index];
-      const titles = data.map(({ title }) => md.renderInline(title));
+      const titles = data.map(({ title }) => md.renderInline(title, env));
       const tabsData = data.map((item, dataIndex) => {
         const { id = titles[dataIndex] } = item;
         return { id };
@@ -2651,41 +2651,24 @@ function parseRect(str, unit = "px") {
 }
 
 // src/node/embed/code/codepen.ts
-var CODEPEN_LINK = "https://codepen.io/";
 var codepenPlugin = (md) => {
   createEmbedRuleBlock(md, {
     type: "codepen",
     syntaxPattern: /^@\[codepen([^\]]*)\]\(([^)]*)\)/,
     meta: ([, info, source]) => {
-      const { attrs: attrs2 } = resolveAttrs(info);
+      const { width, height, title, tab: tab3, ...rest } = resolveAttrs(info).attrs;
       const [user, slash] = source.split("/");
       return {
-        width: attrs2.width ? parseRect(attrs2.width) : "100%",
-        height: attrs2.height ? parseRect(attrs2.height) : "400px",
+        width: width ? parseRect(width) : "100%",
+        height: height ? parseRect(height) : "400px",
         user,
         slash,
-        title: attrs2.title,
-        preview: attrs2.preview,
-        editable: attrs2.editable,
-        tab: attrs2.tab || "result",
-        theme: attrs2.theme
+        title: title || "Code Pen",
+        tab: tab3 || "result",
+        ...rest
       };
     },
-    content: (meta) => {
-      const { title = "Codepen", height, width } = meta;
-      const params = new URLSearchParams();
-      if (meta.editable) {
-        params.set("editable", "true");
-      }
-      params.set("default-tab", meta.tab);
-      if (meta.theme) {
-        params.set("theme-id", meta.theme);
-      }
-      const middle = meta.preview ? "/embed/preview/" : "/embed/";
-      const link = `${CODEPEN_LINK}${meta.user}${middle}${meta.slash}?${params.toString()}`;
-      const style = `width:${width};height:${height};margin:16px auto;border-radius:5px;`;
-      return `<iframe class="code-pen-iframe-wrapper" src="${link}" title="${title}" style="${style}" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">See the Pen <a href="${CODEPEN_LINK}${meta.user}/pen/${meta.slash}">${title}</a> by ${meta.user} (<a href="${CODEPEN_LINK}${meta.user}">@${meta.user}</a>) on <a href="${CODEPEN_LINK}">CodePen</a>.</iframe>`;
-    }
+    content: ({ title, height, width, user, slash, preview, editable, tab: tab3, theme }) => `<CodePenViewer user="${user}" slash="${slash}" title="${title}"${preview ? " preview" : ""}${editable ? " editable" : ""} tab="${tab3}"${theme ? ` theme="${theme}"` : ""} width="${width}" height="${height}" />`
   });
 };
 
@@ -2723,24 +2706,17 @@ var jsfiddlePlugin = (md) => {
     type: "jsfiddle",
     syntaxPattern: /^@\[jsfiddle([^\]]*)\]\(([^)]*)\)/,
     meta([, info, source]) {
-      const { attrs: attrs2 } = resolveAttrs(info);
-      const [user, id] = source.split("/");
+      const { width, height, title, tab: tab3, theme } = resolveAttrs(info).attrs;
       return {
-        width: attrs2.width ? parseRect(attrs2.width) : "100%",
-        height: attrs2.height ? parseRect(attrs2.height) : "400px",
-        user,
-        id,
-        title: attrs2.title || "JS Fiddle",
-        tab: attrs2.tab?.replace(/\s+/g, "") || "js,css,html,result",
-        theme: attrs2.theme || "dark"
+        width: width ? parseRect(width) : "100%",
+        height: height ? parseRect(height) : "400px",
+        source,
+        title: title || "JS Fiddle",
+        tab: tab3?.replace(/\s+/g, "") || "js,css,html,result",
+        theme
       };
     },
-    content: ({ title, height, width, user, id, tab: tab3, theme }) => {
-      theme = theme === "dark" ? "/dark/" : "";
-      const link = `https://jsfiddle.net/${user}/${id}/embedded/${tab3}${theme}`;
-      const style = `width:${width};height:${height};margin:16px auto;border:none;border-radius:5px;`;
-      return `<iframe class="js-fiddle-iframe-wrapper" style="${style}" title="${title}" src="${link}" allowfullscreen="true" allowpaymentrequest="true"></iframe>`;
-    }
+    content: ({ title, height, width, source, tab: tab3, theme }) => `<JSFiddleViewer source="${source}" title="${title}" tab="${tab3}" width="${width}" height="${height}"${theme ? ` theme="${theme}"` : ""} />`
   });
 };
 
@@ -2857,7 +2833,7 @@ function checkSupportType(type2) {
 }
 
 // src/node/embed/video/bilibili.ts
-import { URLSearchParams as URLSearchParams2 } from "node:url";
+import { URLSearchParams } from "node:url";
 
 // src/node/utils/timeToSeconds.ts
 function timeToSeconds(time) {
@@ -2896,7 +2872,7 @@ var bilibiliPlugin = (md) => {
       };
     },
     content(meta) {
-      const params = new URLSearchParams2();
+      const params = new URLSearchParams();
       if (meta.bvid) {
         params.set("bvid", meta.bvid);
       }
@@ -2920,7 +2896,7 @@ var bilibiliPlugin = (md) => {
 };
 
 // src/node/embed/video/youtube.ts
-import { URLSearchParams as URLSearchParams3 } from "node:url";
+import { URLSearchParams as URLSearchParams2 } from "node:url";
 var YOUTUBE_LINK = "https://www.youtube.com/embed/";
 var youtubePlugin = (md) => {
   createEmbedRuleBlock(md, {
@@ -2942,7 +2918,7 @@ var youtubePlugin = (md) => {
       };
     },
     content(meta) {
-      const params = new URLSearchParams3();
+      const params = new URLSearchParams2();
       if (meta.autoplay) {
         params.set("autoplay", "1");
       }
@@ -3138,12 +3114,9 @@ var abbrPlugin = (md) => {
     alt: ["paragraph", "reference"]
   });
   md.core.ruler.after("linkify", "abbr_replace", abbrReplace);
-  md.renderer.rules.abbreviation = (tokens, idx) => {
+  md.renderer.rules.abbreviation = (tokens, idx, _, env) => {
     const { content, info } = tokens[idx];
-    return `<Abbreviation>
-      ${content}
-      ${info ? `<template #tooltip>${md.renderInline(info)}</template>` : ""}
-    </Abbreviation>`;
+    return `<Abbreviation>${content}${info ? `<template #tooltip>${md.renderInline(info, env)}</template>` : ""}</Abbreviation>`;
   };
 };
 
@@ -3166,7 +3139,7 @@ var annotationDef = (state, startLine, endLine, silent) => {
     pos++;
   }
   if (
-    // empty footnote label
+    // empty annotation label
     pos === start + 2 || pos + 1 >= max || state.src.charAt(++pos) !== ":"
   ) {
     return false;
@@ -3174,12 +3147,23 @@ var annotationDef = (state, startLine, endLine, silent) => {
   if (silent)
     return true;
   pos++;
-  state.env.annotations ??= {};
+  const data = state.env.annotations ??= {};
   const label = state.src.slice(start + 2, pos - 2);
-  const annotation = state.src.slice(pos, max).trim();
-  state.env.annotations[`:${label}`] ??= [];
-  state.env.annotations[`:${label}`].push(annotation);
-  state.line += 1;
+  let annotation = state.src.slice(pos, max).trim();
+  let nextLine = startLine + 1;
+  while (nextLine < endLine) {
+    const nextStart = state.bMarks[nextLine] + state.tShift[nextLine];
+    const nextMax = state.eMarks[nextLine];
+    const source = state.src.slice(nextStart, nextMax).trim();
+    if (state.sCount[nextLine] < state.blkIndent + 2 && source !== "")
+      break;
+    annotation += `
+${source}`;
+    nextLine++;
+  }
+  const current = data[`:${label}`] ??= { sources: [], rendered: [] };
+  current.sources.push(annotation);
+  state.line = nextLine;
   return true;
 };
 var annotationRef = (state, silent) => {
@@ -3207,28 +3191,25 @@ var annotationRef = (state, silent) => {
   }
   pos++;
   const label = state.src.slice(start + 2, pos - 1);
-  const annotations = state.env.annotations?.[`:${label}`] ?? [];
+  const annotations = state.env.annotations?.[`:${label}`]?.sources ?? [];
   if (annotations.length === 0)
     return false;
   if (!silent) {
     const refToken = state.push("annotation_ref", "", 0);
-    refToken.meta = {
-      label,
-      annotations
-    };
+    refToken.meta = { label };
   }
   state.pos = pos;
   state.posMax = max;
   return true;
 };
 var annotationPlugin = (md) => {
-  md.renderer.rules.annotation_ref = (tokens, idx) => {
-    const { label = "", annotations = [] } = tokens[idx].meta ?? {};
-    return `<Annotation label="${label}" :total="${annotations.length}">
-      ${annotations.map((annotation, i) => {
-      return `<template #item-${i}>${md.renderInline(annotation)}</template>`;
-    }).join("\n")}
-    </Annotation>`;
+  md.renderer.rules.annotation_ref = (tokens, idx, _, env) => {
+    const label = tokens[idx].meta.label;
+    const data = env.annotations[`:${label}`];
+    return `<Annotation label="${label}" :total="${data.sources.length}">${data.sources.map((source, i) => {
+      const annotation = data.rendered[i] ??= md.render(source, env);
+      return `<template #item-${i}>${annotation}</template>`;
+    }).join("")}</Annotation>`;
   };
   md.inline.ruler.before("image", "annotation_ref", annotationRef);
   md.block.ruler.before("reference", "annotation", annotationDef, {
@@ -3377,6 +3358,14 @@ async function prepareConfigFile(app, options) {
     imports.add(`import Youtube from '${CLIENT_FOLDER}components/Youtube.vue'`);
     enhances.add(`app.component('VideoYoutube', Youtube)`);
   }
+  if (options.codepen) {
+    imports.add(`import CodePen from '${CLIENT_FOLDER}components/CodePen.vue'`);
+    enhances.add(`app.component('CodePenViewer', CodePen)`);
+  }
+  if (options.jsfiddle) {
+    imports.add(`import JSFiddle from '${CLIENT_FOLDER}components/JSFiddle.vue'`);
+    enhances.add(`app.component('JSFiddleViewer', JSFiddle)`);
+  }
   if (options.replit) {
     imports.add(`import Replit from '${CLIENT_FOLDER}components/Replit.vue'`);
     enhances.add(`app.component('ReplitViewer', Replit)`);

package/lib/shared/index.d.ts

@@ -98,8 +98,7 @@ interface IconsOptions {
 }
 
 interface JSFiddleTokenMeta extends SizeOptions {
-    user?: string;
-    id?: string;
+    source: string;
     title?: string;
     theme?: string;
     tab?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.132",
+  "version": "1.0.0-rc.134",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -71,14 +71,14 @@
     "@vuepress/helper": "2.0.0-rc.79",
     "@vueuse/core": "^12.7.0",
     "chokidar": "3.6.0",
-    "image-size": "^1.2.0",
-    "local-pkg": "^1.0.0",
+    "image-size": "^2.0.0",
+    "local-pkg": "^1.1.0",
     "lru-cache": "^11.0.2",
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.1.2",
-    "shiki": "^3.0.0",
-    "tm-grammars": "^1.22.17",
-    "tm-themes": "^1.9.13",
+    "shiki": "^3.1.0",
+    "tm-grammars": "^1.22.19",
+    "tm-themes": "^1.9.14",
     "vue": "^3.5.13"
   },
   "devDependencies": {

package/lib/client/utils/is.d.ts

@@ -1,5 +0,0 @@
-declare function checkIsMobile(ua: string): boolean;
-declare function checkIsSafari(ua: string): boolean;
-declare function checkIsiPad(ua: string): boolean;
-
-export { checkIsMobile, checkIsSafari, checkIsiPad };

package/lib/client/utils/is.js

@@ -1,19 +0,0 @@
-// src/client/utils/is.ts
-function checkIsMobile(ua) {
-  return /\b(?:Android|iPhone)/i.test(ua);
-}
-function checkIsSafari(ua) {
-  return /version\/[\w.]+ .*(?:mobile ?safari|safari)/i.test(ua);
-}
-function checkIsiPad(ua) {
-  return [
-    /\((ipad);[-\w),; ]+apple/i,
-    /applecoremedia\/[\w.]+ \((ipad)/i,
-    /\b(ipad)\d\d?,\d\d?[;\]].+ios/i
-  ].some((item) => item.test(ua));
-}
-export {
-  checkIsMobile,
-  checkIsSafari,
-  checkIsiPad
-};