⚠️ refactor (form): refactor label component for improved styling and responsiveness

app/components/pub/ui/alert-dialog/AlertDialogAction.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { AlertDialogActionProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { AlertDialogAction } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import { buttonVariants } from '../button'
 
 const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/alert-dialog/AlertDialogCancel.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { AlertDialogCancelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { AlertDialogCancel } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import { buttonVariants } from '../button'
 
 const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/alert-dialog/AlertDialogContent.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { AlertDialogContentEmits, AlertDialogContentProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import {
   AlertDialogContent,
 
@@ -10,6 +9,7 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<AlertDialogContentEmits>()

app/components/pub/ui/alert-dialog/AlertDialogDescription.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { AlertDialogDescriptionProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import {
   AlertDialogDescription,
 
 } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/alert-dialog/AlertDialogTitle.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { AlertDialogTitleProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { AlertDialogTitle } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes['class'] }>()