diff --git a/app.vue b/app.vue
index 9331776d..b83d1d2e 100644
--- a/app.vue
+++ b/app.vue
@@ -1,35 +1,30 @@
 <template>
   <NuxtLoadingIndicator :color="false" class="z-100 bg-primary/80" />
-  <ConfigProvider :use-id="useIdFunction">
-    <LayoutHeader />
+  <LayoutHeader />
 
-    <div v-if="$route.path !== '/'" class="min-h-screen border-b">
-      <div
-        class="flex-1 items-start px-4 md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 md:px-8 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"
-        :class="[config.main.padded && 'container']"
-      >
-        <aside class="fixed top-[102px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 overflow-y-auto md:sticky md:top-[60px] md:block">
-          <LayoutAside :is-mobile="false" />
-        </aside>
-        <NuxtPage />
-      </div>
+  <div v-if="$route.path !== '/'" class="min-h-screen border-b">
+    <div
+      class="flex-1 items-start px-4 md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 md:px-8 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"
+      :class="[config.main.padded && 'container']"
+    >
+      <aside class="fixed top-[102px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 overflow-y-auto md:sticky md:top-[60px] md:block">
+        <LayoutAside :is-mobile="false" />
+      </aside>
+      <NuxtPage />
     </div>
-    <NuxtPage v-else />
+  </div>
+  <NuxtPage v-else />
 
-    <Toaster />
-    <LayoutFooter />
-  </ConfigProvider>
+  <Toaster />
+  <LayoutFooter />
 </template>
 
 <script setup lang="ts">
-import { ConfigProvider } from 'radix-vue';
 import Toaster from '@/components/ui/toast/Toaster.vue';
 
 const config = useConfig();
 const { themeClass, radius } = useThemes();
 
