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

app/components/pub/ui/navigation-menu/NavigationMenu.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { NavigationMenuRootEmits, NavigationMenuRootProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import {
   NavigationMenuRoot,
 
   useForwardPropsEmits,
 } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import NavigationMenuViewport from './NavigationMenuViewport.vue'
 
 const props = defineProps<NavigationMenuRootProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/navigation-menu/NavigationMenuContent.vue

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

app/components/pub/ui/navigation-menu/NavigationMenuIndicator.vue

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

app/components/pub/ui/navigation-menu/NavigationMenuList.vue

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

app/components/pub/ui/navigation-menu/NavigationMenuTrigger.vue

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

app/components/pub/ui/navigation-menu/NavigationMenuViewport.vue

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