From 6ad99d45f2838be08939c5250c6212a2a8e30ccd Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Wed, 27 Aug 2025 13:06:40 +0700
Subject: [PATCH] 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
---
 .editorconfig                                 | 30 +++++++++++++++++
 .vscode/launch.json                           |  2 +-
 app/components/app/doctor/list-cfg.ts         |  2 +-
 app/components/app/satusehat/card-summary.vue |  2 +-
 app/components/app/satusehat/list.vue         |  6 ++--
 app/components/flow/doctor/list.vue           |  3 +-
 app/components/flow/patient/list.vue          |  2 +-
 .../rehab/registration/sep-prosedur/list.vue  |  2 +-
 app/components/flow/satusehat/list.vue        | 20 ++++++++----
 app/components/layout/SidebarNavLink.vue      |  2 +-
 .../pub/base/data-table/data-table.vue        | 12 ++++---
 .../pub/custom-ui/nav-header/header.vue       |  6 ++--
 .../pub/custom-ui/nav-header/prep.vue         | 19 +++++------
 .../pub/custom-ui/nav-header/search.vue       |  4 +--
 .../pub/ui/accordion/AccordionContent.vue     |  1 -
 .../pub/ui/accordion/AccordionItem.vue        |  1 -
 .../pub/ui/accordion/AccordionTrigger.vue     |  1 -
 .../ui/alert-dialog/AlertDialogContent.vue    |  1 -
 .../alert-dialog/AlertDialogDescription.vue   |  1 -
 .../pub/ui/alert-dialog/AlertDialogFooter.vue |  1 -
 .../pub/ui/alert-dialog/AlertDialogHeader.vue |  1 -
 .../pub/ui/alert-dialog/AlertDialogTitle.vue  |  1 -
 .../pub/ui/alert/AlertDescription.vue         |  1 -
 app/components/pub/ui/alert/AlertTitle.vue    |  1 -
 .../pub/ui/breadcrumb/BreadcrumbEllipsis.vue  |  1 -
 .../pub/ui/breadcrumb/BreadcrumbItem.vue      |  1 -
 .../pub/ui/breadcrumb/BreadcrumbLink.vue      |  1 -
 .../pub/ui/breadcrumb/BreadcrumbList.vue      |  1 -
 .../pub/ui/breadcrumb/BreadcrumbPage.vue      |  1 -
 .../pub/ui/breadcrumb/BreadcrumbSeparator.vue |  1 -
 app/components/pub/ui/button/Button.vue       |  2 +-
 .../pub/ui/calendar/CalendarCell.vue          |  1 -
 .../pub/ui/calendar/CalendarGrid.vue          |  1 -
 .../pub/ui/calendar/CalendarGridRow.vue       |  1 -
 .../pub/ui/calendar/CalendarHeadCell.vue      |  1 -
 .../pub/ui/calendar/CalendarHeader.vue        |  1 -
 .../pub/ui/calendar/CalendarHeading.vue       |  1 -
 app/components/pub/ui/card/Card.vue           |  1 -
 app/components/pub/ui/card/CardContent.vue    |  1 -
 .../pub/ui/card/CardDescription.vue           |  1 -
 app/components/pub/ui/card/CardFooter.vue     |  1 -
 app/components/pub/ui/card/CardHeader.vue     |  1 -
 app/components/pub/ui/card/CardTitle.vue      |  1 -
 app/components/pub/ui/checkbox/Checkbox.vue   |  1 -
 app/components/pub/ui/command/Command.vue     |  1 -
 .../pub/ui/command/CommandEmpty.vue           |  1 -
 .../pub/ui/command/CommandGroup.vue           |  1 -
 .../pub/ui/command/CommandInput.vue           |  1 -
 app/components/pub/ui/command/CommandItem.vue |  1 -
 app/components/pub/ui/command/CommandList.vue |  1 -
 .../pub/ui/command/CommandSeparator.vue       |  1 -
 .../pub/ui/command/CommandShortcut.vue        |  1 -
 .../context-menu/ContextMenuCheckboxItem.vue  |  1 -
 .../ui/context-menu/ContextMenuContent.vue    |  1 -
 .../pub/ui/context-menu/ContextMenuItem.vue   |  1 -
 .../pub/ui/context-menu/ContextMenuLabel.vue  |  1 -
 .../ui/context-menu/ContextMenuRadioItem.vue  |  1 -
 .../ui/context-menu/ContextMenuSeparator.vue  |  1 -
 .../ui/context-menu/ContextMenuShortcut.vue   |  1 -
 .../ui/context-menu/ContextMenuSubContent.vue |  1 -
 .../ui/context-menu/ContextMenuSubTrigger.vue |  1 -
 .../pub/ui/dialog/DialogContent.vue           |  1 -
 .../pub/ui/dialog/DialogDescription.vue       |  1 -
 app/components/pub/ui/dialog/DialogFooter.vue |  1 -
 app/components/pub/ui/dialog/DialogHeader.vue |  1 -
 .../pub/ui/dialog/DialogScrollContent.vue     |  1 -
 app/components/pub/ui/dialog/DialogTitle.vue  |  1 -
 .../pub/ui/drawer/DrawerDescription.vue       |  1 -
 app/components/pub/ui/drawer/DrawerFooter.vue |  1 -
 app/components/pub/ui/drawer/DrawerHeader.vue |  1 -
 .../pub/ui/drawer/DrawerOverlay.vue           |  1 -
 app/components/pub/ui/drawer/DrawerTitle.vue  |  1 -
 .../DropdownMenuCheckboxItem.vue              |  1 -
 .../ui/dropdown-menu/DropdownMenuContent.vue  |  1 -
 .../pub/ui/dropdown-menu/DropdownMenuItem.vue |  1 -
 .../ui/dropdown-menu/DropdownMenuLabel.vue    |  1 -
 .../dropdown-menu/DropdownMenuRadioItem.vue   |  1 -
 .../dropdown-menu/DropdownMenuSeparator.vue   |  1 -
 .../ui/dropdown-menu/DropdownMenuShortcut.vue |  1 -
 .../dropdown-menu/DropdownMenuSubContent.vue  |  1 -
 .../dropdown-menu/DropdownMenuSubTrigger.vue  |  1 -
 .../pub/ui/hover-card/HoverCardContent.vue    |  1 -
 app/components/pub/ui/input/Input.vue         |  1 -
 app/components/pub/ui/label/Label.vue         |  1 -
 app/components/pub/ui/menubar/Menubar.vue     |  1 -
 .../pub/ui/menubar/MenubarCheckboxItem.vue    |  1 -
 .../pub/ui/menubar/MenubarContent.vue         |  1 -
 app/components/pub/ui/menubar/MenubarItem.vue |  1 -
 .../pub/ui/menubar/MenubarLabel.vue           |  1 -
 .../pub/ui/menubar/MenubarRadioItem.vue       |  1 -
 .../pub/ui/menubar/MenubarSeparator.vue       |  1 -
 .../pub/ui/menubar/MenubarShortcut.vue        |  1 -
 .../pub/ui/menubar/MenubarSubContent.vue      |  1 -
 .../pub/ui/menubar/MenubarSubTrigger.vue      |  1 -
 .../pub/ui/menubar/MenubarTrigger.vue         |  1 -
 .../navigation-menu/NavigationMenuContent.vue |  1 -
 .../NavigationMenuIndicator.vue               |  1 -
 .../ui/navigation-menu/NavigationMenuList.vue |  1 -
 .../NavigationMenuViewport.vue                |  1 -
 .../pub/ui/number-field/NumberField.vue       |  1 -
 .../ui/number-field/NumberFieldContent.vue    |  1 -
 .../ui/number-field/NumberFieldDecrement.vue  |  1 -
 .../ui/number-field/NumberFieldIncrement.vue  |  1 -
 .../pub/ui/number-field/NumberFieldInput.vue  |  1 -
 .../pub/ui/pagination/PaginationEllipsis.vue  |  2 +-
 .../pub/ui/pagination/PaginationFirst.vue     |  6 ++--
 .../pub/ui/pagination/PaginationLast.vue      |  6 ++--
 .../pub/ui/pagination/PaginationNext.vue      |  6 ++--
 .../pub/ui/pagination/PaginationPrev.vue      |  6 ++--
 app/components/pub/ui/pin-input/PinInput.vue  |  1 -
 .../pub/ui/pin-input/PinInputGroup.vue        |  1 -
 .../pub/ui/pin-input/PinInputInput.vue        |  1 -
 .../pub/ui/popover/PopoverContent.vue         |  1 -
 app/components/pub/ui/progress/Progress.vue   |  1 -
 .../pub/ui/radio-group/RadioGroup.vue         |  1 -
 .../pub/ui/radio-group/RadioGroupItem.vue     |  1 -
 .../ui/range-calendar/RangeCalendarCell.vue   |  1 -
 .../ui/range-calendar/RangeCalendarGrid.vue   |  1 -
 .../range-calendar/RangeCalendarGridRow.vue   |  1 -
 .../range-calendar/RangeCalendarHeadCell.vue  |  1 -
 .../ui/range-calendar/RangeCalendarHeader.vue |  1 -
 .../range-calendar/RangeCalendarHeading.vue   |  1 -
 .../pub/ui/resizable/ResizableHandle.vue      |  1 -
 .../pub/ui/resizable/ResizablePanelGroup.vue  |  1 -
 .../pub/ui/scroll-area/ScrollBar.vue          |  1 -
 app/components/pub/ui/select/SelectGroup.vue  |  1 -
 app/components/pub/ui/select/SelectItem.vue   |  1 -
 app/components/pub/ui/select/SelectLabel.vue  |  1 -
 .../pub/ui/select/SelectScrollDownButton.vue  |  1 -
 .../pub/ui/select/SelectScrollUpButton.vue    |  1 -
 .../pub/ui/select/SelectSeparator.vue         |  1 -
 .../pub/ui/select/SelectTrigger.vue           |  1 -
 app/components/pub/ui/separator/Separator.vue |  1 -
 .../pub/ui/sheet/SheetDescription.vue         |  1 -
 app/components/pub/ui/sheet/SheetFooter.vue   |  1 -
 app/components/pub/ui/sheet/SheetHeader.vue   |  1 -
 app/components/pub/ui/sheet/SheetTitle.vue    |  1 -
 .../pub/ui/sidebar/SidebarContent.vue         |  1 -
 .../pub/ui/sidebar/SidebarFooter.vue          |  1 -
 .../pub/ui/sidebar/SidebarGroup.vue           |  1 -
 .../pub/ui/sidebar/SidebarGroupAction.vue     |  1 -
 .../pub/ui/sidebar/SidebarGroupContent.vue    |  1 -
 .../pub/ui/sidebar/SidebarGroupLabel.vue      |  1 -
 .../pub/ui/sidebar/SidebarHeader.vue          |  1 -
 .../pub/ui/sidebar/SidebarInput.vue           |  1 -
 .../pub/ui/sidebar/SidebarInset.vue           |  1 -
 app/components/pub/ui/sidebar/SidebarMenu.vue |  1 -
 .../pub/ui/sidebar/SidebarMenuAction.vue      |  1 -
 .../pub/ui/sidebar/SidebarMenuBadge.vue       |  1 -
 .../pub/ui/sidebar/SidebarMenuItem.vue        |  1 -
 .../pub/ui/sidebar/SidebarMenuSkeleton.vue    |  1 -
 .../pub/ui/sidebar/SidebarMenuSub.vue         |  1 -
 .../pub/ui/sidebar/SidebarMenuSubButton.vue   |  1 -
 .../pub/ui/sidebar/SidebarSeparator.vue       |  1 -
 app/components/pub/ui/skeleton/Skeleton.vue   |  1 -
 app/components/pub/ui/slider/Slider.vue       |  1 -
 app/components/pub/ui/stepper/Stepper.vue     |  1 -
 .../pub/ui/stepper/StepperDescription.vue     |  1 -
 .../pub/ui/stepper/StepperIndicator.vue       |  1 -
 app/components/pub/ui/stepper/StepperItem.vue |  1 -
 .../pub/ui/stepper/StepperSeparator.vue       |  1 -
 .../pub/ui/stepper/StepperTitle.vue           |  1 -
 app/components/pub/ui/switch/Switch.vue       |  1 -
 app/components/pub/ui/table/Table.vue         |  1 -
 app/components/pub/ui/table/TableBody.vue     |  1 -
 app/components/pub/ui/table/TableCaption.vue  |  1 -
 app/components/pub/ui/table/TableCell.vue     |  1 -
 app/components/pub/ui/table/TableFooter.vue   |  1 -
 app/components/pub/ui/table/TableHead.vue     |  1 -
 app/components/pub/ui/table/TableHeader.vue   |  1 -
 app/components/pub/ui/table/TableRow.vue      |  1 -
 .../pub/ui/table/separator/Separator.vue      |  1 -
 app/components/pub/ui/tabs/TabsContent.vue    |  1 -
 app/components/pub/ui/tabs/TabsList.vue       |  1 -
 app/components/pub/ui/tabs/TabsTrigger.vue    |  1 -
 .../pub/ui/tags-input/TagsInput.vue           |  1 -
 .../pub/ui/tags-input/TagsInputInput.vue      |  1 -
 .../pub/ui/tags-input/TagsInputItem.vue       |  1 -
 .../pub/ui/tags-input/TagsInputItemDelete.vue |  1 -
 .../pub/ui/tags-input/TagsInputItemText.vue   |  1 -
 app/components/pub/ui/textarea/Textarea.vue   |  1 -
 app/components/pub/ui/toast/ToastAction.vue   |  1 -
 app/components/pub/ui/toast/ToastClose.vue    |  1 -
 .../pub/ui/toast/ToastDescription.vue         |  1 -
 app/components/pub/ui/toast/ToastTitle.vue    |  1 -
 app/components/pub/ui/toast/ToastViewport.vue |  1 -
 .../pub/ui/toggle-group/ToggleGroupItem.vue   |  1 -
 .../pub/ui/tooltip/TooltipContent.vue         |  1 -
 app/lib/utils.ts                              |  3 +-
 server/api/[...req].ts                        |  1 +
 server/api/v1/satusehat/list.post.ts          | 32 +++++++++----------
 191 files changed, 108 insertions(+), 236 deletions(-)
 create mode 100644 .editorconfig

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 00000000..6e16f543
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,30 @@
+# top-most EditorConfig file
+root = true
+
+# Default settings for all files
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+# For Markdown files, don't trim trailing whitespace (karena kadang dipakai untuk line break)
+[*.md]
+trim_trailing_whitespace = false
+
+# For JSON, YAML, and config files
+[*.{json,yml,yaml}]
+indent_style = space
+indent_size = 2
+
+# For JS, TS, Vue files
+[*.{js,ts,vue}]
+indent_style = space
+indent_size = 2
+
+# For CSS, SCSS, PostCSS
+[*.{css,scss,pcss}]
+indent_style = space
+indent_size = 2
diff --git a/.vscode/launch.json b/.vscode/launch.json
index 9c243a03..4b1147d4 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -12,4 +12,4 @@
       "webRoot": "${workspaceFolder}"
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/app/components/app/doctor/list-cfg.ts b/app/components/app/doctor/list-cfg.ts
index fcd73e98..0cff0cce 100644
--- a/app/components/app/doctor/list-cfg.ts
+++ b/app/components/app/doctor/list-cfg.ts
@@ -13,7 +13,7 @@ type SmallDetailDto = any
 const action = defineAsyncComponent(() => import('~/components/pub/custom-ui/data/dropdown-action-dud.vue'))
 const statusBadge = defineAsyncComponent(() => import('./status-badge.vue'))
 
