feat!: update configuration to @una-ui/v1

phojie · phojie · commit f8c19015fef2 · 2025-06-21T05:40:35.000+08:00
diff --git a/components/OgImage/UnaUIContent.vue b/components/OgImage/UnaUIContent.vue
@@ -28,7 +28,7 @@ const { logo, title: siteTitle, showTitle } = useConfig().value.header
       <h1 class="text-8xl font-bold">
         {{ title }}
       </h1>
-      <p class="text-4xl text-muted leading-tight">
+      <p class="text-muted-foreground text-4xl leading-tight">
         {{ description }}
       </p>
     </div>
diff --git a/components/common/alert/index.ts b/components/common/alert/index.ts
@@ -7,11 +7,11 @@ export { default as AlertTitle } from './AlertTitle.vue'
 
 // @unocss-include
 export const alertVariants = cva(
-  'relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-base [&>svg~*]:pl-7',
+  'relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
   {
     variants: {
       variant: {
-        default: 'bg-base text-base',
+        default: 'bg-background text-foreground',
         destructive:
           'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
       },
diff --git a/components/common/badge/index.ts b/components/common/badge/index.ts
@@ -5,17 +5,17 @@ export { default as Badge } from './Badge.vue'
 
 // @unocss-include
 export const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-base focus:ring-offset-2',
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
   {
     variants: {
       variant: {
         default:
-          'border-transparent bg-primary text-inverted hover:bg-primary/80',
+          'border-transparent bg-primary text-background hover:bg-primary/80',
         secondary:
-          'border-transparent bg-accent text-accent hover:bg-muted',
+          'border-transparent bg-accent text-accent-foreground hover:bg-muted',
         destructive:
           'border-transparent bg-error text-error hover:bg-error/80',
-        outline: 'text-base',
+        outline: 'text-foreground',
       },
     },
     defaultVariants: {
diff --git a/components/common/breadcrumb/BreadcrumbList.vue b/components/common/breadcrumb/BreadcrumbList.vue
@@ -9,7 +9,7 @@ const props = defineProps<{
 
 <template>
   <ol
-    :class="cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted sm:gap-2.5', props.class)"
+    :class="cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', props.class)"
   >
     <slot />
   </ol>
diff --git a/components/common/card/Card.vue b/components/common/card/Card.vue
@@ -11,7 +11,7 @@ const props = defineProps<{
   <div
     :class="
       cn(
-        'rounded-lg border bg-card text-card shadow-sm',
+        'rounded-lg border bg-card text-card-foreground shadow-sm',
         props.class,
       )
     "
diff --git a/components/common/card/CardDescription.vue b/components/common/card/CardDescription.vue
@@ -8,7 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <p :class="cn('text-sm text-muted', props.class)">
+  <p :class="cn('text-sm text-muted-foreground', props.class)">
     <slot />
   </p>
 </template>
diff --git a/components/common/command/Command.vue b/components/common/command/Command.vue
@@ -24,7 +24,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
 <template>
   <ComboboxRoot
     v-bind="forwarded"
-    :class="cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover', props.class)"
+    :class="cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', props.class)"
   >
     <slot />
   </ComboboxRoot>
diff --git a/components/common/command/CommandGroup.vue b/components/common/command/CommandGroup.vue
@@ -20,9 +20,9 @@ const delegatedProps = computed(() => {
 <template>
   <ComboboxGroup
     v-bind="delegatedProps"
-    :class="cn('overflow-hidden p-1 text-base [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted', props.class)"
+    :class="cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', props.class)"
   >
-    <ComboboxLabel v-if="heading" class="px-2 py-1.5 text-xs text-muted font-medium">
+    <ComboboxLabel v-if="heading" class="text-muted-foreground px-2 py-1.5 text-xs font-medium">
       {{ heading }}
     </ComboboxLabel>
     <slot />
diff --git a/components/common/command/CommandInput.vue b/components/common/command/CommandInput.vue
@@ -30,7 +30,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     <ComboboxInput
       v-bind="{ ...forwardedProps, ...$attrs }"
       auto-focus
-      :class="cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted disabled:cursor-not-allowed disabled:opacity-50', props.class)"
+      :class="cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', props.class)"
     />
   </div>
 </template>
diff --git a/components/common/dialog/DialogContent.vue b/components/common/dialog/DialogContent.vue
@@ -33,13 +33,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       v-bind="forwarded"
       :class="
         cn(
-          'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-base p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+          'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
           props.class,
         )"
     >
       <slot />
       <DialogClose
-        class="absolute right-4 top-4 rounded-sm bg-base opacity-70 ring-offset-base transition-opacity disabled:pointer-events-none data-[state=open]:text-muted hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-base"
+        class="data-[state=open]:text-muted-foreground focus:ring-ring absolute right-4 top-4 rounded-sm bg-background opacity-70 ring-offset-background transition-opacity disabled:pointer-events-none hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2"
       >
         <Icon name="lucide:x" class="block square-4" />
         <span class="sr-only">Close</span>
diff --git a/components/common/dialog/DialogDescription.vue b/components/common/dialog/DialogDescription.vue
@@ -19,7 +19,7 @@ const forwardedProps = useForwardProps(delegatedProps)
 <template>
   <DialogDescription
     v-bind="forwardedProps"
-    :class="cn('text-sm text-muted', props.class)"
+    :class="cn('text-sm text-muted-foreground', props.class)"
   >
     <slot />
   </DialogDescription>
diff --git a/components/common/dialog/DialogScrollContent.vue b/components/common/dialog/DialogScrollContent.vue
@@ -32,7 +32,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       <DialogContent
         :class="
           cn(
-            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-base p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
+            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
             props.class,
           )
         "
diff --git a/components/common/navigation-menu/NavigationMenuViewport.vue b/components/common/navigation-menu/NavigationMenuViewport.vue
@@ -26,7 +26,7 @@ const forwardedProps = useForwardProps(delegatedProps)
       v-bind="forwardedProps"
       :class="
         cn(
-          'origin-top-center relative mt-1.5 h-[--radix-navigation-menu-viewport-height] w-full overflow-hidden rounded-md border bg-popover text-popover shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[--radix-navigation-menu-viewport-width]',
+          'origin-top-center relative mt-1.5 h-[--radix-navigation-menu-viewport-height] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[--radix-navigation-menu-viewport-width]',
           props.class,
         )
       "
diff --git a/components/common/navigation-menu/index.ts b/components/common/navigation-menu/index.ts
@@ -9,5 +9,5 @@ export { default as NavigationMenuTrigger } from './NavigationMenuTrigger.vue'
 
 // @unocss-include
 export const navigationMenuTriggerStyle = cva(
-  'group inline-flex h-8 w-max items-center justify-center rounded-md bg-base px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent focus:bg-accent focus:text-accent focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-$c-accent/50 data-[state=open]:bg-$c-accent/50',
+  'group inline-flex h-8 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-$c-accent/50 data-[state=open]:bg-$c-accent/50',
 )
diff --git a/components/common/popover/PopoverContent.vue b/components/common/popover/PopoverContent.vue
@@ -38,7 +38,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
         cn(
-          'z-50 w-72 rounded-md border bg-popover p-4 text-popover shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
           props.class,
         )
       "
diff --git a/components/common/sheet/SheetContent.vue b/components/common/sheet/SheetContent.vue
@@ -2,6 +2,7 @@
 import type { DialogContentEmits, DialogContentProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import type { SheetVariants } from '.'
+import { cn } from '@/lib/utils'
 import {
   DialogClose,
   DialogContent,
@@ -13,7 +14,6 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
 import { sheetVariants } from '.'
 
 interface SheetContentProps extends DialogContentProps {
@@ -41,7 +41,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
 <template>
   <DialogPortal>
     <DialogOverlay
-      class="fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0"
+      class="fixed inset-0 z-50 data-[state=closed]:animate-out data-[state=open]:animate-in bg-black/80 data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0"
     />
     <DialogContent
       :class="cn(sheetVariants({ side }), props.class)"
@@ -57,7 +57,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       <slot />
 
       <DialogClose
-        class="absolute right-4 top-4 rounded-sm bg-base opacity-70 ring-offset-base transition-opacity disabled:pointer-events-none hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-base"
+        class="focus:ring-ring absolute right-4 top-4 rounded-sm bg-background opacity-70 ring-offset-background transition-opacity disabled:pointer-events-none hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2"
       >
         <Icon name="lucide:x" class="block square-4" />
       </DialogClose>
diff --git a/components/common/sheet/SheetDescription.vue b/components/common/sheet/SheetDescription.vue
@@ -16,7 +16,7 @@ const delegatedProps = computed(() => {
 
 <template>
   <DialogDescription
-    :class="cn('text-sm text-muted', props.class)"
+    :class="cn('text-sm text-muted-foreground', props.class)"
     v-bind="delegatedProps"
   >
     <slot />
diff --git a/components/common/sheet/index.ts b/components/common/sheet/index.ts
@@ -12,7 +12,7 @@ export { default as SheetTrigger } from './SheetTrigger.vue'
 
 // @unocss-include
 export const sheetVariants = cva(
-  'fixed z-50 gap-4 bg-base p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',
+  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',
   {
     variants: {
       side: {
diff --git a/components/common/tabs/TabsContent.vue b/components/common/tabs/TabsContent.vue
@@ -16,7 +16,7 @@ const delegatedProps = computed(() => {
 
 <template>
   <TabsContent
-    :class="cn('mt-2 ring-offset-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', props.class)"
+    :class="cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', props.class)"
     v-bind="delegatedProps"
   >
     <slot />
diff --git a/components/common/tabs/TabsList.vue b/components/common/tabs/TabsList.vue
@@ -18,7 +18,7 @@ const delegatedProps = computed(() => {
   <TabsList
     v-bind="delegatedProps"
     :class="cn(
-      'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted',
+      'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
       props.class,
     )"
   >
diff --git a/components/common/tabs/TabsTrigger.vue b/components/common/tabs/TabsTrigger.vue
@@ -20,7 +20,7 @@ const forwardedProps = useForwardProps(delegatedProps)
   <TabsTrigger
     v-bind="forwardedProps"
     :class="cn(
-      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-base transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-base data-[state=active]:text-base data-[state=active]:shadow-sm',
+      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
       props.class,
     )"
   >
diff --git a/components/common/toast/index.ts b/components/common/toast/index.ts
@@ -20,7 +20,7 @@ export const toastVariants = cva(
   {
     variants: {
       variant: {
-        default: 'border bg-base text-base',
+        default: 'border bg-background text-foreground',
         destructive:
                     'destructive group border-destructive bg-destructive text-destructive',
       },
diff --git a/components/content/CodeCopy.vue b/components/content/CodeCopy.vue
@@ -33,14 +33,14 @@ onClickOutside(checkIconRef, () => {
       <Icon
         v-if="copied === false"
         name="lucide:copy"
-        class="block cursor-pointer self-center text-muted hover:text-primary"
+        class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
         @click="handleClick"
       />
       <Icon
         v-else
         ref="checkIconRef"
         name="lucide:check"
-        class="block cursor-pointer self-center text-muted hover:text-primary"
+        class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
       />
     </Transition>
   </div>
diff --git a/components/content/Field.vue b/components/content/Field.vue
@@ -17,20 +17,20 @@ const { fieldRequiredText } = useConfig().value.main
         <span class="text-md text-primary font-bold">
           {{ name }}
         </span>
-        <span v-if="required" class="text-sm text-muted font-mono">
+        <span v-if="required" class="text-muted-foreground text-sm font-mono">
           {{ fieldRequiredText }}
         </span>
-        <span class="ml-auto text-sm text-muted font-mono">
+        <span class="text-muted-foreground ml-auto text-sm font-mono">
           {{ type }}
         </span>
       </div>
-      <div v-if="defaultValue" class="text-muted">
+      <div v-if="defaultValue" class="text-muted-foreground">
         <ProseCodeInline>
           {{ defaultValue }}
         </ProseCodeInline>
       </div>
     </div>
-    <span class="text-sm text-muted">
+    <span class="text-muted-foreground text-sm">
       <ContentSlot unwrap="p" />
       {{ description }}
     </span>
diff --git a/components/content/Hero.vue b/components/content/Hero.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
+import type { NButtonProps } from '#una/types'
+
 defineProps<{
   announcement?: {
     to?: string
     target?: string
     icon?: string
     title: string
   }
-  actions: any[]
+  actions: NButtonProps[]
 }>()
 </script>
 
@@ -17,11 +19,10 @@ defineProps<{
       :to="announcement.to"
       :target="announcement.target"
       rounded="lg"
-      btn="soft-accent"
+      btn="soft-secondary"
     >
       <template v-if="announcement.icon">
         <SmartIcon :name="announcement.icon" square="4" />
-        <NSeparator class="mx-2 h-4" orientation="vertical" />
       </template>
       <span class="sm:hidden">{{ announcement.title }}</span>
       <span class="hidden sm:inline">
@@ -33,7 +34,7 @@ defineProps<{
     <h1 class="text-center text-3xl font-bold leading-tight tracking-tighter md:text-6xl lg:leading-[1.1]">
       <ContentSlot :use="$slots.title" unwrap="p" />
     </h1>
-    <span class="max-w-[750px] text-center text-lg text-muted sm:text-xl">
+    <span class="max-w-[750px] text-center text-lg text-muted-foreground sm:text-xl">
       <ContentSlot :use="$slots.description" unwrap="p" />
     </span>
 
diff --git a/components/content/HeroAlt.vue b/components/content/HeroAlt.vue
@@ -29,7 +29,7 @@ defineProps<{
     <h1 class="text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]">
       <ContentSlot :use="$slots.title" unwrap="p" />
     </h1>
-    <p class="max-w-2xl text-lg text-base font-light">
+    <p class="max-w-2xl text-lg text-foreground font-light">
       <ContentSlot :use="$slots.description" unwrap="p" />
     </p>
 
diff --git a/components/content/Kbd.vue b/components/content/Kbd.vue
@@ -14,7 +14,7 @@ const sizeClasses = {
 
 <template>
   <kbd
-    class="pointer-events-none h-5 inline-flex select-none items-center gap-1 border border-base rounded bg-muted font-medium font-sans"
+    class="border-border pointer-events-none h-5 inline-flex select-none items-center gap-1 border rounded bg-muted font-medium font-sans"
     :class="sizeClasses[size]"
   >
     <slot />
diff --git a/components/content/ProseA.vue b/components/content/ProseA.vue
@@ -24,7 +24,7 @@ defineProps({
     :href="href"
     :target="target"
     :external="external"
-    class="font-semibold underline underline-offset-4 decoration-dotted hover:text-primary-active"
+    class="font-semibold underline underline-offset-4 decoration-dotted hover:text-primary"
   >
     <slot />
   </NuxtLink>
diff --git a/components/content/Tabs.vue b/components/content/Tabs.vue
@@ -59,7 +59,7 @@ function label(props: any) {
             v-for="(slot, i) in ($slots.default?.() ?? [])"
             :key="`${i}${label(slot.props)}`"
             :value="label(slot.props)"
-            class="flex cursor-pointer rounded-md px-3 py-1.5 text-muted transition-all duration-75"
+            class="flex cursor-pointer rounded-md px-3 py-1.5 text-muted-foreground transition-all duration-75"
             :class="[activeTabIndex === i && 'bg-muted text-primary']"
             @mousedown.left="activeTabIndex = i"
           >
diff --git a/components/layout/Aside.vue b/components/layout/Aside.vue
@@ -64,14 +64,14 @@ const path = computed(() => useRoute().path)
       :class="[config.aside.useLevel ? 'pt-4' : 'pt-1']"
     />
 
-    <div class="absolute inset-x-0 bottom-5 bg-base md:hidden">
+    <div class="absolute inset-x-0 bottom-5 bg-background md:hidden">
       <div class="flex items-center">
         <NButton
           v-for="(link, i) in config.header.links"
           :key="i"
           size="xs"
           btn="ghost-gray"
-          class="text-base"
+          class="text-foreground"
           v-bind="link"
           square
           icon
diff --git a/components/layout/Footer.vue b/components/layout/Footer.vue
diff --git a/components/layout/Header/Logo.vue b/components/layout/Header/Logo.vue
diff --git a/components/layout/Header/Nav.vue b/components/layout/Header/Nav.vue
diff --git a/components/layout/Header/NavMobileItem.vue b/components/layout/Header/NavMobileItem.vue
diff --git a/components/layout/PrevNextButton.vue b/components/layout/PrevNextButton.vue
diff --git a/components/layout/SearchButton.vue b/components/layout/SearchButton.vue
diff --git a/components/layout/SearchDialog.vue b/components/layout/SearchDialog.vue
diff --git a/components/layout/Title.vue b/components/layout/Title.vue
diff --git a/components/layout/Toc.vue b/components/layout/Toc.vue
diff --git a/components/layout/TocTree.vue b/components/layout/TocTree.vue
diff --git a/content/1.getting-started/3.writing/2.components.md b/content/1.getting-started/3.writing/2.components.md
diff --git a/content/2.api/2.advanced/1.override.md b/content/2.api/2.advanced/1.override.md
diff --git a/content/index.md b/content/index.md
diff --git a/package.json b/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ const props = defineProps<{`
`9`	`9`
`10`	`10`	`<template>`
`11`	`11`	`<ol`
`12`		`- :class="cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted sm:gap-2.5', props.class)"`
	`12`	`+ :class="cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', props.class)"`
`13`	`13`	`>`
`14`	`14`	`<slot />`
`15`	`15`	`</ol>`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ const props = defineProps<{`
`11`	`11`	`<div`
`12`	`12`	`:class="`
`13`	`13`	`cn(`
`14`		`- 'rounded-lg border bg-card text-card shadow-sm',`
	`14`	`+ 'rounded-lg border bg-card text-card-foreground shadow-sm',`
`15`	`15`	`props.class,`
`16`	`16`	`)`
`17`	`17`	`"`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)`
`24`	`24`	`<template>`
`25`	`25`	`<ComboboxRoot`
`26`	`26`	`v-bind="forwarded"`
`27`		`- :class="cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover', props.class)"`
	`27`	`+ :class="cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', props.class)"`
`28`	`28`	`>`
`29`	`29`	`<slot />`
`30`	`30`	`</ComboboxRoot>`