-const useIdFunction = () => useId();
-
 useSeoMeta({
   description: config.value.site.description,
   ogDescription: config.value.site.description,
diff --git a/bun.lockb b/bun.lockb
index 727dd256..e50c30f8 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/content/AccordionItem.vue b/components/content/AccordionItem.vue
index 134a2d25..49430985 100644
--- a/components/content/AccordionItem.vue
+++ b/components/content/AccordionItem.vue
@@ -12,6 +12,8 @@
 </template>
 
 <script setup lang="ts">
+import { useId } from 'radix-vue';
+
 defineProps<{
   value?: string;
   title?: string;
diff --git a/components/content/ProseImg.vue b/components/content/ProseImg.vue
index b035474e..93b2d70e 100644
--- a/components/content/ProseImg.vue
+++ b/components/content/ProseImg.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import { joinURL, withLeadingSlash, withTrailingSlash } from 'ufo';
 import { computed, useRuntimeConfig } from '#imports';
+import { joinURL, withLeadingSlash, withTrailingSlash } from 'ufo';
 
 const props = defineProps({
   src: {
diff --git a/components/ui/accordion/AccordionContent.vue b/components/ui/accordion/AccordionContent.vue
index 82d31146..2b5e30fc 100644
--- a/components/ui/accordion/AccordionContent.vue
+++ b/components/ui/accordion/AccordionContent.vue
@@ -10,9 +10,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { AccordionContent, type AccordionContentProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { AccordionContent, type AccordionContentProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<AccordionContentProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/accordion/AccordionItem.vue b/components/ui/accordion/AccordionItem.vue
index a59ea3d2..026ce8fd 100644
--- a/components/ui/accordion/AccordionItem.vue
+++ b/components/ui/accordion/AccordionItem.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { AccordionItem, type AccordionItemProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { AccordionItem, type AccordionItemProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<AccordionItemProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/accordion/AccordionTrigger.vue b/components/ui/accordion/AccordionTrigger.vue
index ed93b7b7..593e72ce 100644
--- a/components/ui/accordion/AccordionTrigger.vue
+++ b/components/ui/accordion/AccordionTrigger.vue
@@ -21,13 +21,13 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   AccordionHeader,
   AccordionTrigger,
   type AccordionTriggerProps,
 } from 'radix-vue';
-import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/alert/Alert.vue b/components/ui/alert/Alert.vue
index 20e9b17c..f2dc1177 100644
--- a/components/ui/alert/Alert.vue
+++ b/components/ui/alert/Alert.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
+import { cn } from '@/lib/utils';
 import type { HTMLAttributes } from 'vue';
 import { type AlertVariants, alertVariants } from '.';
-import { cn } from '@/lib/utils';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/alert/AlertDescription.vue b/components/ui/alert/AlertDescription.vue
index e4e5fc56..8a45959c 100644
--- a/components/ui/alert/AlertDescription.vue
+++ b/components/ui/alert/AlertDescription.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/alert/AlertTitle.vue b/components/ui/alert/AlertTitle.vue
index 58a36eff..808432d3 100644
--- a/components/ui/alert/AlertTitle.vue
+++ b/components/ui/alert/AlertTitle.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/alert/index.ts b/components/ui/alert/index.ts
index ba4f7984..49457914 100644
--- a/components/ui/alert/index.ts
+++ b/components/ui/alert/index.ts
@@ -1,8 +1,8 @@
-import { type VariantProps, cva } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 
 export { default as Alert } from './Alert.vue';
-export { default as AlertTitle } from './AlertTitle.vue';
 export { default as AlertDescription } from './AlertDescription.vue';
+export { default as AlertTitle } from './AlertTitle.vue';
 
 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-foreground [&>svg~*]:pl-7',
diff --git a/components/ui/badge/Badge.vue b/components/ui/badge/Badge.vue
index 6d59fdf5..e0cd08f8 100644
--- a/components/ui/badge/Badge.vue
+++ b/components/ui/badge/Badge.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
+import { cn } from '@/lib/utils';
 import type { HTMLAttributes } from 'vue';
 import { type BadgeVariants, badgeVariants } from '.';
-import { cn } from '@/lib/utils';
 
 const props = defineProps<{
   variant?: BadgeVariants['variant'];
diff --git a/components/ui/badge/index.ts b/components/ui/badge/index.ts
index 9448167c..842d1e7a 100644
--- a/components/ui/badge/index.ts
+++ b/components/ui/badge/index.ts
@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 
 export { default as Badge } from './Badge.vue';
 
diff --git a/components/ui/breadcrumb/BreadcrumbItem.vue b/components/ui/breadcrumb/BreadcrumbItem.vue
index 80f2423f..d5ed9f7b 100644
--- a/components/ui/breadcrumb/BreadcrumbItem.vue
+++ b/components/ui/breadcrumb/BreadcrumbItem.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/breadcrumb/BreadcrumbLink.vue b/components/ui/breadcrumb/BreadcrumbLink.vue
index 9087a2a4..8731ec83 100644
--- a/components/ui/breadcrumb/BreadcrumbLink.vue
+++ b/components/ui/breadcrumb/BreadcrumbLink.vue
@@ -9,9 +9,9 @@
 </template>
 
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { Primitive, type PrimitiveProps } from 'radix-vue';
+import type { HTMLAttributes } from 'vue';
 
 const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>(), {
   as: 'a',
diff --git a/components/ui/breadcrumb/BreadcrumbList.vue b/components/ui/breadcrumb/BreadcrumbList.vue
index 7510be1a..52e86096 100644
--- a/components/ui/breadcrumb/BreadcrumbList.vue
+++ b/components/ui/breadcrumb/BreadcrumbList.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/breadcrumb/BreadcrumbPage.vue b/components/ui/breadcrumb/BreadcrumbPage.vue
index 80a972dc..78f77725 100644
--- a/components/ui/breadcrumb/BreadcrumbPage.vue
+++ b/components/ui/breadcrumb/BreadcrumbPage.vue
@@ -10,8 +10,8 @@
 </template>
 
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/breadcrumb/BreadcrumbSeparator.vue b/components/ui/breadcrumb/BreadcrumbSeparator.vue
index 4e6a8fd7..b69ee4e4 100644
--- a/components/ui/breadcrumb/BreadcrumbSeparator.vue
+++ b/components/ui/breadcrumb/BreadcrumbSeparator.vue
@@ -11,8 +11,8 @@
 </template>
 
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/button/Button.vue b/components/ui/button/Button.vue
index 88fc7061..5e273a61 100644
--- a/components/ui/button/Button.vue
+++ b/components/ui/button/Button.vue
@@ -9,10 +9,10 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
+import { cn } from '@/lib/utils';
 import { Primitive, type PrimitiveProps } from 'radix-vue';
+import type { HTMLAttributes } from 'vue';
 import { type ButtonVariants, buttonVariants } from '.';
-import { cn } from '@/lib/utils';
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants['variant'];
diff --git a/components/ui/button/index.ts b/components/ui/button/index.ts
index 0768c8e7..ecd90354 100644
--- a/components/ui/button/index.ts
+++ b/components/ui/button/index.ts
@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 
 export { default as Button } from './Button.vue';
 
diff --git a/components/ui/card/Card.vue b/components/ui/card/Card.vue
index fab6f211..f5b5373a 100644
--- a/components/ui/card/Card.vue
+++ b/components/ui/card/Card.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/card/CardContent.vue b/components/ui/card/CardContent.vue
index 48b0e92d..528b25fc 100644
--- a/components/ui/card/CardContent.vue
+++ b/components/ui/card/CardContent.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/card/CardDescription.vue b/components/ui/card/CardDescription.vue
index 1dcece3c..d528683f 100644
--- a/components/ui/card/CardDescription.vue
+++ b/components/ui/card/CardDescription.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/card/CardFooter.vue b/components/ui/card/CardFooter.vue
index 7a9ff14b..c02f35fc 100644
--- a/components/ui/card/CardFooter.vue
+++ b/components/ui/card/CardFooter.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/card/CardHeader.vue b/components/ui/card/CardHeader.vue
index 8a48f4d3..bb4ef482 100644
--- a/components/ui/card/CardHeader.vue
+++ b/components/ui/card/CardHeader.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/card/CardTitle.vue b/components/ui/card/CardTitle.vue
index fb3662b9..816cdacb 100644
--- a/components/ui/card/CardTitle.vue
+++ b/components/ui/card/CardTitle.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/card/index.ts b/components/ui/card/index.ts
index 872bc819..d652969f 100644
--- a/components/ui/card/index.ts
+++ b/components/ui/card/index.ts
@@ -1,6 +1,6 @@
 export { default as Card } from './Card.vue';
-export { default as CardHeader } from './CardHeader.vue';
-export { default as CardTitle } from './CardTitle.vue';
-export { default as CardDescription } from './CardDescription.vue';
 export { default as CardContent } from './CardContent.vue';
+export { default as CardDescription } from './CardDescription.vue';
 export { default as CardFooter } from './CardFooter.vue';
+export { default as CardHeader } from './CardHeader.vue';
+export { default as CardTitle } from './CardTitle.vue';
diff --git a/components/ui/collapsible/index.ts b/components/ui/collapsible/index.ts
index 39c4f307..56b5a955 100644
--- a/components/ui/collapsible/index.ts
+++ b/components/ui/collapsible/index.ts
@@ -1,3 +1,3 @@
 export { default as Collapsible } from './Collapsible.vue';
-export { default as CollapsibleTrigger } from './CollapsibleTrigger.vue';
 export { default as CollapsibleContent } from './CollapsibleContent.vue';
+export { default as CollapsibleTrigger } from './CollapsibleTrigger.vue';
diff --git a/components/ui/command/Command.vue b/components/ui/command/Command.vue
index 73e5d014..69205842 100644
--- a/components/ui/command/Command.vue
+++ b/components/ui/command/Command.vue
@@ -8,10 +8,10 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import type { ComboboxRootEmits, ComboboxRootProps } from 'radix-vue';
-import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
+import type { ComboboxRootEmits, ComboboxRootProps } from 'radix-vue';
 
 const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes['class'] }>(), {
   open: true,
diff --git a/components/ui/command/CommandGroup.vue b/components/ui/command/CommandGroup.vue
index 1cd7f179..d5f4a48f 100644
--- a/components/ui/command/CommandGroup.vue
+++ b/components/ui/command/CommandGroup.vue
@@ -11,10 +11,10 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import type { ComboboxGroupProps } from 'radix-vue';
-import { ComboboxGroup, ComboboxLabel } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ComboboxGroup, ComboboxLabel } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
+import type { ComboboxGroupProps } from 'radix-vue';
 
 const props = defineProps<ComboboxGroupProps & {
   class?: HTMLAttributes['class'];
diff --git a/components/ui/command/CommandInput.vue b/components/ui/command/CommandInput.vue
index a4ca9164..4d30c741 100644
--- a/components/ui/command/CommandInput.vue
+++ b/components/ui/command/CommandInput.vue
@@ -11,9 +11,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ComboboxInput, type ComboboxInputProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ComboboxInput, type ComboboxInputProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 defineOptions({
   inheritAttrs: false,
diff --git a/components/ui/command/CommandItem.vue b/components/ui/command/CommandItem.vue
index 2c244709..3a6a0d1f 100644
--- a/components/ui/command/CommandItem.vue
+++ b/components/ui/command/CommandItem.vue
@@ -8,10 +8,10 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import type { ComboboxItemEmits, ComboboxItemProps } from 'radix-vue';
-import { ComboboxItem, useForwardPropsEmits } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ComboboxItem, useForwardPropsEmits } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
+import type { ComboboxItemEmits, ComboboxItemProps } from 'radix-vue';
 
 const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<ComboboxItemEmits>();
diff --git a/components/ui/command/CommandList.vue b/components/ui/command/CommandList.vue
index 01634a15..9256a86f 100644
--- a/components/ui/command/CommandList.vue
+++ b/components/ui/command/CommandList.vue
@@ -7,10 +7,10 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import type { ComboboxContentEmits, ComboboxContentProps } from 'radix-vue';
-import { ComboboxContent, useForwardPropsEmits } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ComboboxContent, useForwardPropsEmits } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
+import type { ComboboxContentEmits, ComboboxContentProps } from 'radix-vue';
 
 const props = withDefaults(defineProps<ComboboxContentProps & { class?: HTMLAttributes['class'] }>(), {
   dismissable: false,
diff --git a/components/ui/command/CommandSeparator.vue b/components/ui/command/CommandSeparator.vue
index c46822bd..11fe1820 100644
--- a/components/ui/command/CommandSeparator.vue
+++ b/components/ui/command/CommandSeparator.vue
@@ -8,10 +8,10 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import type { ComboboxSeparatorProps } from 'radix-vue';
-import { ComboboxSeparator } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ComboboxSeparator } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
+import type { ComboboxSeparatorProps } from 'radix-vue';
 
 const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/dialog/DialogContent.vue b/components/ui/dialog/DialogContent.vue
index de3d1271..21609690 100644
--- a/components/ui/dialog/DialogContent.vue
+++ b/components/ui/dialog/DialogContent.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   DialogClose,
   DialogContent,
@@ -34,7 +34,7 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<DialogContentEmits>();
diff --git a/components/ui/dialog/DialogDescription.vue b/components/ui/dialog/DialogDescription.vue
index 325ec30c..8120e272 100644
--- a/components/ui/dialog/DialogDescription.vue
+++ b/components/ui/dialog/DialogDescription.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/dialog/DialogFooter.vue b/components/ui/dialog/DialogFooter.vue
index 577188e1..9859cb59 100644
--- a/components/ui/dialog/DialogFooter.vue
+++ b/components/ui/dialog/DialogFooter.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/components/ui/dialog/DialogHeader.vue b/components/ui/dialog/DialogHeader.vue
index df45d85e..fe2a7de2 100644
--- a/components/ui/dialog/DialogHeader.vue
+++ b/components/ui/dialog/DialogHeader.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{
   class?: HTMLAttributes['class'];
diff --git a/components/ui/dialog/DialogScrollContent.vue b/components/ui/dialog/DialogScrollContent.vue
index 984e14b2..8946883f 100644
--- a/components/ui/dialog/DialogScrollContent.vue
+++ b/components/ui/dialog/DialogScrollContent.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   DialogClose,
   DialogContent,
@@ -43,7 +43,7 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<DialogContentEmits>();
diff --git a/components/ui/dialog/DialogTitle.vue b/components/ui/dialog/DialogTitle.vue
index 9a69627f..81aeaf05 100644
--- a/components/ui/dialog/DialogTitle.vue
+++ b/components/ui/dialog/DialogTitle.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/dialog/index.ts b/components/ui/dialog/index.ts
index c2340ad7..e924dd4b 100644
--- a/components/ui/dialog/index.ts
+++ b/components/ui/dialog/index.ts
@@ -1,9 +1,9 @@
 export { default as Dialog } from './Dialog.vue';
 export { default as DialogClose } from './DialogClose.vue';
-export { default as DialogTrigger } from './DialogTrigger.vue';
-export { default as DialogHeader } from './DialogHeader.vue';
-export { default as DialogTitle } from './DialogTitle.vue';
-export { default as DialogDescription } from './DialogDescription.vue';
 export { default as DialogContent } from './DialogContent.vue';
-export { default as DialogScrollContent } from './DialogScrollContent.vue';
+export { default as DialogDescription } from './DialogDescription.vue';
 export { default as DialogFooter } from './DialogFooter.vue';
+export { default as DialogHeader } from './DialogHeader.vue';
+export { default as DialogScrollContent } from './DialogScrollContent.vue';
+export { default as DialogTitle } from './DialogTitle.vue';
+export { default as DialogTrigger } from './DialogTrigger.vue';
diff --git a/components/ui/label/Label.vue b/components/ui/label/Label.vue
index e2dd778a..10df149d 100644
--- a/components/ui/label/Label.vue
+++ b/components/ui/label/Label.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { Label, type LabelProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { Label, type LabelProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/NavigationMenu.vue b/components/ui/navigation-menu/NavigationMenu.vue
index 142c24f0..7f75908f 100644
--- a/components/ui/navigation-menu/NavigationMenu.vue
+++ b/components/ui/navigation-menu/NavigationMenu.vue
@@ -9,15 +9,15 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   NavigationMenuRoot,
   type NavigationMenuRootEmits,
   type NavigationMenuRootProps,
   useForwardPropsEmits,
 } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 import NavigationMenuViewport from './NavigationMenuViewport.vue';
-import { cn } from '@/lib/utils';
 
 const props = defineProps<NavigationMenuRootProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/NavigationMenuContent.vue b/components/ui/navigation-menu/NavigationMenuContent.vue
index b5f2ca85..347097ef 100644
--- a/components/ui/navigation-menu/NavigationMenuContent.vue
+++ b/components/ui/navigation-menu/NavigationMenuContent.vue
@@ -11,14 +11,14 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   NavigationMenuContent,
   type NavigationMenuContentEmits,
   type NavigationMenuContentProps,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<NavigationMenuContentProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/NavigationMenuIndicator.vue b/components/ui/navigation-menu/NavigationMenuIndicator.vue
index 9777680a..71ba91ed 100644
--- a/components/ui/navigation-menu/NavigationMenuIndicator.vue
+++ b/components/ui/navigation-menu/NavigationMenuIndicator.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { NavigationMenuIndicator, type NavigationMenuIndicatorProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { NavigationMenuIndicator, type NavigationMenuIndicatorProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<NavigationMenuIndicatorProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/NavigationMenuList.vue b/components/ui/navigation-menu/NavigationMenuList.vue
index 75fde3c9..04559e5d 100644
--- a/components/ui/navigation-menu/NavigationMenuList.vue
+++ b/components/ui/navigation-menu/NavigationMenuList.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { NavigationMenuList, type NavigationMenuListProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { NavigationMenuList, type NavigationMenuListProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<NavigationMenuListProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/NavigationMenuTrigger.vue b/components/ui/navigation-menu/NavigationMenuTrigger.vue
index ca8e6c89..5db72e3f 100644
--- a/components/ui/navigation-menu/NavigationMenuTrigger.vue
+++ b/components/ui/navigation-menu/NavigationMenuTrigger.vue
@@ -13,14 +13,14 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   NavigationMenuTrigger,
   type NavigationMenuTriggerProps,
   useForwardProps,
 } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 import { navigationMenuTriggerStyle } from '.';
-import { cn } from '@/lib/utils';
 
 const props = defineProps<NavigationMenuTriggerProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/NavigationMenuViewport.vue b/components/ui/navigation-menu/NavigationMenuViewport.vue
index 598a462a..7fab81c8 100644
--- a/components/ui/navigation-menu/NavigationMenuViewport.vue
+++ b/components/ui/navigation-menu/NavigationMenuViewport.vue
@@ -13,13 +13,13 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   NavigationMenuViewport,
   type NavigationMenuViewportProps,
   useForwardProps,
 } from 'radix-vue';
-import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<NavigationMenuViewportProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/navigation-menu/index.ts b/components/ui/navigation-menu/index.ts
index a478350e..4992465e 100644
--- a/components/ui/navigation-menu/index.ts
+++ b/components/ui/navigation-menu/index.ts
@@ -1,11 +1,11 @@
 import { cva } from 'class-variance-authority';
 
 export { default as NavigationMenu } from './NavigationMenu.vue';
-export { default as NavigationMenuList } from './NavigationMenuList.vue';
-export { default as NavigationMenuItem } from './NavigationMenuItem.vue';
-export { default as NavigationMenuTrigger } from './NavigationMenuTrigger.vue';
 export { default as NavigationMenuContent } from './NavigationMenuContent.vue';
+export { default as NavigationMenuItem } from './NavigationMenuItem.vue';
 export { default as NavigationMenuLink } from './NavigationMenuLink.vue';
+export { default as NavigationMenuList } from './NavigationMenuList.vue';
+export { default as NavigationMenuTrigger } from './NavigationMenuTrigger.vue';
 
 export const navigationMenuTriggerStyle = cva(
   'group inline-flex h-10 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-accent/50 data-[state=open]:bg-accent/50',
diff --git a/components/ui/popover/PopoverContent.vue b/components/ui/popover/PopoverContent.vue
index a348de15..03ed1314 100644
--- a/components/ui/popover/PopoverContent.vue
+++ b/components/ui/popover/PopoverContent.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   PopoverContent,
   type PopoverContentEmits,
@@ -23,7 +23,7 @@ import {
   PopoverPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
-import { cn } from '@/lib/utils';
+import { computed, type HTMLAttributes } from 'vue';
 
 defineOptions({
   inheritAttrs: false,
diff --git a/components/ui/popover/index.ts b/components/ui/popover/index.ts
index 6d0618b3..dbe007b0 100644
--- a/components/ui/popover/index.ts
+++ b/components/ui/popover/index.ts
@@ -1,4 +1,4 @@
-export { PopoverAnchor } from 'radix-vue';
 export { default as Popover } from './Popover.vue';
-export { default as PopoverTrigger } from './PopoverTrigger.vue';
 export { default as PopoverContent } from './PopoverContent.vue';
+export { default as PopoverTrigger } from './PopoverTrigger.vue';
+export { PopoverAnchor } from 'radix-vue';
diff --git a/components/ui/scroll-area/ScrollArea.vue b/components/ui/scroll-area/ScrollArea.vue
index d7016101..f7b0233f 100644
--- a/components/ui/scroll-area/ScrollArea.vue
+++ b/components/ui/scroll-area/ScrollArea.vue
@@ -9,15 +9,15 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   ScrollAreaCorner,
   ScrollAreaRoot,
   type ScrollAreaRootProps,
   ScrollAreaViewport,
 } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 import ScrollBar from './ScrollBar.vue';
-import { cn } from '@/lib/utils';
 
 const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/scroll-area/ScrollBar.vue b/components/ui/scroll-area/ScrollBar.vue
index 7fc7ad3b..857b4cf4 100644
--- a/components/ui/scroll-area/ScrollBar.vue
+++ b/components/ui/scroll-area/ScrollBar.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
   orientation: 'vertical',
diff --git a/components/ui/separator/Separator.vue b/components/ui/separator/Separator.vue
index 57e55bc3..57a72b47 100644
--- a/components/ui/separator/Separator.vue
+++ b/components/ui/separator/Separator.vue
@@ -6,9 +6,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { Separator, type SeparatorProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { Separator, type SeparatorProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/sheet/SheetContent.vue b/components/ui/sheet/SheetContent.vue
index e63d8e09..e4ab4f5a 100644
--- a/components/ui/sheet/SheetContent.vue
+++ b/components/ui/sheet/SheetContent.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
+import { cn } from '@/lib/utils';
 import {
   DialogClose,
   DialogContent,
@@ -29,8 +29,8 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 import { type SheetVariants, sheetVariants } from '.';
-import { cn } from '@/lib/utils';
 
 interface SheetContentProps extends DialogContentProps {
   class?: HTMLAttributes['class'];
diff --git a/components/ui/sheet/SheetDescription.vue b/components/ui/sheet/SheetDescription.vue
index 663b574b..147e3a2d 100644
--- a/components/ui/sheet/SheetDescription.vue
+++ b/components/ui/sheet/SheetDescription.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { DialogDescription, type DialogDescriptionProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/sheet/SheetFooter.vue b/components/ui/sheet/SheetFooter.vue
index 577188e1..9859cb59 100644
--- a/components/ui/sheet/SheetFooter.vue
+++ b/components/ui/sheet/SheetFooter.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/components/ui/sheet/SheetHeader.vue b/components/ui/sheet/SheetHeader.vue
index 140469be..16c4fcac 100644
--- a/components/ui/sheet/SheetHeader.vue
+++ b/components/ui/sheet/SheetHeader.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
+import type { HTMLAttributes } from 'vue';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/components/ui/sheet/SheetTitle.vue b/components/ui/sheet/SheetTitle.vue
index 78d0859e..5a7d9c35 100644
--- a/components/ui/sheet/SheetTitle.vue
+++ b/components/ui/sheet/SheetTitle.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { DialogTitle, type DialogTitleProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { DialogTitle, type DialogTitleProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/sheet/index.ts b/components/ui/sheet/index.ts
index 49d7becb..ea9aa9fe 100644
--- a/components/ui/sheet/index.ts
+++ b/components/ui/sheet/index.ts
@@ -1,13 +1,13 @@
-import { type VariantProps, cva } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 
 export { default as Sheet } from './Sheet.vue';
-export { default as SheetTrigger } from './SheetTrigger.vue';
 export { default as SheetClose } from './SheetClose.vue';
 export { default as SheetContent } from './SheetContent.vue';
-export { default as SheetHeader } from './SheetHeader.vue';
-export { default as SheetTitle } from './SheetTitle.vue';
 export { default as SheetDescription } from './SheetDescription.vue';
 export { default as SheetFooter } from './SheetFooter.vue';
+export { default as SheetHeader } from './SheetHeader.vue';
+export { default as SheetTitle } from './SheetTitle.vue';
+export { default as SheetTrigger } from './SheetTrigger.vue';
 
 export const sheetVariants = cva(
   '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',
diff --git a/components/ui/tabs/TabsContent.vue b/components/ui/tabs/TabsContent.vue
index 65ec1091..df4d7da9 100644
--- a/components/ui/tabs/TabsContent.vue
+++ b/components/ui/tabs/TabsContent.vue
@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { TabsContent, type TabsContentProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { TabsContent, type TabsContentProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/tabs/TabsList.vue b/components/ui/tabs/TabsList.vue
index 0f138ffc..ff3ccecf 100644
--- a/components/ui/tabs/TabsList.vue
+++ b/components/ui/tabs/TabsList.vue
@@ -11,9 +11,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { TabsList, type TabsListProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { TabsList, type TabsListProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/tabs/TabsTrigger.vue b/components/ui/tabs/TabsTrigger.vue
index 30b7e9e9..4aba59b4 100644
--- a/components/ui/tabs/TabsTrigger.vue
+++ b/components/ui/tabs/TabsTrigger.vue
@@ -11,9 +11,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/tabs/index.ts b/components/ui/tabs/index.ts
index f90d5fe7..8f5f7445 100644
--- a/components/ui/tabs/index.ts
+++ b/components/ui/tabs/index.ts
@@ -1,4 +1,4 @@
 export { default as Tabs } from './Tabs.vue';
-export { default as TabsTrigger } from './TabsTrigger.vue';
-export { default as TabsList } from './TabsList.vue';
 export { default as TabsContent } from './TabsContent.vue';
+export { default as TabsList } from './TabsList.vue';
+export { default as TabsTrigger } from './TabsTrigger.vue';
diff --git a/components/ui/toast/Toast.vue b/components/ui/toast/Toast.vue
index 22adc593..610341ae 100644
--- a/components/ui/toast/Toast.vue
+++ b/components/ui/toast/Toast.vue
@@ -9,10 +9,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { cn } from '@/lib/utils';
 import { ToastRoot, type ToastRootEmits, useForwardPropsEmits } from 'radix-vue';
+import { computed } from 'vue';
 import { type ToastProps, toastVariants } from '.';
-import { cn } from '@/lib/utils';
 
 const props = defineProps<ToastProps>();
 
diff --git a/components/ui/toast/ToastAction.vue b/components/ui/toast/ToastAction.vue
index 766f607c..c616bd0d 100644
--- a/components/ui/toast/ToastAction.vue
+++ b/components/ui/toast/ToastAction.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ToastAction, type ToastActionProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ToastAction, type ToastActionProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<ToastActionProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/toast/ToastClose.vue b/components/ui/toast/ToastClose.vue
index d22c2647..4b18aed0 100644
--- a/components/ui/toast/ToastClose.vue
+++ b/components/ui/toast/ToastClose.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ToastClose, type ToastCloseProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ToastClose, type ToastCloseProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<ToastCloseProps & {
   class?: HTMLAttributes['class'];
diff --git a/components/ui/toast/ToastDescription.vue b/components/ui/toast/ToastDescription.vue
index 5c62482d..7d36d6d1 100644
--- a/components/ui/toast/ToastDescription.vue
+++ b/components/ui/toast/ToastDescription.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ToastDescription, type ToastDescriptionProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ToastDescription, type ToastDescriptionProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<ToastDescriptionProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/toast/ToastTitle.vue b/components/ui/toast/ToastTitle.vue
index 1e9bd4d0..5e96b1e4 100644
--- a/components/ui/toast/ToastTitle.vue
+++ b/components/ui/toast/ToastTitle.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ToastTitle, type ToastTitleProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ToastTitle, type ToastTitleProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<ToastTitleProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/toast/ToastViewport.vue b/components/ui/toast/ToastViewport.vue
index 56f1cccf..4c5bbba0 100644
--- a/components/ui/toast/ToastViewport.vue
+++ b/components/ui/toast/ToastViewport.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue';
-import { ToastViewport, type ToastViewportProps } from 'radix-vue';
 import { cn } from '@/lib/utils';
+import { ToastViewport, type ToastViewportProps } from 'radix-vue';
+import { computed, type HTMLAttributes } from 'vue';
 
 const props = defineProps<ToastViewportProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/components/ui/toast/Toaster.vue b/components/ui/toast/Toaster.vue
index 2efe5622..00fe0cb3 100644
--- a/components/ui/toast/Toaster.vue
+++ b/components/ui/toast/Toaster.vue
@@ -23,8 +23,8 @@
 
 <script setup lang="ts">
 import { isVNode } from 'vue';
-import { useToast } from './use-toast';
 import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from '.';
+import { useToast } from './use-toast';
 
 const { toasts } = useToast();
 </script>
diff --git a/components/ui/toast/index.ts b/components/ui/toast/index.ts
index 233d3f20..a5464004 100644
--- a/components/ui/toast/index.ts
+++ b/components/ui/toast/index.ts
@@ -1,16 +1,16 @@
+import { cva, type VariantProps } from 'class-variance-authority';
 import type { ToastRootProps } from 'radix-vue';
-import type { HTMLAttributes } from 'vue';
 
-import { type VariantProps, cva } from 'class-variance-authority';
+import type { HTMLAttributes } from 'vue';
 
-export { default as Toaster } from './Toaster.vue';
 export { default as Toast } from './Toast.vue';
-export { default as ToastViewport } from './ToastViewport.vue';
 export { default as ToastAction } from './ToastAction.vue';
 export { default as ToastClose } from './ToastClose.vue';
-export { default as ToastTitle } from './ToastTitle.vue';
 export { default as ToastDescription } from './ToastDescription.vue';
+export { default as Toaster } from './Toaster.vue';
 export { default as ToastProvider } from './ToastProvider.vue';
+export { default as ToastTitle } from './ToastTitle.vue';
+export { default as ToastViewport } from './ToastViewport.vue';
 export { toast, useToast } from './use-toast';
 
 export const toastVariants = cva(
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d153f175..ca51cdb3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,5 @@
-import { fileURLToPath } from 'node:url';
 import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 const currentDir = dirname(fileURLToPath(import.meta.url));
 
diff --git a/package.json b/package.json
index f9cafbe9..8d3f7522 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "shadcn-docs-nuxt",
   "type": "module",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "author": "Tony Zhang <zhangtianli2006@gmail.com>",
   "license": "MIT",
   "homepage": "https://shadcn-docs.nuxt.dev/",
@@ -35,30 +35,30 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@iconify-json/lucide": "^1.1.209",
+    "@iconify-json/lucide": "^1.2.2",
     "@nuxt/content": "^2.13.2",
-    "@nuxt/icon": "^1.5.0",
+    "@nuxt/icon": "^1.5.1",
     "@nuxt/image": "^1.8.0",
     "@nuxtjs/color-mode": "^3.4.4",
     "@nuxtjs/tailwindcss": "^6.12.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "nuxt": "^3.13.0",
+    "nuxt": "^3.13.1",
     "radix-vue": "^1.9.5",
     "shadcn-nuxt": "^0.10.4",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.5.4",
-    "vue": "^3.4.38",
+    "vue": "^3.5.3",
     "vue-router": "^4.4.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.27.3",
-    "@vueuse/core": "^10.11.1",
-    "@vueuse/nuxt": "^10.11.1",
+    "@antfu/eslint-config": "^3.3.2",
+    "@vueuse/core": "^11.0.3",
+    "@vueuse/nuxt": "^11.0.3",
     "eslint": "^9.9.1",
     "eslint-plugin-tailwindcss": "^3.17.4",
-    "shiki": "^1.15.2",
-    "vue-tsc": "^2.1.4"
+    "shiki": "^1.16.2",
+    "vue-tsc": "^2.1.6"
   }
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 00807295..0f55b1d8 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,5 +1,5 @@
-import type { Config } from 'tailwindcss';
 import animate from 'tailwindcss-animate';
+import type { Config } from 'tailwindcss';
 
 export default {
   darkMode: 'class',