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

@@ -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

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',
 }

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

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"
+  <PubBaseDataTable
-    :func-html="funcHtml" :func-component="funcComponent" />
+:rows="data" :cols="cols" :header="header" :keys="keys" :func-parsed="funcParsed"
+    :func-html="funcHtml" :func-component="funcComponent"
+/>
 </template>

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
 

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'

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<{

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"
+            <TabsTrigger
-              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">
+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"
+            <AppSatusehatButtonAction
-              :text="action.label" />
+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"
+              <div
-                class="mt-4 flex justify-between items-center">
+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) }}

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(

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"
+        <TableHead
-          :style="{ width: cols[idx]?.width ? `${cols[idx].width}px` : undefined }">
+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]"
+          <component
-            v-bind="funcComponent[key](row, rowIndex)" />
+:is="funcComponent[key](row, rowIndex).component" v-if="funcComponent[key]"
+            v-bind="funcComponent[key](row, rowIndex)"
+/>
           <!-- If funcParsed or funcHtml returns a value -->
           <template v-else>
             <!-- Use v-html for funcHtml to render HTML content -->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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