Fix/linter (#10)

* fix(style): formatting inconsistencies across codebase

- Remove trailing semicolons from TypeScript imports
- Fix Vue template indentation and line breaks
- Standardize component attribute formatting
- Remove unnecessary empty lines
- Reorder import statements for consistency

* chore: update import path and add editorconfig

Update SidebarNavLink import path to match new component structure and add standard editorconfig for consistent code formatting

app/components/pub/base/data-table/data-table.vue

@@ -20,8 +20,10 @@ const loader = inject('table_data_loader') as DataTableLoader
   <Table>
     <TableHeader class="bg-gray-50">
       <TableRow>
-        <TableHead v-for="(h, idx) in header[0]" :key="`head-${idx}`" class="border"
-          :style="{ width: cols[idx]?.width ? `${cols[idx].width}px` : undefined }">
+        <TableHead
+v-for="(h, idx) in header[0]" :key="`head-${idx}`" class="border"
+          :style="{ width: cols[idx]?.width ? `${cols[idx].width}px` : undefined }"
+>
           {{ h.label }}
         </TableHead>
       </TableRow>
@@ -49,8 +51,10 @@ const loader = inject('table_data_loader') as DataTableLoader
       <TableRow v-for="(row, rowIndex) in rows" :key="`row-${rowIndex}`">
         <TableCell v-for="(key, cellIndex) in keys" :key="`cell-${rowIndex}-${cellIndex}`" class="border">
           <!-- If funcComponent has a renderer -->
-          <component :is="funcComponent[key](row, rowIndex).component" v-if="funcComponent[key]"
-            v-bind="funcComponent[key](row, rowIndex)" />
+          <component
+:is="funcComponent[key](row, rowIndex).component" v-if="funcComponent[key]"
+            v-bind="funcComponent[key](row, rowIndex)"
+/>
           <!-- If funcParsed or funcHtml returns a value -->
           <template v-else>
             <!-- Use v-html for funcHtml to render HTML content -->

app/components/pub/custom-ui/nav-header/header.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HeaderPrep, RefSearchNav } from '../types.ts'
+import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
 
 const props = defineProps<{
   prep: HeaderPrep
@@ -11,8 +11,8 @@ const props = defineProps<{
   <header>
     <div class="flex items-center">
       <div class="ml-3 text-lg font-bold text-gray-900">
-        <Icon :name="prep.icon" class="mr-2 h-4 w-4 align-middle" />
-        {{ prep.title }}
+        <Icon :name="props.prep.icon!" class="mr-2 h-4 w-4 align-middle" />
+        {{ props.prep.title }}
       </div>
     </div>
   </header>

app/components/pub/custom-ui/nav-header/prep.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HeaderPrep, RefSearchNav } from '../types.ts'
+import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
 
 const props = defineProps<{
   prep: HeaderPrep
@@ -15,7 +15,7 @@ function onInput(event: Event) {
 }
 
 function btnClick() {
-  props.prep?.addNav?.onClick()
+  props.prep?.addNav?.onClick?.()
 }
 </script>
 
@@ -24,20 +24,17 @@ function btnClick() {
     <div class="flex items-center justify-between">
       <div class="flex items-center">
         <div class="ml-3 text-lg font-bold text-gray-900">
-          <Icon :name="prep.icon" class="mr-2 size-4 md:size-6 align-middle" />
-          {{ prep.title }}
+          <Icon :name="props.prep.icon!" class="mr-2 size-4 md:size-6 align-middle" />
+          {{ props.prep.title }}
         </div>
       </div>
       <div class="flex items-center">
-        <div v-if="props.refSearchNav"
-        class="ml-3 text-lg text-gray-900">
+        <div v-if="props.refSearchNav" class="ml-3 text-lg text-gray-900">
           <Input
-            type="text"
-            placeholder="Search"
-            class="w-full rounded-md border bg-white px-4 py-2 text-gray-900 sm:text-sm"
-            @click="emitSearchNavClick"
+type="text" placeholder="Search"
+            class="w-full rounded-md border bg-white px-4 py-2 text-gray-900 sm:text-sm" @click="emitSearchNavClick"
             @input="onInput"
-          />
+/>
         </div>
         <div v-if="prep.addNav" class="m-2 flex items-center">
           <Button size="md" class="rounded-md border border-gray-300 px-4 py-2 text-white sm:text-sm" @click="btnClick">

app/components/pub/custom-ui/nav-header/search.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HeaderPrep, RefSearchNav } from '../types.ts'
+import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
 
 const props = defineProps<{
   prep: HeaderPrep
@@ -15,7 +15,7 @@ function onInput(event: Event) {
 }
 
 function btnClick() {
-  props.prep.addNav?.onClick()
+  props.prep?.addNav?.onClick?.()
 }
 </script>
 

app/components/pub/ui/accordion/AccordionContent.vue

@@ -5,7 +5,6 @@ import { AccordionContent } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AccordionContentProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/accordion/AccordionItem.vue

@@ -5,7 +5,6 @@ import { AccordionItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AccordionItemProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/accordion/AccordionTrigger.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -11,7 +11,6 @@ import {
 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

@@ -8,7 +8,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

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

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

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

@@ -5,7 +5,6 @@ import { AlertDialogTitle } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/alert/AlertDescription.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/alert/AlertTitle.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { MoreHorizontal } from 'lucide-vue-next'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbItem.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbLink.vue

@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { Primitive } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>(), {
   as: 'a',
 })

app/components/pub/ui/breadcrumb/BreadcrumbList.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbPage.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { ChevronRight } from 'lucide-vue-next'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/button/Button.vue

@@ -2,8 +2,8 @@
 import type { PrimitiveProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import type { ButtonVariants } from '.'
-import { cn } from '~/lib/utils'
 import { Primitive } from 'radix-vue'
+import { cn } from '~/lib/utils'
 import { buttonVariants } from '.'
 
 interface Props extends PrimitiveProps {

app/components/pub/ui/calendar/CalendarCell.vue

@@ -5,7 +5,6 @@ import { CalendarCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarCellProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/calendar/CalendarGrid.vue

@@ -5,7 +5,6 @@ import { CalendarGrid, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarGridProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/calendar/CalendarGridRow.vue

@@ -5,7 +5,6 @@ import { CalendarGridRow, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/calendar/CalendarHeadCell.vue

@@ -5,7 +5,6 @@ import { CalendarHeadCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/calendar/CalendarHeader.vue

@@ -5,7 +5,6 @@ import { CalendarHeader, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/calendar/CalendarHeading.vue

@@ -5,7 +5,6 @@ import { CalendarHeading, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/card/Card.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardContent.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardDescription.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardFooter.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardHeader.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardTitle.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/checkbox/Checkbox.vue

@@ -5,7 +5,6 @@ import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<CheckboxRootEmits>()
 

app/components/pub/ui/command/Command.vue

@@ -5,7 +5,6 @@ import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes['class'] }>(), {
   open: true,
   modelValue: '',

app/components/pub/ui/command/CommandEmpty.vue

@@ -5,7 +5,6 @@ import { ComboboxEmpty } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/command/CommandGroup.vue

@@ -5,7 +5,6 @@ import { ComboboxGroup, ComboboxLabel } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxGroupProps & {
   class?: HTMLAttributes['class']
   heading?: string

app/components/pub/ui/command/CommandInput.vue

@@ -6,7 +6,6 @@ import { ComboboxInput, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 defineOptions({
   inheritAttrs: false,
 })

app/components/pub/ui/command/CommandItem.vue

@@ -5,7 +5,6 @@ import { ComboboxItem, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ComboboxItemEmits>()
 

app/components/pub/ui/command/CommandList.vue

@@ -5,7 +5,6 @@ import { ComboboxContent, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<ComboboxContentProps & { class?: HTMLAttributes['class'] }>(), {
   dismissable: false,
 })

app/components/pub/ui/command/CommandSeparator.vue

@@ -5,7 +5,6 @@ import { ComboboxSeparator } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/command/CommandShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/context-menu/ContextMenuCheckboxItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuCheckboxItemEmits>()
 

app/components/pub/ui/context-menu/ContextMenuContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuContentEmits>()
 

app/components/pub/ui/context-menu/ContextMenuItem.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 const emits = defineEmits<ContextMenuItemEmits>()
 

app/components/pub/ui/context-menu/ContextMenuLabel.vue

@@ -5,7 +5,6 @@ import { ContextMenuLabel } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/context-menu/ContextMenuRadioItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuRadioItemEmits>()
 

app/components/pub/ui/context-menu/ContextMenuSeparator.vue

@@ -8,7 +8,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/context-menu/ContextMenuShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/context-menu/ContextMenuSubContent.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 

app/components/pub/ui/context-menu/ContextMenuSubTrigger.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dialog/DialogContent.vue

@@ -13,7 +13,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
 

app/components/pub/ui/dialog/DialogDescription.vue

@@ -5,7 +5,6 @@ import { DialogDescription, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dialog/DialogFooter.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
 

app/components/pub/ui/dialog/DialogHeader.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/dialog/DialogScrollContent.vue

@@ -13,7 +13,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
 

app/components/pub/ui/dialog/DialogTitle.vue

@@ -5,7 +5,6 @@ import { DialogTitle, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/drawer/DrawerDescription.vue

@@ -5,7 +5,6 @@ import { DrawerDescription } from 'vaul-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DrawerDescriptionProps & { class?: HtmlHTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/drawer/DrawerFooter.vue

@@ -2,7 +2,6 @@
 import type { HtmlHTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HtmlHTMLAttributes['class']
 }>()

app/components/pub/ui/drawer/DrawerHeader.vue

@@ -2,7 +2,6 @@
 import type { HtmlHTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HtmlHTMLAttributes['class']
 }>()

app/components/pub/ui/drawer/DrawerOverlay.vue

@@ -5,7 +5,6 @@ import { DrawerOverlay } from 'vaul-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogOverlayProps & { class?: HtmlHTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/drawer/DrawerTitle.vue

@@ -5,7 +5,6 @@ import { DrawerTitle } from 'vaul-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DrawerTitleProps & { class?: HtmlHTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
 

app/components/pub/ui/dropdown-menu/DropdownMenuContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
   {

app/components/pub/ui/dropdown-menu/DropdownMenuItem.vue

@@ -5,7 +5,6 @@ import { DropdownMenuItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -5,7 +5,6 @@ import { DropdownMenuLabel, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<DropdownMenuRadioItemEmits>()

app/components/pub/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -8,7 +8,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 

app/components/pub/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/hover-card/HoverCardContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),
   {

app/components/pub/ui/input/Input.vue

@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { useVModel } from '@vueuse/core'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   defaultValue?: string | number
   modelValue?: string | number

app/components/pub/ui/label/Label.vue

@@ -5,7 +5,6 @@ import { Label } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/menubar/Menubar.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<MenubarRootEmits>()
 

app/components/pub/ui/menubar/MenubarCheckboxItem.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<MenubarCheckboxItemEmits>()
 

app/components/pub/ui/menubar/MenubarContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<MenubarContentProps & { class?: HTMLAttributes['class'] }>(),
   {

app/components/pub/ui/menubar/MenubarItem.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const emits = defineEmits<MenubarItemEmits>()

app/components/pub/ui/menubar/MenubarLabel.vue

@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { MenubarLabel } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 </script>
 

app/components/pub/ui/menubar/MenubarRadioItem.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<MenubarRadioItemEmits>()
 

app/components/pub/ui/menubar/MenubarSeparator.vue

@@ -5,7 +5,6 @@ import { MenubarSeparator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/menubar/MenubarShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/menubar/MenubarSubContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarSubContentProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<MenubarSubContentEmits>()

app/components/pub/ui/menubar/MenubarSubTrigger.vue

@@ -5,7 +5,6 @@ import { MenubarSubTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/menubar/MenubarTrigger.vue

@@ -5,7 +5,6 @@ import { MenubarTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuContentProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<NavigationMenuContentEmits>()

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

@@ -5,7 +5,6 @@ import { NavigationMenuIndicator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuIndicatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -5,7 +5,6 @@ import { NavigationMenuList, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuListProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuViewportProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/number-field/NumberField.vue

@@ -5,7 +5,6 @@ import { NumberFieldRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NumberFieldRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<NumberFieldRootEmits>()
 

app/components/pub/ui/number-field/NumberFieldContent.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/number-field/NumberFieldDecrement.vue

@@ -6,7 +6,6 @@ import { NumberFieldDecrement, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NumberFieldDecrementProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/number-field/NumberFieldIncrement.vue

@@ -6,7 +6,6 @@ import { NumberFieldIncrement, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NumberFieldIncrementProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/number-field/NumberFieldInput.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { NumberFieldInput } from 'radix-vue'
 import { cn } from '~/lib/utils'
-
 </script>
 
 <template>

app/components/pub/ui/pagination/PaginationEllipsis.vue

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

app/components/pub/ui/pagination/PaginationFirst.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { PaginationFirstProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { DoubleArrowLeftIcon } from '@radix-icons/vue'
+import { PaginationFirst } from 'radix-vue'
+import { computed } from 'vue'
 import {
   Button,
 } from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
-import { DoubleArrowLeftIcon } from '@radix-icons/vue'
-import { PaginationFirst } from 'radix-vue'
-import { computed } from 'vue'
 
 const props = withDefaults(defineProps<PaginationFirstProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,

app/components/pub/ui/pagination/PaginationLast.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { PaginationLastProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { DoubleArrowRightIcon } from '@radix-icons/vue'
+import { PaginationLast } from 'radix-vue'
+import { computed } from 'vue'
 import {
   Button,
 } from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
-import { DoubleArrowRightIcon } from '@radix-icons/vue'
-import { PaginationLast } from 'radix-vue'
-import { computed } from 'vue'
 
 const props = withDefaults(defineProps<PaginationLastProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,

app/components/pub/ui/pagination/PaginationNext.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { PaginationNextProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { ChevronRightIcon } from '@radix-icons/vue'
+import { PaginationNext } from 'radix-vue'
+import { computed } from 'vue'
 import {
   Button,
 } from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
-import { ChevronRightIcon } from '@radix-icons/vue'
-import { PaginationNext } from 'radix-vue'
-import { computed } from 'vue'
 
 const props = withDefaults(defineProps<PaginationNextProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,

app/components/pub/ui/pagination/PaginationPrev.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { PaginationPrevProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { ChevronLeftIcon } from '@radix-icons/vue'
+import { PaginationPrev } from 'radix-vue'
+import { computed } from 'vue'
 import {
   Button,
 } from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
-import { ChevronLeftIcon } from '@radix-icons/vue'
-import { PaginationPrev } from 'radix-vue'
-import { computed } from 'vue'
 
 const props = withDefaults(defineProps<PaginationPrevProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,

app/components/pub/ui/pin-input/PinInput.vue

@@ -5,7 +5,6 @@ import { PinInputRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes['class'] }>(), {
   modelValue: () => [],
 })