-const doctorStatus = {
+const _doctorStatus = {
   0: 'Tidak Aktif',
   1: 'Aktif',
 }
diff --git a/app/components/app/satusehat/card-summary.vue b/app/components/app/satusehat/card-summary.vue
index d0c142df..6d139044 100644
--- a/app/components/app/satusehat/card-summary.vue
+++ b/app/components/app/satusehat/card-summary.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Summary } from '~/components/pub/base/summary-card/type';
+import type { Summary } from '~/components/pub/base/summary-card/type'
 
 const props = defineProps<{
   isLoading: boolean
diff --git a/app/components/app/satusehat/list.vue b/app/components/app/satusehat/list.vue
index e2921fef..b4730480 100644
--- a/app/components/app/satusehat/list.vue
+++ b/app/components/app/satusehat/list.vue
@@ -7,6 +7,8 @@ defineProps<{
 </script>
 
 <template>
-  <PubBaseDataTable :rows="data" :cols="cols" :header="header" :keys="keys" :func-parsed="funcParsed"
-    :func-html="funcHtml" :func-component="funcComponent" />
+  <PubBaseDataTable
+:rows="data" :cols="cols" :header="header" :keys="keys" :func-parsed="funcParsed"
+    :func-html="funcHtml" :func-component="funcComponent"
+/>
 </template>
diff --git a/app/components/flow/doctor/list.vue b/app/components/flow/doctor/list.vue
index e71096de..98a6a6c9 100644
--- a/app/components/flow/doctor/list.vue
+++ b/app/components/flow/doctor/list.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import type { DataTableLoader } from '~/components/pub/base/data-table/type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
-import type { DataTableLoader } from '~/components/pub/base/data-table/type';
 import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
 
 const data = ref([])
@@ -34,7 +34,6 @@ const headerPrep: HeaderPrep = {
   },
 }
 
-
 async function getDoctorList() {
   isLoading.dataListLoading = true
 
diff --git a/app/components/flow/patient/list.vue b/app/components/flow/patient/list.vue
index 6f6c0822..7c849395 100644
--- a/app/components/flow/patient/list.vue
+++ b/app/components/flow/patient/list.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { DataTableLoader } from '~/components/pub/base/data-table/type';
+import type { DataTableLoader } from '~/components/pub/base/data-table/type'
 import type { Summary } from '~/components/pub/base/summary-card/type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
 import { Calendar, Hospital, UserCheck, UsersRound } from 'lucide-vue-next'
diff --git a/app/components/flow/rehab/registration/sep-prosedur/list.vue b/app/components/flow/rehab/registration/sep-prosedur/list.vue
index 371395b4..7f8cf7e1 100644
--- a/app/components/flow/rehab/registration/sep-prosedur/list.vue
+++ b/app/components/flow/rehab/registration/sep-prosedur/list.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import type { DataTableLoader } from '~/components/pub/base/data-table/type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
-import type { DataTableLoader } from '~/components/pub/base/data-table/type';
 import RehabSepProsedurList from '~/components/app/rehab/registration/sep-prosedur/list.vue'
 
 const props = defineProps<{
diff --git a/app/components/flow/satusehat/list.vue b/app/components/flow/satusehat/list.vue
index 249faa2d..879a3fed 100644
--- a/app/components/flow/satusehat/list.vue
+++ b/app/components/flow/satusehat/list.vue
@@ -116,8 +116,10 @@ const activeTabFilter = computed({
       <Tabs v-model="activeTabFilter">
         <div class="scrollbar-hide overflow-x-auto flex gap-2 justify-between">
           <TabsList>
-            <TabsTrigger v-for="tab in tabs" :key="tab.value" :value="tab.value"
-              class="flex-shrink-0 px-4 py-2 text-sm font-medium data-[state=active]:bg-green-600 data-[state=inactive]:bg-gray-100 data-[state=active]:text-white data-[state=inactive]:text-gray-700">
+            <TabsTrigger
+v-for="tab in tabs" :key="tab.value" :value="tab.value"
+              class="flex-shrink-0 px-4 py-2 text-sm font-medium data-[state=active]:bg-green-600 data-[state=inactive]:bg-gray-100 data-[state=active]:text-white data-[state=inactive]:text-gray-700"
+>
               {{ tab.label }}
             </TabsTrigger>
           </TabsList>
@@ -125,7 +127,7 @@ const activeTabFilter = computed({
 
             <!-- Search Input -->
 
-            <AppSatusehatPicker/>
+            <AppSatusehatPicker />
             <div class="relative w-full max-w-sm">
 
               <Dialog>
@@ -191,8 +193,10 @@ const activeTabFilter = computed({
             </div>
 
             <!-- Action Buttons -->
-            <AppSatusehatButtonAction v-for="action in actions" :key="action.value" :icon="action.icon"
-              :text="action.label" />
+            <AppSatusehatButtonAction
+v-for="action in actions" :key="action.value" :icon="action.icon"
+              :text="action.label"
+/>
           </div>
         </div>
         <div class="mt-4">
@@ -201,8 +205,10 @@ const activeTabFilter = computed({
               <AppSatusehatList v-if="!isLoading.satusehatConn" :data="data" />
 
               <!-- Pagination -->
-              <div v-if="!isLoading.satusehatConn && !isLoading.isTableLoading && pagination.total > 0"
-                class="mt-4 flex justify-between items-center">
+              <div
+v-if="!isLoading.satusehatConn && !isLoading.isTableLoading && pagination.total > 0"
+                class="mt-4 flex justify-between items-center"
+>
                 <div class="text-sm text-muted-foreground">
                   Menampilkan {{ ((pagination.page - 1) * pagination.limit) + 1 }} -
                   {{ Math.min(pagination.page * pagination.limit, pagination.total) }}
diff --git a/app/components/layout/SidebarNavLink.vue b/app/components/layout/SidebarNavLink.vue
index 06812075..b61d62a1 100644
--- a/app/components/layout/SidebarNavLink.vue
+++ b/app/components/layout/SidebarNavLink.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SidebarMenuButtonVariants } from '~/components/comps-pub/ui/sidebar'
+import type { SidebarMenuButtonVariants } from '~/components/pub/ui/sidebar'
 import { useSidebar } from '~/components/pub/ui/sidebar'
 
 withDefaults(
diff --git a/app/components/pub/base/data-table/data-table.vue b/app/components/pub/base/data-table/data-table.vue
index 257996f0..6524aaa8 100644
--- a/app/components/pub/base/data-table/data-table.vue
+++ b/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 -->
diff --git a/app/components/pub/custom-ui/nav-header/header.vue b/app/components/pub/custom-ui/nav-header/header.vue
index 10f06af2..2f8ebb4e 100644
--- a/app/components/pub/custom-ui/nav-header/header.vue
+++ b/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>
diff --git a/app/components/pub/custom-ui/nav-header/prep.vue b/app/components/pub/custom-ui/nav-header/prep.vue
index d83aaeb4..27398802 100644
--- a/app/components/pub/custom-ui/nav-header/prep.vue
+++ b/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">
diff --git a/app/components/pub/custom-ui/nav-header/search.vue b/app/components/pub/custom-ui/nav-header/search.vue
index dba29318..7aff7f8f 100644
--- a/app/components/pub/custom-ui/nav-header/search.vue
+++ b/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>
 
diff --git a/app/components/pub/ui/accordion/AccordionContent.vue b/app/components/pub/ui/accordion/AccordionContent.vue
index c72d703e..8ace9297 100644
--- a/app/components/pub/ui/accordion/AccordionContent.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/accordion/AccordionItem.vue b/app/components/pub/ui/accordion/AccordionItem.vue
index 70412d26..449c7b6a 100644
--- a/app/components/pub/ui/accordion/AccordionItem.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/accordion/AccordionTrigger.vue b/app/components/pub/ui/accordion/AccordionTrigger.vue
index 1310f937..fb4a3117 100644
--- a/app/components/pub/ui/accordion/AccordionTrigger.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/alert-dialog/AlertDialogContent.vue b/app/components/pub/ui/alert-dialog/AlertDialogContent.vue
index 65365e9e..9e90f9b1 100644
--- a/app/components/pub/ui/alert-dialog/AlertDialogContent.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/alert-dialog/AlertDialogDescription.vue b/app/components/pub/ui/alert-dialog/AlertDialogDescription.vue
index ada5bd7f..b1a877ac 100644
--- a/app/components/pub/ui/alert-dialog/AlertDialogDescription.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/alert-dialog/AlertDialogFooter.vue b/app/components/pub/ui/alert-dialog/AlertDialogFooter.vue
index 79f6552c..aa4c9010 100644
--- a/app/components/pub/ui/alert-dialog/AlertDialogFooter.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/alert-dialog/AlertDialogHeader.vue b/app/components/pub/ui/alert-dialog/AlertDialogHeader.vue
index b9d96a8e..4bab0bb7 100644
--- a/app/components/pub/ui/alert-dialog/AlertDialogHeader.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/alert-dialog/AlertDialogTitle.vue b/app/components/pub/ui/alert-dialog/AlertDialogTitle.vue
index 78809251..39d64354 100644
--- a/app/components/pub/ui/alert-dialog/AlertDialogTitle.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/alert/AlertDescription.vue b/app/components/pub/ui/alert/AlertDescription.vue
index a2f7d1b4..cc3dd0f0 100644
--- a/app/components/pub/ui/alert/AlertDescription.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/alert/AlertTitle.vue b/app/components/pub/ui/alert/AlertTitle.vue
index 8993c40a..90ca4ab6 100644
--- a/app/components/pub/ui/alert/AlertTitle.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/breadcrumb/BreadcrumbEllipsis.vue b/app/components/pub/ui/breadcrumb/BreadcrumbEllipsis.vue
index 73cc5443..471bb29b 100644
--- a/app/components/pub/ui/breadcrumb/BreadcrumbEllipsis.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/breadcrumb/BreadcrumbItem.vue b/app/components/pub/ui/breadcrumb/BreadcrumbItem.vue
index 0c517667..3f4e0489 100644
--- a/app/components/pub/ui/breadcrumb/BreadcrumbItem.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/breadcrumb/BreadcrumbLink.vue b/app/components/pub/ui/breadcrumb/BreadcrumbLink.vue
index 2319eb2f..7828e4ca 100644
--- a/app/components/pub/ui/breadcrumb/BreadcrumbLink.vue
+++ b/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',
 })
diff --git a/app/components/pub/ui/breadcrumb/BreadcrumbList.vue b/app/components/pub/ui/breadcrumb/BreadcrumbList.vue
index 61dd4583..154d2b4b 100644
--- a/app/components/pub/ui/breadcrumb/BreadcrumbList.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/breadcrumb/BreadcrumbPage.vue b/app/components/pub/ui/breadcrumb/BreadcrumbPage.vue
index 8ce8195c..8d8435e3 100644
--- a/app/components/pub/ui/breadcrumb/BreadcrumbPage.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/breadcrumb/BreadcrumbSeparator.vue b/app/components/pub/ui/breadcrumb/BreadcrumbSeparator.vue
index e7150bfa..aeeb91a6 100644
--- a/app/components/pub/ui/breadcrumb/BreadcrumbSeparator.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/button/Button.vue b/app/components/pub/ui/button/Button.vue
index cfb2c15a..7fa45408 100644
--- a/app/components/pub/ui/button/Button.vue
+++ b/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 {
diff --git a/app/components/pub/ui/calendar/CalendarCell.vue b/app/components/pub/ui/calendar/CalendarCell.vue
index 3e879386..f5358420 100644
--- a/app/components/pub/ui/calendar/CalendarCell.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/calendar/CalendarGrid.vue b/app/components/pub/ui/calendar/CalendarGrid.vue
index 1439de01..23544d26 100644
--- a/app/components/pub/ui/calendar/CalendarGrid.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/calendar/CalendarGridRow.vue b/app/components/pub/ui/calendar/CalendarGridRow.vue
index ff2ba6ad..ab41a17f 100644
--- a/app/components/pub/ui/calendar/CalendarGridRow.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/calendar/CalendarHeadCell.vue b/app/components/pub/ui/calendar/CalendarHeadCell.vue
index 0212210f..6d88f784 100644
--- a/app/components/pub/ui/calendar/CalendarHeadCell.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/calendar/CalendarHeader.vue b/app/components/pub/ui/calendar/CalendarHeader.vue
index ff8077f2..86f5d427 100644
--- a/app/components/pub/ui/calendar/CalendarHeader.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/calendar/CalendarHeading.vue b/app/components/pub/ui/calendar/CalendarHeading.vue
index a2970909..5684472a 100644
--- a/app/components/pub/ui/calendar/CalendarHeading.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/card/Card.vue b/app/components/pub/ui/card/Card.vue
index e2c109d5..90d5db70 100644
--- a/app/components/pub/ui/card/Card.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/card/CardContent.vue b/app/components/pub/ui/card/CardContent.vue
index 99dff76b..1f304071 100644
--- a/app/components/pub/ui/card/CardContent.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/card/CardDescription.vue b/app/components/pub/ui/card/CardDescription.vue
index 3f05ae7f..b17e1d89 100644
--- a/app/components/pub/ui/card/CardDescription.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/card/CardFooter.vue b/app/components/pub/ui/card/CardFooter.vue
index ed0fcc0d..08a2bd84 100644
--- a/app/components/pub/ui/card/CardFooter.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/card/CardHeader.vue b/app/components/pub/ui/card/CardHeader.vue
index bf80e7d3..d6f6ecf4 100644
--- a/app/components/pub/ui/card/CardHeader.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/card/CardTitle.vue b/app/components/pub/ui/card/CardTitle.vue
index 5a88bbeb..efd2875d 100644
--- a/app/components/pub/ui/card/CardTitle.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/checkbox/Checkbox.vue b/app/components/pub/ui/checkbox/Checkbox.vue
index fcab6b1f..f8b25c7a 100644
--- a/app/components/pub/ui/checkbox/Checkbox.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/command/Command.vue b/app/components/pub/ui/command/Command.vue
index af39af85..bf013df6 100644
--- a/app/components/pub/ui/command/Command.vue
+++ b/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: '',
diff --git a/app/components/pub/ui/command/CommandEmpty.vue b/app/components/pub/ui/command/CommandEmpty.vue
index 6d79ff44..a21f3109 100644
--- a/app/components/pub/ui/command/CommandEmpty.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/command/CommandGroup.vue b/app/components/pub/ui/command/CommandGroup.vue
index a9f6c186..04b9c094 100644
--- a/app/components/pub/ui/command/CommandGroup.vue
+++ b/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
diff --git a/app/components/pub/ui/command/CommandInput.vue b/app/components/pub/ui/command/CommandInput.vue
index d8de7385..c75ee3d7 100644
--- a/app/components/pub/ui/command/CommandInput.vue
+++ b/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,
 })
diff --git a/app/components/pub/ui/command/CommandItem.vue b/app/components/pub/ui/command/CommandItem.vue
index 8d4133ce..b79c8376 100644
--- a/app/components/pub/ui/command/CommandItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/command/CommandList.vue b/app/components/pub/ui/command/CommandList.vue
index 713a7809..99b3269f 100644
--- a/app/components/pub/ui/command/CommandList.vue
+++ b/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,
 })
diff --git a/app/components/pub/ui/command/CommandSeparator.vue b/app/components/pub/ui/command/CommandSeparator.vue
index b843cc78..c22cdc3a 100644
--- a/app/components/pub/ui/command/CommandSeparator.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/command/CommandShortcut.vue b/app/components/pub/ui/command/CommandShortcut.vue
index 08383795..aed37517 100644
--- a/app/components/pub/ui/command/CommandShortcut.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/context-menu/ContextMenuCheckboxItem.vue b/app/components/pub/ui/context-menu/ContextMenuCheckboxItem.vue
index 0e58334f..2dee4a75 100644
--- a/app/components/pub/ui/context-menu/ContextMenuCheckboxItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/context-menu/ContextMenuContent.vue b/app/components/pub/ui/context-menu/ContextMenuContent.vue
index 29f9b23c..a4ddf29b 100644
--- a/app/components/pub/ui/context-menu/ContextMenuContent.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/context-menu/ContextMenuItem.vue b/app/components/pub/ui/context-menu/ContextMenuItem.vue
index 393bba78..9b0c703b 100644
--- a/app/components/pub/ui/context-menu/ContextMenuItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/context-menu/ContextMenuLabel.vue b/app/components/pub/ui/context-menu/ContextMenuLabel.vue
index 9ba8c37a..83e09f70 100644
--- a/app/components/pub/ui/context-menu/ContextMenuLabel.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/context-menu/ContextMenuRadioItem.vue b/app/components/pub/ui/context-menu/ContextMenuRadioItem.vue
index 26cefe6c..88a672e9 100644
--- a/app/components/pub/ui/context-menu/ContextMenuRadioItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/context-menu/ContextMenuSeparator.vue b/app/components/pub/ui/context-menu/ContextMenuSeparator.vue
index 3bcf5e46..a5d8a0a3 100644
--- a/app/components/pub/ui/context-menu/ContextMenuSeparator.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/context-menu/ContextMenuShortcut.vue b/app/components/pub/ui/context-menu/ContextMenuShortcut.vue
index 08383795..aed37517 100644
--- a/app/components/pub/ui/context-menu/ContextMenuShortcut.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/context-menu/ContextMenuSubContent.vue b/app/components/pub/ui/context-menu/ContextMenuSubContent.vue
index 3f9f9e3a..54a8f242 100644
--- a/app/components/pub/ui/context-menu/ContextMenuSubContent.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/context-menu/ContextMenuSubTrigger.vue b/app/components/pub/ui/context-menu/ContextMenuSubTrigger.vue
index 57b21b12..128b6162 100644
--- a/app/components/pub/ui/context-menu/ContextMenuSubTrigger.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/dialog/DialogContent.vue b/app/components/pub/ui/dialog/DialogContent.vue
index 2f9c0ce2..a59a0234 100644
--- a/app/components/pub/ui/dialog/DialogContent.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/dialog/DialogDescription.vue b/app/components/pub/ui/dialog/DialogDescription.vue
index abf6a6e9..3444c492 100644
--- a/app/components/pub/ui/dialog/DialogDescription.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/dialog/DialogFooter.vue b/app/components/pub/ui/dialog/DialogFooter.vue
index 72308ee7..4627374d 100644
--- a/app/components/pub/ui/dialog/DialogFooter.vue
+++ b/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>
 
diff --git a/app/components/pub/ui/dialog/DialogHeader.vue b/app/components/pub/ui/dialog/DialogHeader.vue
index 914ebd02..8948edca 100644
--- a/app/components/pub/ui/dialog/DialogHeader.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/dialog/DialogScrollContent.vue b/app/components/pub/ui/dialog/DialogScrollContent.vue
index 7e44c8e1..802b5182 100644
--- a/app/components/pub/ui/dialog/DialogScrollContent.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/dialog/DialogTitle.vue b/app/components/pub/ui/dialog/DialogTitle.vue
index 302022f2..2f22d603 100644
--- a/app/components/pub/ui/dialog/DialogTitle.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/drawer/DrawerDescription.vue b/app/components/pub/ui/drawer/DrawerDescription.vue
index 5c2f2b06..8baddf33 100644
--- a/app/components/pub/ui/drawer/DrawerDescription.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/drawer/DrawerFooter.vue b/app/components/pub/ui/drawer/DrawerFooter.vue
index 16a582f3..1727b9d7 100644
--- a/app/components/pub/ui/drawer/DrawerFooter.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/drawer/DrawerHeader.vue b/app/components/pub/ui/drawer/DrawerHeader.vue
index 1179d0da..e2f229df 100644
--- a/app/components/pub/ui/drawer/DrawerHeader.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/drawer/DrawerOverlay.vue b/app/components/pub/ui/drawer/DrawerOverlay.vue
index 9295aceb..bd0750d0 100644
--- a/app/components/pub/ui/drawer/DrawerOverlay.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/drawer/DrawerTitle.vue b/app/components/pub/ui/drawer/DrawerTitle.vue
index 34c4e731..c9e6fc04 100644
--- a/app/components/pub/ui/drawer/DrawerTitle.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index 8fc67db6..26a77270 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuContent.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuContent.vue
index c1f6029b..db152f46 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/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'] }>(),
   {
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuItem.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuItem.vue
index af90566b..cd89c873 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuLabel.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuLabel.vue
index 901eadcc..1286ee31 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuRadioItem.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuRadioItem.vue
index 0bea06c3..c5bb6f8a 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/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>()
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuSeparator.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuSeparator.vue
index d8b6b3f3..44d2da7e 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuShortcut.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuShortcut.vue
index d7ae48b3..ea09ac44 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuSubContent.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuSubContent.vue
index 67eafeaa..00a59383 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/app/components/pub/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index 77e8dc17..bda57706 100644
--- a/app/components/pub/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/hover-card/HoverCardContent.vue b/app/components/pub/ui/hover-card/HoverCardContent.vue
index c46d1baf..39c214f5 100644
--- a/app/components/pub/ui/hover-card/HoverCardContent.vue
+++ b/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'] }>(),
   {
diff --git a/app/components/pub/ui/input/Input.vue b/app/components/pub/ui/input/Input.vue
index 76d791e7..2d06d4d5 100644
--- a/app/components/pub/ui/input/Input.vue
+++ b/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
diff --git a/app/components/pub/ui/label/Label.vue b/app/components/pub/ui/label/Label.vue
index 4266b180..b4a607a3 100644
--- a/app/components/pub/ui/label/Label.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/menubar/Menubar.vue b/app/components/pub/ui/menubar/Menubar.vue
index 37da6fc7..87a242f9 100644
--- a/app/components/pub/ui/menubar/Menubar.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/menubar/MenubarCheckboxItem.vue b/app/components/pub/ui/menubar/MenubarCheckboxItem.vue
index 8e67b60d..a3495cb6 100644
--- a/app/components/pub/ui/menubar/MenubarCheckboxItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/menubar/MenubarContent.vue b/app/components/pub/ui/menubar/MenubarContent.vue
index 0ae47d1e..21feeb6e 100644
--- a/app/components/pub/ui/menubar/MenubarContent.vue
+++ b/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'] }>(),
   {
diff --git a/app/components/pub/ui/menubar/MenubarItem.vue b/app/components/pub/ui/menubar/MenubarItem.vue
index 989ad4be..ce7a73e9 100644
--- a/app/components/pub/ui/menubar/MenubarItem.vue
+++ b/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>()
diff --git a/app/components/pub/ui/menubar/MenubarLabel.vue b/app/components/pub/ui/menubar/MenubarLabel.vue
index c1c95a11..6f561717 100644
--- a/app/components/pub/ui/menubar/MenubarLabel.vue
+++ b/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>
 
diff --git a/app/components/pub/ui/menubar/MenubarRadioItem.vue b/app/components/pub/ui/menubar/MenubarRadioItem.vue
index e8ebf57d..50d3a661 100644
--- a/app/components/pub/ui/menubar/MenubarRadioItem.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/menubar/MenubarSeparator.vue b/app/components/pub/ui/menubar/MenubarSeparator.vue
index c86c762d..62f82300 100644
--- a/app/components/pub/ui/menubar/MenubarSeparator.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/menubar/MenubarShortcut.vue b/app/components/pub/ui/menubar/MenubarShortcut.vue
index 08383795..aed37517 100644
--- a/app/components/pub/ui/menubar/MenubarShortcut.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/menubar/MenubarSubContent.vue b/app/components/pub/ui/menubar/MenubarSubContent.vue
index 7130f7b1..fe71b058 100644
--- a/app/components/pub/ui/menubar/MenubarSubContent.vue
+++ b/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>()
diff --git a/app/components/pub/ui/menubar/MenubarSubTrigger.vue b/app/components/pub/ui/menubar/MenubarSubTrigger.vue
index 19a482d2..960ee95b 100644
--- a/app/components/pub/ui/menubar/MenubarSubTrigger.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/menubar/MenubarTrigger.vue b/app/components/pub/ui/menubar/MenubarTrigger.vue
index 3b7f24b8..bde777c1 100644
--- a/app/components/pub/ui/menubar/MenubarTrigger.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/navigation-menu/NavigationMenuContent.vue b/app/components/pub/ui/navigation-menu/NavigationMenuContent.vue
index 2f5b59d1..dbb23713 100644
--- a/app/components/pub/ui/navigation-menu/NavigationMenuContent.vue
+++ b/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>()
diff --git a/app/components/pub/ui/navigation-menu/NavigationMenuIndicator.vue b/app/components/pub/ui/navigation-menu/NavigationMenuIndicator.vue
index 26cc73d3..d6ec44dc 100644
--- a/app/components/pub/ui/navigation-menu/NavigationMenuIndicator.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/navigation-menu/NavigationMenuList.vue b/app/components/pub/ui/navigation-menu/NavigationMenuList.vue
index 835e62da..0057b60d 100644
--- a/app/components/pub/ui/navigation-menu/NavigationMenuList.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/navigation-menu/NavigationMenuViewport.vue b/app/components/pub/ui/navigation-menu/NavigationMenuViewport.vue
index cb1ef372..eb336040 100644
--- a/app/components/pub/ui/navigation-menu/NavigationMenuViewport.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/number-field/NumberField.vue b/app/components/pub/ui/number-field/NumberField.vue
index 14b2c3a9..9d92a05f 100644
--- a/app/components/pub/ui/number-field/NumberField.vue
+++ b/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>()
 
diff --git a/app/components/pub/ui/number-field/NumberFieldContent.vue b/app/components/pub/ui/number-field/NumberFieldContent.vue
index 5ea0fe07..5fe35cd8 100644
--- a/app/components/pub/ui/number-field/NumberFieldContent.vue
+++ b/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']
 }>()
diff --git a/app/components/pub/ui/number-field/NumberFieldDecrement.vue b/app/components/pub/ui/number-field/NumberFieldDecrement.vue
index 0d77075c..5ec2bf87 100644
--- a/app/components/pub/ui/number-field/NumberFieldDecrement.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/number-field/NumberFieldIncrement.vue b/app/components/pub/ui/number-field/NumberFieldIncrement.vue
index 8731c78e..49bb5d08 100644
--- a/app/components/pub/ui/number-field/NumberFieldIncrement.vue
+++ b/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(() => {
diff --git a/app/components/pub/ui/number-field/NumberFieldInput.vue b/app/components/pub/ui/number-field/NumberFieldInput.vue
index 9b1da498..e51206ac 100644
--- a/app/components/pub/ui/number-field/NumberFieldInput.vue
+++ b/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>
diff --git a/app/components/pub/ui/pagination/PaginationEllipsis.vue b/app/components/pub/ui/pagination/PaginationEllipsis.vue
index 6499de41..b2b6123e 100644
--- a/app/components/pub/ui/pagination/PaginationEllipsis.vue
+++ b/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'] }>()
 
diff --git a/app/components/pub/ui/pagination/PaginationFirst.vue b/app/components/pub/ui/pagination/PaginationFirst.vue
index 677a859c..e8dc1609 100644
--- a/app/components/pub/ui/pagination/PaginationFirst.vue
+++ b/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,
diff --git a/app/components/pub/ui/pagination/PaginationLast.vue b/app/components/pub/ui/pagination/PaginationLast.vue
index 2421ce78..30685eef 100644
--- a/app/components/pub/ui/pagination/PaginationLast.vue
+++ b/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,
diff --git a/app/components/pub/ui/pagination/PaginationNext.vue b/app/components/pub/ui/pagination/PaginationNext.vue
index 9262575b..3870b4dc 100644
--- a/app/components/pub/ui/pagination/PaginationNext.vue
+++ b/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,
diff --git a/app/components/pub/ui/pagination/PaginationPrev.vue b/app/components/pub/ui/pagination/PaginationPrev.vue
index 44292f6d..4f8d9559 100644
--- a/app/components/pub/ui/pagination/PaginationPrev.vue
+++ b/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,
diff --git a/app/components/pub/ui/pin-input/PinInput.vue b/app/components/pub/ui/pin-input/PinInput.vue
index 25186104..ae30a217 100644
--- a/app/components/pub/ui/pin-input/PinInput.vue
+++ b/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: () => [],
 })
diff --git a/app/components/pub/ui/pin-input/PinInputGroup.vue b/app/components/pub/ui/pin-input/PinInputGroup.vue
index 869e6d8b..0fc792f0 100644
--- a/app/components/pub/ui/pin-input/PinInputGroup.vue
+++ b/app/components/pub/ui/pin-input/PinInputGroup.vue
@@ -5,7 +5,6 @@ import { Primitive, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>()
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/app/components/pub/ui/pin-input/PinInputInput.vue b/app/components/pub/ui/pin-input/PinInputInput.vue
index 8fc7b733..36de92be 100644
--- a/app/components/pub/ui/pin-input/PinInputInput.vue
+++ b/app/components/pub/ui/pin-input/PinInputInput.vue
@@ -5,7 +5,6 @@ import { PinInputInput, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PinInputInputProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/popover/PopoverContent.vue b/app/components/pub/ui/popover/PopoverContent.vue
index 38a4073a..96bae67b 100644
--- a/app/components/pub/ui/popover/PopoverContent.vue
+++ b/app/components/pub/ui/popover/PopoverContent.vue
@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 defineOptions({
   inheritAttrs: false,
 })
diff --git a/app/components/pub/ui/progress/Progress.vue b/app/components/pub/ui/progress/Progress.vue
index b2a13860..d7fca285 100644
--- a/app/components/pub/ui/progress/Progress.vue
+++ b/app/components/pub/ui/progress/Progress.vue
@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<ProgressRootProps & { class?: HTMLAttributes['class'] }>(),
   {
diff --git a/app/components/pub/ui/radio-group/RadioGroup.vue b/app/components/pub/ui/radio-group/RadioGroup.vue
index be8d1fb7..7815ca71 100644
--- a/app/components/pub/ui/radio-group/RadioGroup.vue
+++ b/app/components/pub/ui/radio-group/RadioGroup.vue
@@ -5,7 +5,6 @@ import { RadioGroupRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RadioGroupRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<RadioGroupRootEmits>()
 
diff --git a/app/components/pub/ui/radio-group/RadioGroupItem.vue b/app/components/pub/ui/radio-group/RadioGroupItem.vue
index 4ee2041a..0220f14f 100644
--- a/app/components/pub/ui/radio-group/RadioGroupItem.vue
+++ b/app/components/pub/ui/radio-group/RadioGroupItem.vue
@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/range-calendar/RangeCalendarCell.vue b/app/components/pub/ui/range-calendar/RangeCalendarCell.vue
index bcca2623..40876a17 100644
--- a/app/components/pub/ui/range-calendar/RangeCalendarCell.vue
+++ b/app/components/pub/ui/range-calendar/RangeCalendarCell.vue
@@ -5,7 +5,6 @@ import { RangeCalendarCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RangeCalendarCellProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/range-calendar/RangeCalendarGrid.vue b/app/components/pub/ui/range-calendar/RangeCalendarGrid.vue
index eb848e16..4cdbd7e6 100644
--- a/app/components/pub/ui/range-calendar/RangeCalendarGrid.vue
+++ b/app/components/pub/ui/range-calendar/RangeCalendarGrid.vue
@@ -5,7 +5,6 @@ import { RangeCalendarGrid, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RangeCalendarGridProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/range-calendar/RangeCalendarGridRow.vue b/app/components/pub/ui/range-calendar/RangeCalendarGridRow.vue
index 47775e09..eb22ef02 100644
--- a/app/components/pub/ui/range-calendar/RangeCalendarGridRow.vue
+++ b/app/components/pub/ui/range-calendar/RangeCalendarGridRow.vue
@@ -5,7 +5,6 @@ import { RangeCalendarGridRow, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RangeCalendarGridRowProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/range-calendar/RangeCalendarHeadCell.vue b/app/components/pub/ui/range-calendar/RangeCalendarHeadCell.vue
index e6727687..202286f8 100644
--- a/app/components/pub/ui/range-calendar/RangeCalendarHeadCell.vue
+++ b/app/components/pub/ui/range-calendar/RangeCalendarHeadCell.vue
@@ -5,7 +5,6 @@ import { RangeCalendarHeadCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RangeCalendarHeadCellProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/range-calendar/RangeCalendarHeader.vue b/app/components/pub/ui/range-calendar/RangeCalendarHeader.vue
index 78561b16..06b95b6c 100644
--- a/app/components/pub/ui/range-calendar/RangeCalendarHeader.vue
+++ b/app/components/pub/ui/range-calendar/RangeCalendarHeader.vue
@@ -5,7 +5,6 @@ import { RangeCalendarHeader, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RangeCalendarHeaderProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/range-calendar/RangeCalendarHeading.vue b/app/components/pub/ui/range-calendar/RangeCalendarHeading.vue
index 7df2fec8..d51f904c 100644
--- a/app/components/pub/ui/range-calendar/RangeCalendarHeading.vue
+++ b/app/components/pub/ui/range-calendar/RangeCalendarHeading.vue
@@ -5,7 +5,6 @@ import { RangeCalendarHeading, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<RangeCalendarHeadingProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/resizable/ResizableHandle.vue b/app/components/pub/ui/resizable/ResizableHandle.vue
index 8d63ac73..c33213d6 100644
--- a/app/components/pub/ui/resizable/ResizableHandle.vue
+++ b/app/components/pub/ui/resizable/ResizableHandle.vue
@@ -6,7 +6,6 @@ import { SplitterResizeHandle, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SplitterResizeHandleProps & { class?: HTMLAttributes['class'], withHandle?: boolean }>()
 const emits = defineEmits<SplitterResizeHandleEmits>()
 
diff --git a/app/components/pub/ui/resizable/ResizablePanelGroup.vue b/app/components/pub/ui/resizable/ResizablePanelGroup.vue
index b62b2921..8a515328 100644
--- a/app/components/pub/ui/resizable/ResizablePanelGroup.vue
+++ b/app/components/pub/ui/resizable/ResizablePanelGroup.vue
@@ -5,7 +5,6 @@ import { SplitterGroup, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SplitterGroupProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<SplitterGroupEmits>()
 
diff --git a/app/components/pub/ui/scroll-area/ScrollBar.vue b/app/components/pub/ui/scroll-area/ScrollBar.vue
index 1c694873..0eb4ac24 100644
--- a/app/components/pub/ui/scroll-area/ScrollBar.vue
+++ b/app/components/pub/ui/scroll-area/ScrollBar.vue
@@ -5,7 +5,6 @@ import { ScrollAreaScrollbar, ScrollAreaThumb } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
   orientation: 'vertical',
 })
diff --git a/app/components/pub/ui/select/SelectGroup.vue b/app/components/pub/ui/select/SelectGroup.vue
index e68cdc95..1043492d 100644
--- a/app/components/pub/ui/select/SelectGroup.vue
+++ b/app/components/pub/ui/select/SelectGroup.vue
@@ -5,7 +5,6 @@ import { SelectGroup } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/select/SelectItem.vue b/app/components/pub/ui/select/SelectItem.vue
index fed62dc9..aa06498a 100644
--- a/app/components/pub/ui/select/SelectItem.vue
+++ b/app/components/pub/ui/select/SelectItem.vue
@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/select/SelectLabel.vue b/app/components/pub/ui/select/SelectLabel.vue
index ac495e8b..32d46c1c 100644
--- a/app/components/pub/ui/select/SelectLabel.vue
+++ b/app/components/pub/ui/select/SelectLabel.vue
@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { SelectLabel } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
 </script>
 
diff --git a/app/components/pub/ui/select/SelectScrollDownButton.vue b/app/components/pub/ui/select/SelectScrollDownButton.vue
index 854a257c..7a8af19d 100644
--- a/app/components/pub/ui/select/SelectScrollDownButton.vue
+++ b/app/components/pub/ui/select/SelectScrollDownButton.vue
@@ -5,7 +5,6 @@ import { SelectScrollDownButton, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/select/SelectScrollUpButton.vue b/app/components/pub/ui/select/SelectScrollUpButton.vue
index 1740a52c..c528294d 100644
--- a/app/components/pub/ui/select/SelectScrollUpButton.vue
+++ b/app/components/pub/ui/select/SelectScrollUpButton.vue
@@ -5,7 +5,6 @@ import { SelectScrollUpButton, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/select/SelectSeparator.vue b/app/components/pub/ui/select/SelectSeparator.vue
index bf7c2f0e..daa605c2 100644
--- a/app/components/pub/ui/select/SelectSeparator.vue
+++ b/app/components/pub/ui/select/SelectSeparator.vue
@@ -5,7 +5,6 @@ import { SelectSeparator } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/select/SelectTrigger.vue b/app/components/pub/ui/select/SelectTrigger.vue
index f5ff9e63..1f45c488 100644
--- a/app/components/pub/ui/select/SelectTrigger.vue
+++ b/app/components/pub/ui/select/SelectTrigger.vue
@@ -5,7 +5,6 @@ import { SelectIcon, SelectTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/separator/Separator.vue b/app/components/pub/ui/separator/Separator.vue
index 1c76aedb..cfd7ce6a 100644
--- a/app/components/pub/ui/separator/Separator.vue
+++ b/app/components/pub/ui/separator/Separator.vue
@@ -5,7 +5,6 @@ import { Separator } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<
   SeparatorProps & { class?: HTMLAttributes['class'], label?: string }
 >()
diff --git a/app/components/pub/ui/sheet/SheetDescription.vue b/app/components/pub/ui/sheet/SheetDescription.vue
index e5d09b77..144ae2f9 100644
--- a/app/components/pub/ui/sheet/SheetDescription.vue
+++ b/app/components/pub/ui/sheet/SheetDescription.vue
@@ -5,7 +5,6 @@ import { DialogDescription } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/sheet/SheetFooter.vue b/app/components/pub/ui/sheet/SheetFooter.vue
index 72308ee7..4627374d 100644
--- a/app/components/pub/ui/sheet/SheetFooter.vue
+++ b/app/components/pub/ui/sheet/SheetFooter.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
 
diff --git a/app/components/pub/ui/sheet/SheetHeader.vue b/app/components/pub/ui/sheet/SheetHeader.vue
index 68591943..65f32731 100644
--- a/app/components/pub/ui/sheet/SheetHeader.vue
+++ b/app/components/pub/ui/sheet/SheetHeader.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
 
diff --git a/app/components/pub/ui/sheet/SheetTitle.vue b/app/components/pub/ui/sheet/SheetTitle.vue
index 7ed950db..192735d0 100644
--- a/app/components/pub/ui/sheet/SheetTitle.vue
+++ b/app/components/pub/ui/sheet/SheetTitle.vue
@@ -5,7 +5,6 @@ import { DialogTitle } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/sidebar/SidebarContent.vue b/app/components/pub/ui/sidebar/SidebarContent.vue
index 35a7ba08..c695d064 100644
--- a/app/components/pub/ui/sidebar/SidebarContent.vue
+++ b/app/components/pub/ui/sidebar/SidebarContent.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarFooter.vue b/app/components/pub/ui/sidebar/SidebarFooter.vue
index 1980cd70..564b1f4b 100644
--- a/app/components/pub/ui/sidebar/SidebarFooter.vue
+++ b/app/components/pub/ui/sidebar/SidebarFooter.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarGroup.vue b/app/components/pub/ui/sidebar/SidebarGroup.vue
index 936c05a4..1b5bc5dd 100644
--- a/app/components/pub/ui/sidebar/SidebarGroup.vue
+++ b/app/components/pub/ui/sidebar/SidebarGroup.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarGroupAction.vue b/app/components/pub/ui/sidebar/SidebarGroupAction.vue
index 8b26a455..f6dea60d 100644
--- a/app/components/pub/ui/sidebar/SidebarGroupAction.vue
+++ b/app/components/pub/ui/sidebar/SidebarGroupAction.vue
@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { Primitive } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PrimitiveProps & {
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarGroupContent.vue b/app/components/pub/ui/sidebar/SidebarGroupContent.vue
index 9802bb70..684873b5 100644
--- a/app/components/pub/ui/sidebar/SidebarGroupContent.vue
+++ b/app/components/pub/ui/sidebar/SidebarGroupContent.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarGroupLabel.vue b/app/components/pub/ui/sidebar/SidebarGroupLabel.vue
index 5f15fa25..162e04e0 100644
--- a/app/components/pub/ui/sidebar/SidebarGroupLabel.vue
+++ b/app/components/pub/ui/sidebar/SidebarGroupLabel.vue
@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { Primitive } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PrimitiveProps & {
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarHeader.vue b/app/components/pub/ui/sidebar/SidebarHeader.vue
index 7d24c90c..fa5e353e 100644
--- a/app/components/pub/ui/sidebar/SidebarHeader.vue
+++ b/app/components/pub/ui/sidebar/SidebarHeader.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarInput.vue b/app/components/pub/ui/sidebar/SidebarInput.vue
index fe8055a6..72b27475 100644
--- a/app/components/pub/ui/sidebar/SidebarInput.vue
+++ b/app/components/pub/ui/sidebar/SidebarInput.vue
@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import Input from '~/components/pub/ui/input/Input.vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarInset.vue b/app/components/pub/ui/sidebar/SidebarInset.vue
index 3737e11a..92d35958 100644
--- a/app/components/pub/ui/sidebar/SidebarInset.vue
+++ b/app/components/pub/ui/sidebar/SidebarInset.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarMenu.vue b/app/components/pub/ui/sidebar/SidebarMenu.vue
index fbe55273..ef15a05a 100644
--- a/app/components/pub/ui/sidebar/SidebarMenu.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenu.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarMenuAction.vue b/app/components/pub/ui/sidebar/SidebarMenuAction.vue
index a45d4913..1bc89b7b 100644
--- a/app/components/pub/ui/sidebar/SidebarMenuAction.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenuAction.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 & {
   showOnHover?: boolean
   class?: HTMLAttributes['class']
diff --git a/app/components/pub/ui/sidebar/SidebarMenuBadge.vue b/app/components/pub/ui/sidebar/SidebarMenuBadge.vue
index 67964132..80862e1a 100644
--- a/app/components/pub/ui/sidebar/SidebarMenuBadge.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenuBadge.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarMenuItem.vue b/app/components/pub/ui/sidebar/SidebarMenuItem.vue
index e0947a7e..78886c8c 100644
--- a/app/components/pub/ui/sidebar/SidebarMenuItem.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenuItem.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarMenuSkeleton.vue b/app/components/pub/ui/sidebar/SidebarMenuSkeleton.vue
index 7a083294..3c31766d 100644
--- a/app/components/pub/ui/sidebar/SidebarMenuSkeleton.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenuSkeleton.vue
@@ -4,7 +4,6 @@ import { computed } from 'vue'
 import Skeleton from '~/components/pub/ui/skeleton/Skeleton.vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   showIcon?: boolean
   class?: HTMLAttributes['class']
diff --git a/app/components/pub/ui/sidebar/SidebarMenuSub.vue b/app/components/pub/ui/sidebar/SidebarMenuSub.vue
index 2d897d88..42508d4d 100644
--- a/app/components/pub/ui/sidebar/SidebarMenuSub.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenuSub.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/sidebar/SidebarMenuSubButton.vue b/app/components/pub/ui/sidebar/SidebarMenuSubButton.vue
index 4b9a6c09..896d3e31 100644
--- a/app/components/pub/ui/sidebar/SidebarMenuSubButton.vue
+++ b/app/components/pub/ui/sidebar/SidebarMenuSubButton.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 & {
   size?: 'sm' | 'md'
   isActive?: boolean
diff --git a/app/components/pub/ui/sidebar/SidebarSeparator.vue b/app/components/pub/ui/sidebar/SidebarSeparator.vue
index fe631b55..5f48fc20 100644
--- a/app/components/pub/ui/sidebar/SidebarSeparator.vue
+++ b/app/components/pub/ui/sidebar/SidebarSeparator.vue
@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import Separator from '~/components/pub/ui/separator/Separator.vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/skeleton/Skeleton.vue b/app/components/pub/ui/skeleton/Skeleton.vue
index b1b2dfe0..f0a940b6 100644
--- a/app/components/pub/ui/skeleton/Skeleton.vue
+++ b/app/components/pub/ui/skeleton/Skeleton.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 interface SkeletonProps {
   class?: HTMLAttributes['class']
 }
diff --git a/app/components/pub/ui/slider/Slider.vue b/app/components/pub/ui/slider/Slider.vue
index 5dd246e9..b37d32ad 100644
--- a/app/components/pub/ui/slider/Slider.vue
+++ b/app/components/pub/ui/slider/Slider.vue
@@ -5,7 +5,6 @@ import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SliderRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<SliderRootEmits>()
 
diff --git a/app/components/pub/ui/stepper/Stepper.vue b/app/components/pub/ui/stepper/Stepper.vue
index 91c39df6..4f65ce3d 100644
--- a/app/components/pub/ui/stepper/Stepper.vue
+++ b/app/components/pub/ui/stepper/Stepper.vue
@@ -6,7 +6,6 @@ import { StepperRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<StepperRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<StepperRootEmits>()
 
diff --git a/app/components/pub/ui/stepper/StepperDescription.vue b/app/components/pub/ui/stepper/StepperDescription.vue
index b464870c..0074eeab 100644
--- a/app/components/pub/ui/stepper/StepperDescription.vue
+++ b/app/components/pub/ui/stepper/StepperDescription.vue
@@ -6,7 +6,6 @@ import { StepperDescription, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<StepperDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/stepper/StepperIndicator.vue b/app/components/pub/ui/stepper/StepperIndicator.vue
index 23df5d87..a7e7a7e6 100644
--- a/app/components/pub/ui/stepper/StepperIndicator.vue
+++ b/app/components/pub/ui/stepper/StepperIndicator.vue
@@ -6,7 +6,6 @@ import { StepperIndicator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<StepperIndicatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/stepper/StepperItem.vue b/app/components/pub/ui/stepper/StepperItem.vue
index c1b6df2e..5d87d18d 100644
--- a/app/components/pub/ui/stepper/StepperItem.vue
+++ b/app/components/pub/ui/stepper/StepperItem.vue
@@ -6,7 +6,6 @@ import { StepperItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<StepperItemProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/stepper/StepperSeparator.vue b/app/components/pub/ui/stepper/StepperSeparator.vue
index 391978d5..16598953 100644
--- a/app/components/pub/ui/stepper/StepperSeparator.vue
+++ b/app/components/pub/ui/stepper/StepperSeparator.vue
@@ -6,7 +6,6 @@ import { StepperSeparator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<StepperSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/stepper/StepperTitle.vue b/app/components/pub/ui/stepper/StepperTitle.vue
index f2dd0442..bc9d4619 100644
--- a/app/components/pub/ui/stepper/StepperTitle.vue
+++ b/app/components/pub/ui/stepper/StepperTitle.vue
@@ -6,7 +6,6 @@ import { StepperTitle, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<StepperTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/switch/Switch.vue b/app/components/pub/ui/switch/Switch.vue
index ea9cf9de..8fe27300 100644
--- a/app/components/pub/ui/switch/Switch.vue
+++ b/app/components/pub/ui/switch/Switch.vue
@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<SwitchRootEmits>()
diff --git a/app/components/pub/ui/table/Table.vue b/app/components/pub/ui/table/Table.vue
index 01314ca8..e7c79d4c 100644
--- a/app/components/pub/ui/table/Table.vue
+++ b/app/components/pub/ui/table/Table.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableBody.vue b/app/components/pub/ui/table/TableBody.vue
index 9bb9d782..d36ffc25 100644
--- a/app/components/pub/ui/table/TableBody.vue
+++ b/app/components/pub/ui/table/TableBody.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableCaption.vue b/app/components/pub/ui/table/TableCaption.vue
index 354af4e5..f2a6c194 100644
--- a/app/components/pub/ui/table/TableCaption.vue
+++ b/app/components/pub/ui/table/TableCaption.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableCell.vue b/app/components/pub/ui/table/TableCell.vue
index ee9a2e14..d292236f 100644
--- a/app/components/pub/ui/table/TableCell.vue
+++ b/app/components/pub/ui/table/TableCell.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableFooter.vue b/app/components/pub/ui/table/TableFooter.vue
index c6290e0e..e9f46f9c 100644
--- a/app/components/pub/ui/table/TableFooter.vue
+++ b/app/components/pub/ui/table/TableFooter.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableHead.vue b/app/components/pub/ui/table/TableHead.vue
index 3cd1c635..624955d6 100644
--- a/app/components/pub/ui/table/TableHead.vue
+++ b/app/components/pub/ui/table/TableHead.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableHeader.vue b/app/components/pub/ui/table/TableHeader.vue
index d8af1eb8..879d2a83 100644
--- a/app/components/pub/ui/table/TableHeader.vue
+++ b/app/components/pub/ui/table/TableHeader.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/TableRow.vue b/app/components/pub/ui/table/TableRow.vue
index 233bd5e1..80b1e6a7 100644
--- a/app/components/pub/ui/table/TableRow.vue
+++ b/app/components/pub/ui/table/TableRow.vue
@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/table/separator/Separator.vue b/app/components/pub/ui/table/separator/Separator.vue
index 7132fc50..e1648859 100644
--- a/app/components/pub/ui/table/separator/Separator.vue
+++ b/app/components/pub/ui/table/separator/Separator.vue
@@ -5,7 +5,6 @@ import { Separator } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<
   SeparatorProps & { class?: HTMLAttributes['class'], label?: string }
 >()
diff --git a/app/components/pub/ui/tabs/TabsContent.vue b/app/components/pub/ui/tabs/TabsContent.vue
index 83c7ba4c..0f5b6735 100644
--- a/app/components/pub/ui/tabs/TabsContent.vue
+++ b/app/components/pub/ui/tabs/TabsContent.vue
@@ -5,7 +5,6 @@ import { TabsContent } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/tabs/TabsList.vue b/app/components/pub/ui/tabs/TabsList.vue
index ad39369a..6f9954b2 100644
--- a/app/components/pub/ui/tabs/TabsList.vue
+++ b/app/components/pub/ui/tabs/TabsList.vue
@@ -5,7 +5,6 @@ import { TabsList } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/tabs/TabsTrigger.vue b/app/components/pub/ui/tabs/TabsTrigger.vue
index 26155194..784f5b36 100644
--- a/app/components/pub/ui/tabs/TabsTrigger.vue
+++ b/app/components/pub/ui/tabs/TabsTrigger.vue
@@ -5,7 +5,6 @@ import { TabsTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/tags-input/TagsInput.vue b/app/components/pub/ui/tags-input/TagsInput.vue
index aa949405..a245c294 100644
--- a/app/components/pub/ui/tags-input/TagsInput.vue
+++ b/app/components/pub/ui/tags-input/TagsInput.vue
@@ -5,7 +5,6 @@ import { TagsInputRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TagsInputRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<TagsInputRootEmits>()
 
diff --git a/app/components/pub/ui/tags-input/TagsInputInput.vue b/app/components/pub/ui/tags-input/TagsInputInput.vue
index f645430a..cc76c8b8 100644
--- a/app/components/pub/ui/tags-input/TagsInputInput.vue
+++ b/app/components/pub/ui/tags-input/TagsInputInput.vue
@@ -5,7 +5,6 @@ import { TagsInputInput, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TagsInputInputProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/tags-input/TagsInputItem.vue b/app/components/pub/ui/tags-input/TagsInputItem.vue
index 077b0ee4..d13e94a4 100644
--- a/app/components/pub/ui/tags-input/TagsInputItem.vue
+++ b/app/components/pub/ui/tags-input/TagsInputItem.vue
@@ -6,7 +6,6 @@ import { TagsInputItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TagsInputItemProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/tags-input/TagsInputItemDelete.vue b/app/components/pub/ui/tags-input/TagsInputItemDelete.vue
index 69856d27..123db53b 100644
--- a/app/components/pub/ui/tags-input/TagsInputItemDelete.vue
+++ b/app/components/pub/ui/tags-input/TagsInputItemDelete.vue
@@ -5,7 +5,6 @@ import { TagsInputItemDelete, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TagsInputItemDeleteProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/tags-input/TagsInputItemText.vue b/app/components/pub/ui/tags-input/TagsInputItemText.vue
index 6da0c490..a51c582d 100644
--- a/app/components/pub/ui/tags-input/TagsInputItemText.vue
+++ b/app/components/pub/ui/tags-input/TagsInputItemText.vue
@@ -5,7 +5,6 @@ import { TagsInputItemText, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<TagsInputItemTextProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/textarea/Textarea.vue b/app/components/pub/ui/textarea/Textarea.vue
index 7938d464..a6b182a3 100644
--- a/app/components/pub/ui/textarea/Textarea.vue
+++ b/app/components/pub/ui/textarea/Textarea.vue
@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { useVModel } from '@vueuse/core'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
   defaultValue?: string | number
diff --git a/app/components/pub/ui/toast/ToastAction.vue b/app/components/pub/ui/toast/ToastAction.vue
index 09a4292c..0a4bacc6 100644
--- a/app/components/pub/ui/toast/ToastAction.vue
+++ b/app/components/pub/ui/toast/ToastAction.vue
@@ -5,7 +5,6 @@ import { ToastAction } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ToastActionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/toast/ToastClose.vue b/app/components/pub/ui/toast/ToastClose.vue
index c75d8c68..c9fed52d 100644
--- a/app/components/pub/ui/toast/ToastClose.vue
+++ b/app/components/pub/ui/toast/ToastClose.vue
@@ -6,7 +6,6 @@ import { ToastClose } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ToastCloseProps & {
   class?: HTMLAttributes['class']
 }>()
diff --git a/app/components/pub/ui/toast/ToastDescription.vue b/app/components/pub/ui/toast/ToastDescription.vue
index 69fbc667..66d36e2b 100644
--- a/app/components/pub/ui/toast/ToastDescription.vue
+++ b/app/components/pub/ui/toast/ToastDescription.vue
@@ -5,7 +5,6 @@ import { ToastDescription } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ToastDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/toast/ToastTitle.vue b/app/components/pub/ui/toast/ToastTitle.vue
index 19a7ad46..c3eb3ffc 100644
--- a/app/components/pub/ui/toast/ToastTitle.vue
+++ b/app/components/pub/ui/toast/ToastTitle.vue
@@ -5,7 +5,6 @@ import { ToastTitle } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ToastTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/toast/ToastViewport.vue b/app/components/pub/ui/toast/ToastViewport.vue
index 9d18eedd..7e75b4f3 100644
--- a/app/components/pub/ui/toast/ToastViewport.vue
+++ b/app/components/pub/ui/toast/ToastViewport.vue
@@ -5,7 +5,6 @@ import { ToastViewport } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ToastViewportProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
diff --git a/app/components/pub/ui/toggle-group/ToggleGroupItem.vue b/app/components/pub/ui/toggle-group/ToggleGroupItem.vue
index f4bd8336..b34ee74b 100644
--- a/app/components/pub/ui/toggle-group/ToggleGroupItem.vue
+++ b/app/components/pub/ui/toggle-group/ToggleGroupItem.vue
@@ -7,7 +7,6 @@ import { computed, inject } from 'vue'
 import { toggleVariants } from '~/components/pub/ui/toggle'
 import { cn } from '~/lib/utils'
 
-
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>
 
 const props = defineProps<
diff --git a/app/components/pub/ui/tooltip/TooltipContent.vue b/app/components/pub/ui/tooltip/TooltipContent.vue
index b51cd7aa..ff02f8e9 100644
--- a/app/components/pub/ui/tooltip/TooltipContent.vue
+++ b/app/components/pub/ui/tooltip/TooltipContent.vue
@@ -5,7 +5,6 @@ import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 defineOptions({
   inheritAttrs: false,
 })
diff --git a/app/lib/utils.ts b/app/lib/utils.ts
index d32b0fe6..abba253f 100644
--- a/app/lib/utils.ts
+++ b/app/lib/utils.ts
@@ -1,4 +1,5 @@
-import { type ClassValue, clsx } from 'clsx'
+import type { ClassValue } from 'clsx'
+import { clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 export function cn(...inputs: ClassValue[]) {
diff --git a/server/api/[...req].ts b/server/api/[...req].ts
index 3fd45b16..cb7d872a 100644
--- a/server/api/[...req].ts
+++ b/server/api/[...req].ts
@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineEventHandler, getCookie, getRequestHeaders, getRequestURL, readBody } from 'h3'
 
 const API_ORIGIN = process.env.API_ORIGIN as string
diff --git a/server/api/v1/satusehat/list.post.ts b/server/api/v1/satusehat/list.post.ts
index 7f840863..97ce963a 100644
--- a/server/api/v1/satusehat/list.post.ts
+++ b/server/api/v1/satusehat/list.post.ts
@@ -1,6 +1,6 @@
 export default defineEventHandler(async (event) => {
   const body = await readBody(event)
-  
+
   // Mock data lengkap
   const mockData = [
     {
@@ -90,7 +90,7 @@ export default defineEventHandler(async (event) => {
       status: 2,
       updated_at: '2025-01-17',
       fhir_id: 'PAT-001241',
-    }
+    },
   ]
 
   // Ekstrak parameter filter dari request body
@@ -101,7 +101,7 @@ export default defineEventHandler(async (event) => {
     date_to,
     search,
     page = 1,
-    limit = 10
+    limit = 10,
   } = body
 
   let filteredData = [...mockData]
@@ -113,30 +113,30 @@ export default defineEventHandler(async (event) => {
 
   // Filter berdasarkan resource_type (transaction type)
   if (resource_type && resource_type !== 'all') {
-    filteredData = filteredData.filter(item => 
-      item.resource_type.toLowerCase() === resource_type.toLowerCase()
+    filteredData = filteredData.filter(item =>
+      item.resource_type.toLowerCase() === resource_type.toLowerCase(),
     )
   }
 
   // Filter berdasarkan rentang tanggal
   if (date_from) {
-    filteredData = filteredData.filter(item => 
-      new Date(item.updated_at) >= new Date(date_from)
+    filteredData = filteredData.filter(item =>
+      new Date(item.updated_at) >= new Date(date_from),
     )
   }
 
   if (date_to) {
-    filteredData = filteredData.filter(item => 
-      new Date(item.updated_at) <= new Date(date_to)
+    filteredData = filteredData.filter(item =>
+      new Date(item.updated_at) <= new Date(date_to),
     )
   }
 
   // Filter berdasarkan pencarian nama pasien atau MRN
   if (search) {
-    filteredData = filteredData.filter(item => 
-      item.patient.name.toLowerCase().includes(search.toLowerCase()) ||
-      item.patient.mrn.toLowerCase().includes(search.toLowerCase()) ||
-      item.fhir_id.toLowerCase().includes(search.toLowerCase())
+    filteredData = filteredData.filter(item =>
+      item.patient.name.toLowerCase().includes(search.toLowerCase())
+      || item.patient.mrn.toLowerCase().includes(search.toLowerCase())
+      || item.fhir_id.toLowerCase().includes(search.toLowerCase()),
     )
   }
 
@@ -158,14 +158,14 @@ export default defineEventHandler(async (event) => {
       limit: Number(limit),
       total_pages: totalPages,
       has_next: page < totalPages,
-      has_prev: page > 1
+      has_prev: page > 1,
     },
     filters: {
       status,
       resource_type,
       date_from,
       date_to,
-      search
-    }
+      search,
+    },
   }
 })