@movk/nuxt-docs 1.12.1 → 1.12.3

package/app/app.config.ts

@@ -108,7 +108,8 @@ export default defineAppConfig({
       streaming: 'i-lucide-chevron-down',
       providers: {
         deepseek: 'i-ri-deepseek-fill',
-        alibaba: 'i-simple-icons-alibabacloud'
+        alibaba: 'i-simple-icons-alibabacloud',
+        zai: 'i-simple-icons:zig'
       }
     }
   }

package/app/app.vue

@@ -64,8 +64,8 @@ provide('navigation', rootNavigation)
         <ClientOnly>
           <LazyUContentSearch :files="files" :navigation="rootNavigation" :fuse="{ resultLimit: 1000 }" />
           <template v-if="isAiChatEnabled">
-            <LazyAiChatFloatingInput />
             <LazyAiChatPanel />
+            <LazyAiChatFloatingInput />
           </template>
         </ClientOnly>
       </template>

package/app/assets/css/main.css

@@ -22,19 +22,3 @@
 :root {
   --ui-container: var(--container-8xl);
 }
-
-/* Shiki icon highlight transformer styles */
-.shiki-icon-highlight {
-  display: inline-block;
-  width: 1.25em;
-  height: 1.25em;
-  vertical-align: -0.25em;
-  margin-right: 0.125em;
-  background-color: var(--ui-text-highlighted);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  -webkit-mask-image: var(--shiki-icon-url);
-  mask-image: var(--shiki-icon-url);
-}

package/modules/ai-chat/index.ts

@@ -32,7 +32,7 @@ export interface AiChatModuleOptions {
   models?: string[]
 }
 
-const log = logger.withTag('movk-nuxt-docs:ai-assistant')
+const log = logger.withTag('movk-nuxt-docs')
 
 export default defineNuxtModule<AiChatModuleOptions>({
   meta: {
@@ -77,7 +77,7 @@ export default defineNuxtModule<AiChatModuleOptions>({
     }
 
     if (!hasApiKey) {
-      log.warn('[ai-chat] Module disabled: no API key found in environment variables.')
+      log.warn('[movk-nuxt-docs] Ai Chat Module disabled: no API key found in environment variables.')
       return
     }
 
@@ -119,7 +119,7 @@ export default defineNuxtModule<AiChatModuleOptions>({
         handler: resolve('./runtime/server/api/ai-chat')
       })
     } else {
-      log.info(`[ai-chat] Using custom handler, skipping default handler registration`)
+      log.info(`[movk-nuxt-docs] Using custom handler, skipping default handler registration`)
     }
   }
 })

package/modules/ai-chat/runtime/components/AiChatFloatingInput.vue

@@ -61,39 +61,48 @@ defineShortcuts(shortcuts)
       :animate="{ y: 0, opacity: 1 }"
       :exit="{ y: 100, opacity: 0 }"
       :transition="{ duration: 0.2, ease: 'easeOut' }"
-      class="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 px-4"
+      class="fixed inset-x-0 z-10 px-4 sm:px-80 bottom-[max(1.5rem,env(safe-area-inset-bottom))]"
       style="will-change: transform"
     >
-      <form @submit.prevent="handleSubmit">
-        <UInput
-          ref="inputRef"
-          v-model="input"
-          :placeholder="aiChat.texts.placeholder"
-          size="lg"
-          :ui="{
-            root: 'w-72 py-0.5 focus-within:w-96 transition-all duration-300 ease-out',
-            base: 'bg-default/80 backdrop-blur-xl shadow-lg',
-            trailing: 'pe-2'
-          }"
-          @keydown.enter.exact.prevent="handleSubmit"
-        >
-          <template #trailing>
-            <div class="flex items-center gap-2">
-              <div class="hidden sm:!flex items-center gap-1">
-                <UKbd v-for="key in shortcutDisplayKeys" :key="key" :value="key" />
-              </div>
+      <form
+        class="flex w-full justify-center"
+        @submit.prevent="handleSubmit"
+      >
+        <div class="w-full max-w-96">
+          <UInput
+            ref="inputRef"
+            v-model="input"
+            :placeholder="aiChat.texts.placeholder"
+            size="lg"
+            maxlength="1000"
+            :ui="{
+              root: 'group w-full! min-w-0 sm:max-w-96 transition-all duration-300 ease-out [@media(hover:hover)]:hover:scale-105 [@media(hover:hover)]:focus-within:scale-105',
+              base: 'bg-default shadow-lg text-base',
+              trailing: 'pe-2'
+            }"
+            @keydown.enter.exact.prevent="handleSubmit"
+          >
+            <template #trailing>
+              <div class="flex items-center gap-2">
+                <div class="hidden sm:flex group-focus-within:hidden items-center gap-1">
+                  <UKbd
+                    v-for="key in shortcutDisplayKeys"
+                    :key="key"
+                    :value="key"
+                  />
+                </div>
 
-              <UButton
-                aria-label="Send Message"
-                type="submit"
-                icon="i-lucide-arrow-up"
-                color="primary"
-                size="xs"
-                :disabled="!input.trim()"
-              />
-            </div>
-          </template>
-        </UInput>
+                <UButton
+                  type="submit"
+                  icon="i-lucide-arrow-up"
+                  color="primary"
+                  size="xs"
+                  :disabled="!input.trim()"
+                />
+              </div>
+            </template>
+          </UInput>
+        </div>
       </form>
     </motion.div>
   </AnimatePresence>

package/modules/ai-chat/runtime/components/AiChatPanel.vue

@@ -121,13 +121,10 @@ onMounted(() => {
 <template>
   <DefineChatContent v-slot="{ showExpandButton = true }">
     <div class="flex h-full flex-col">
-      <div class="flex h-16 shrink-0 items-center justify-between border-b border-muted/50 px-4">
+      <div class="flex h-16 shrink-0 items-center justify-between border-b border-default px-4">
         <span class="font-medium text-highlighted">{{ aiChat.texts.title }}</span>
         <div class="flex items-center gap-1">
-          <UTooltip
-            v-if="showExpandButton"
-            :text="isExpanded ? aiChat.texts.collapse : aiChat.texts.expand"
-          >
+          <UTooltip v-if="showExpandButton" :text="isExpanded ? aiChat.texts.collapse : aiChat.texts.expand">
             <UButton
               :icon="isExpanded ? 'i-lucide-minimize-2' : 'i-lucide-maximize-2'"
               color="neutral"
@@ -138,10 +135,7 @@ onMounted(() => {
               @click="toggleExpanded"
             />
           </UTooltip>
-          <UTooltip
-            v-if="chat.messages.length > 0"
-            :text="aiChat.texts.clearChat"
-          >
+          <UTooltip v-if="chat.messages.length > 0" :text="aiChat.texts.clearChat">
             <UButton
               :icon="aiChat.icons.clearChat"
               color="neutral"
@@ -183,7 +177,11 @@ onMounted(() => {
                 v-for="(part, index) in message.parts"
                 :key="`${message.id}-${part.type}-${index}${'state' in part ? `-${part.state}` : ''}`"
               >
-                <AiChatReasoning v-if="part.type === 'reasoning'" :text="part.text" :is-streaming="part.state !== 'done'" />
+                <AiChatReasoning
+                  v-if="part.type === 'reasoning'"
+                  :text="part.text"
+                  :is-streaming="part.state !== 'done'"
+                />
 
                 <MDCCached
                   v-else-if="part.type === 'text'"
@@ -217,19 +215,10 @@ onMounted(() => {
           </template>
         </UChatMessages>
 
-        <div
-          v-else
-          class="p-4"
-        >
-          <div
-            v-if="!faqQuestions?.length"
-            class="flex h-full flex-col items-center justify-center py-12 text-center"
-          >
+        <div v-else class="p-4">
+          <div v-if="!faqQuestions?.length" class="flex h-full flex-col items-center justify-center py-12 text-center">
             <div class="mb-4 flex size-12 items-center justify-center rounded-full bg-primary/10">
-              <UIcon
-                name="i-lucide-message-circle-question"
-                class="size-6 text-primary"
-              />
+              <UIcon name="i-lucide-message-circle-question" class="size-6 text-primary" />
             </div>
             <h3 class="mb-2 text-base font-medium text-highlighted">
               {{ aiChat.texts.askAnything }}
@@ -253,17 +242,16 @@ onMounted(() => {
         <UChatPrompt
           v-model="input"
           :rows="2"
-          class="text-sm"
-          variant="subtle"
           :placeholder="aiChat.texts.placeholder"
+          maxlength="1000"
           :ui="{
             root: 'shadow-none!',
-            body: '*:p-0! *:rounded-none!'
+            body: '*:p-0! *:rounded-none! *:text-sm!'
           }"
           @submit="handleSubmit"
         >
           <template #footer>
-            <div class="hidden items-center divide-x divide-muted/50 sm:flex">
+            <div class="flex items-center gap-1 text-xs text-muted">
               <AiChatModelSelect v-model="model" />
               <div class="flex gap-1 justify-between items-center px-1 text-xs text-muted">
                 <span>{{ aiChat.texts.lineBreak }}</span>
@@ -281,22 +269,25 @@ onMounted(() => {
             />
           </template>
         </UChatPrompt>
+        <div class="mt-1 flex text-xs text-dimmed items-center justify-between">
+          <span>刷新时聊天会被清除</span>
+          <span>
+            {{ input.length }}/1000
+          </span>
+        </div>
       </div>
     </div>
   </DefineChatContent>
 
   <aside
     v-if="!isMobile"
-    class="fixed top-0 z-50 h-dvh overflow-hidden border-l border-muted/50 bg-default/95 backdrop-blur-xl transition-[right,width] duration-200 ease-linear will-change-[right,width]"
+    class="left-auto! fixed top-0 z-50 h-dvh overflow-hidden border-l border-default bg-default/95 backdrop-blur-xl transition-[right,width] duration-200 ease-linear will-change-[right,width]"
     :style="{
       width: `${panelWidth}px`,
       right: isOpen ? '0' : `-${panelWidth}px`
     }"
   >
-    <div
-      class="h-full transition-[width] duration-200 ease-linear"
-      :style="{ width: `${panelWidth}px` }"
-    >
+    <div class="h-full transition-[width] duration-200 ease-linear" :style="{ width: `${panelWidth}px` }">
       <ReuseChatContent :show-expand-button="true" />
     </div>
   </aside>
@@ -304,8 +295,6 @@ onMounted(() => {
   <USlideover
     v-else
     v-model:open="isOpen"
-    title=" "
-    description=" "
     side="right"
     :ui="{
       content: 'ring-0 bg-default'

package/modules/ai-chat/runtime/composables/useHighlighter.ts

@@ -1,16 +1,28 @@
-import { createHighlighter } from 'shiki'
-import type { HighlighterGeneric } from 'shiki'
-import { createJavaScriptRegexEngine } from 'shiki/engine-javascript.mjs'
+import { createHighlighterCore } from '@shikijs/core'
+import type { HighlighterCore } from '@shikijs/core'
+import { createJavaScriptRegexEngine } from '@shikijs/engine-javascript'
 
-let highlighter: HighlighterGeneric<any, any> | null = null
-
-let promise: Promise<HighlighterGeneric<any, any>> | null = null
+let highlighter: HighlighterCore | null = null
+let promise: Promise<HighlighterCore> | null = null
 
 export const useHighlighter = async () => {
   if (!promise) {
-    promise = createHighlighter({
-      langs: ['vue', 'js', 'ts', 'css', 'html', 'json', 'yaml', 'markdown', 'bash'],
-      themes: ['material-theme-palenight', 'material-theme-lighter'],
+    promise = createHighlighterCore({
+      langs: [
+        import('@shikijs/langs/vue'),
+        import('@shikijs/langs/javascript'),
+        import('@shikijs/langs/typescript'),
+        import('@shikijs/langs/css'),
+        import('@shikijs/langs/html'),
+        import('@shikijs/langs/json'),
+        import('@shikijs/langs/yaml'),
+        import('@shikijs/langs/markdown'),
+        import('@shikijs/langs/bash')
+      ],
+      themes: [
+        import('@shikijs/themes/material-theme-palenight'),
+        import('@shikijs/themes/material-theme-lighter')
+      ],
       engine: createJavaScriptRegexEngine()
     })
   }

package/modules/config.ts

@@ -18,7 +18,8 @@ export default defineNuxtModule({
     const meta = await getPackageJsonMetadata(dir)
     const gitInfo = await getLocalGitInfo(dir) || getGitEnv()
 
-    const siteName = nuxt.options?.site?.name || meta.name || gitInfo?.name || ''
+    const site = nuxt.options.site
+    const siteName = (site && site.name) || meta.name || gitInfo?.name || ''
 
     nuxt.options.site = defu(nuxt.options.site, {
       url,

package/nuxt.config.ts

@@ -1,21 +1,21 @@
 import { defineNuxtConfig } from 'nuxt/config'
 import pkg from './package.json'
+import { createResolver } from '@nuxt/kit'
 
-// WASM runtime imports that Rollup should not attempt to resolve
-const WASM_EXTERNALS = ['env', 'wasi_snapshot_preview1']
-
-function mergeExternals(existing: unknown, additions: string[]): string[] {
-  if (Array.isArray(existing)) return [...existing, ...additions]
-  if (typeof existing === 'string') return [existing, ...additions]
-  return additions
-}
+const { resolve } = createResolver(import.meta.url)
 
 export default defineNuxtConfig({
   modules: [
+    resolve('./modules/config'),
+    resolve('./modules/routing'),
+    resolve('./modules/md-rewrite'),
+    resolve('./modules/component-example'),
+    resolve('./modules/css'),
     '@nuxt/ui',
     '@nuxt/content',
     '@nuxt/image',
     '@nuxt/a11y',
+    '@nuxtjs/robots',
     '@nuxtjs/mcp-toolkit',
     '@vueuse/nuxt',
     'nuxt-component-meta',
@@ -50,7 +50,8 @@ export default defineNuxtConfig({
 
   mdc: {
     highlight: {
-      noApiRoute: false
+      noApiRoute: false,
+      shikiEngine: 'javascript'
     }
   },
 
@@ -76,9 +77,22 @@ export default defineNuxtConfig({
       crawlLinks: true,
       failOnError: false,
       autoSubfolderIndex: false
+    },
+    compatibilityDate: {
+      // Don't generate observability routes for now
+      vercel: '2025-07-14'
+    }
+  },
+
+  vite: {
+    build: {
+      sourcemap: false,
+      chunkSizeWarningLimit: 1024
     }
   },
 
+  telemetry: false,
+
   hooks: {
     'vite:extendConfig': async (config) => {
       // Ensure optimizeDeps.include exists
@@ -103,28 +117,6 @@ export default defineNuxtConfig({
         '@movk/nuxt-docs > mermaid > d3',
         '@movk/nuxt-docs > mermaid > dompurify'
       )
-
-      // WASM plugin support for Shiki
-      const [wasm, topLevelAwait] = await Promise.all([
-        import('vite-plugin-wasm'),
-        import('vite-plugin-top-level-await')
-      ])
-      config.plugins!.push(wasm.default(), topLevelAwait.default() as any)
-
-      const build = config.build || ((config as any).build = {})
-      build.rollupOptions ??= {}
-      build.rollupOptions.external = mergeExternals(
-        build.rollupOptions.external,
-        WASM_EXTERNALS
-      )
-    },
-
-    'nitro:config': (nitroConfig) => {
-      nitroConfig.rollupConfig ??= {}
-      nitroConfig.rollupConfig.external = mergeExternals(
-        nitroConfig.rollupConfig.external,
-        WASM_EXTERNALS
-      )
     }
   },
 
@@ -156,12 +148,12 @@ export default defineNuxtConfig({
   fonts: {
     families: [
       { name: 'Public Sans', provider: 'google', global: true },
-      { name: 'DM Sans', provider: 'google', global: true },
-      { name: 'Geist', provider: 'google', global: true },
-      { name: 'Inter', provider: 'google', global: true },
-      { name: 'Poppins', provider: 'google', global: true },
-      { name: 'Outfit', provider: 'google', global: true },
-      { name: 'Raleway', provider: 'google', global: true }
+      { name: 'DM Sans', provider: 'google' },
+      { name: 'Geist', provider: 'google' },
+      { name: 'Inter', provider: 'google' },
+      { name: 'Poppins', provider: 'google' },
+      { name: 'Outfit', provider: 'google' },
+      { name: 'Raleway', provider: 'google' }
     ]
   },
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@movk/nuxt-docs",
   "type": "module",
-  "version": "1.12.1",
+  "version": "1.12.3",
   "private": false,
   "description": "Modern Nuxt 4 documentation theme with auto-generated component docs, AI chat assistant, MCP server, and complete developer experience optimization.",
   "author": "YiXuan <mhaibaraai@gmail.com>",
@@ -31,7 +31,7 @@
   "dependencies": {
     "@ai-sdk/gateway": "^3.0.39",
     "@ai-sdk/mcp": "^1.0.19",
-    "@ai-sdk/vue": "^3.0.77",
+    "@ai-sdk/vue": "^3.0.78",
     "@iconify-json/lucide": "^1.2.89",
     "@iconify-json/simple-icons": "^1.2.70",
     "@iconify-json/vscode-icons": "^1.2.40",
@@ -43,13 +43,18 @@
     "@nuxt/ui": "^4.4.0",
     "@nuxtjs/mcp-toolkit": "^0.6.3",
     "@nuxtjs/mdc": "^0.20.1",
+    "@nuxtjs/robots": "^5.7.0",
     "@octokit/rest": "^22.0.1",
-    "@openrouter/ai-sdk-provider": "^2.1.1",
+    "@openrouter/ai-sdk-provider": "^2.2.1",
+    "@shikijs/core": "^3.22.0",
+    "@shikijs/engine-javascript": "^3.22.0",
+    "@shikijs/langs": "^3.22.0",
+    "@shikijs/themes": "^3.22.0",
     "@vercel/analytics": "^1.6.1",
     "@vercel/speed-insights": "^1.3.1",
     "@vueuse/core": "^14.2.0",
     "@vueuse/nuxt": "^14.2.0",
-    "ai": "^6.0.77",
+    "ai": "^6.0.78",
     "defu": "^6.1.4",
     "dompurify": "^3.3.1",
     "exsolve": "^1.0.8",
@@ -58,7 +63,7 @@
     "minimark": "^0.2.0",
     "motion-v": "^1.10.2",
     "nuxt": "^4.3.1",
-    "nuxt-component-meta": "^0.17.1",
+    "nuxt-component-meta": "^0.17.2",
     "nuxt-llms": "^0.2.0",
     "nuxt-og-image": "^5.1.13",
     "ohash": "^2.0.11",
@@ -66,14 +71,13 @@
     "pkg-types": "^2.3.0",
     "prettier": "^3.8.1",
     "scule": "^1.3.0",
-    "shiki": "^3.22.0",
     "shiki-stream": "^0.1.4",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
     "ufo": "^1.6.3",
+    "unist-util-visit": "^5.1.0",
     "vue-component-meta": "^3.2.4",
-    "vite-plugin-top-level-await": "^1.6.0",
-    "vite-plugin-wasm": "^3.5.0",
-    "zod": "^4.3.6"
+    "zod": "^4.3.6",
+    "zod-to-json-schema": "^3.25.1"
   }
 }

package/server/plugins/llms.ts

@@ -6,8 +6,17 @@ export default defineNitroPlugin((nitroApp) => {
     await transformMDC(event, doc as any)
   })
 
-  // @ts-expect-error - no types available
-  nitroApp.hooks.hook('llms:generate', (_, { sections }) => {
+  nitroApp.hooks.hook('llms:generate', (_, { sections, domain }) => {
+    // Transform links except for "Documentation Sets"
+    sections.forEach((section) => {
+      if (section.title !== 'Documentation Sets') {
+        section.links = section.links?.map(link => ({
+          ...link,
+          href: `${link.href.replace(new RegExp(`^${domain}`), `${domain}/raw`)}.md`
+        }))
+      }
+    })
+
     // Move "Documentation Sets" to the end
     const docSetIdx = sections.findIndex((s: any) => s.title === 'Documentation Sets')
     if (docSetIdx !== -1) {

package/utils/meta.ts

@@ -1,16 +1,21 @@
-// copy from https://github.com/nuxt-content/docus/tree/main/layer/utils
 import { readFile } from 'node:fs/promises'
 import { resolve } from 'node:path'
+import { withHttps } from 'ufo'
 
 export function inferSiteURL() {
   // https://github.com/unjs/std-env/issues/59
-  return (
-    process.env.NUXT_SITE_URL
-    || (process.env.NEXT_PUBLIC_VERCEL_URL && `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`) // Vercel
+  const url = (
+    process.env.NUXT_PUBLIC_SITE_URL // Nuxt public runtime config
+    || process.env.NUXT_SITE_URL // Nuxt site config
+    || process.env.VERCEL_PROJECT_PRODUCTION_URL // Vercel production URL
+    || process.env.VERCEL_BRANCH_URL // Vercel branch URL
+    || process.env.VERCEL_URL // Vercel deployment URL
     || process.env.URL // Netlify
     || process.env.CI_PAGES_URL // Gitlab Pages
     || process.env.CF_PAGES_URL // Cloudflare Pages
   )
+
+  return url ? withHttps(url) : undefined
 }
 
 export async function getPackageJsonMetadata(dir: string) {

package/app/mdc.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from '@nuxtjs/mdc/config'
-import { transformerIconHighlight } from './utils/shiki-transformer-icon-highlight'
-
-export default defineConfig({
-  shiki: {
-    transformers: [
-      transformerIconHighlight()
-    ]
-  }
-})

package/app/utils/shiki-transformer-icon-highlight.ts

@@ -1,89 +0,0 @@
-import type { ShikiTransformer } from 'shiki'
-
-export interface TransformerIconHighlightOptions {
-  /**
-   * Custom function to render the icon HTML
-   * @default Uses Iconify API with mask mode
-   */
-  htmlIcon?: (icon: string) => string
-}
-
-// Common icon collections to validate against (sorted by length descending for proper matching)
-const ICON_COLLECTIONS = [
-  'simple-icons',
-  'vscode-icons',
-  'tabler',
-  'lucide',
-  'logos',
-  'ph'
-]
-
-function parseIconName(text: string): { collection: string, name: string, format: 'i' | 'colon' } | null {
-  // Strip quotes if present (single, double, or backticks)
-  let cleanText = text
-  if (/^['"`].*['"`]$/.test(text)) {
-    cleanText = text.slice(1, -1)
-  }
-
-  // Try i-{collection}-{name} format
-  if (cleanText.startsWith('i-')) {
-    const rest = cleanText.slice(2)
-    for (const collection of ICON_COLLECTIONS) {
-      if (rest.startsWith(`${collection}-`)) {
-        const name = rest.slice(collection.length + 1)
-        if (name && /^[a-z0-9]+(?:-[a-z0-9]+)*$/i.test(name)) {
-          return { collection, name, format: 'i' }
-        }
-      }
-    }
-  }
-
-  // Try {collection}:{name} format
-  const colonIndex = cleanText.indexOf(':')
-  if (colonIndex > 0) {
-    const collection = cleanText.slice(0, colonIndex)
-    const name = cleanText.slice(colonIndex + 1)
-    if (ICON_COLLECTIONS.includes(collection) && name && /^[a-z0-9]+(?:-[a-z0-9]+)*$/i.test(name)) {
-      return { collection, name, format: 'colon' }
-    }
-  }
-
-  return null
-}
-
-export function transformerIconHighlight(options: TransformerIconHighlightOptions = {}): ShikiTransformer {
-  const { htmlIcon } = options
-
-  return {
-    name: 'shiki-transformer-icon-highlight',
-    span(hast, _line, _col, _lineElement, token) {
-      const text = token.content
-
-      // Try to parse as an icon
-      const parsed = parseIconName(text)
-      if (!parsed) return
-
-      const iconIdentifier = `${parsed.collection}:${parsed.name}`
-      // Add color=black for mask-image to work properly (mask uses luminance)
-      const iconUrl = `https://api.iconify.design/${iconIdentifier}.svg?color=%23000`
-
-      // Create the icon element as a proper HAST element
-      const iconElement = htmlIcon
-        ? { type: 'raw' as const, value: htmlIcon(iconIdentifier) }
-        : {
-            type: 'element' as const,
-            tagName: 'i',
-            properties: {
-              class: 'shiki-icon-highlight',
-              style: `--shiki-icon-url: url(${iconUrl})`
-            },
-            children: []
-          }
-
-      // Prepend the icon to the span content
-      if (hast.children) {
-        hast.children.unshift(iconElement)
-      }
-    }
-  }
-}