versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: 🎨 Run Biome formatter

Browse source
This commit is contained in:
Jesse Wierzbinski 2026-01-09 21:47:12 +01:00
parent 74c3b26f20
commit 68e23a818a
No known key found for this signature in database
244 changed files with 435 additions and 470 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/components/ui/alert-dialog/AlertDialog.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<AlertDialogRoot data-slot="alert-dialog" v-bind="forwarded">
<slot/>
<slot />
</AlertDialogRoot>
</template>

2
app/components/ui/alert-dialog/AlertDialogAction.vue
View file

@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn(buttonVariants(), props.class)"
>
<slot/>
<slot />
</AlertDialogAction>
</template>

2
app/components/ui/alert-dialog/AlertDialogCancel.vue
View file

@ -24,6 +24,6 @@ const delegatedProps = computed(() => {
props.class,
)"
>
<slot/>
<slot />
</AlertDialogCancel>
</template>

2
app/components/ui/alert-dialog/AlertDialogContent.vue
View file

@ -40,7 +40,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
)
"
>
<slot/>
<slot />
</AlertDialogContent>
</AlertDialogPortal>
</template>

2
app/components/ui/alert-dialog/AlertDialogDescription.vue
View file

@ -23,6 +23,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot/>
<slot />
</AlertDialogDescription>
</template>

2
app/components/ui/alert-dialog/AlertDialogFooter.vue
View file

@ -17,6 +17,6 @@ const props = defineProps<{
)
"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/alert-dialog/AlertDialogHeader.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="alert-dialog-header"
:class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/alert-dialog/AlertDialogTitle.vue
View file

@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('text-lg font-semibold', props.class)"
>
<slot/>
<slot />
</AlertDialogTitle>
</template>

2
app/components/ui/alert-dialog/AlertDialogTrigger.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<AlertDialogTriggerProps>();
<template>
<AlertDialogTrigger data-slot="alert-dialog-trigger" v-bind="props">
<slot/>
<slot />
</AlertDialogTrigger>
</template>

2
app/components/ui/alert/Alert.vue
View file

@ -15,6 +15,6 @@ const props = defineProps<{
:class="cn(alertVariants({ variant }), props.class)"
role="alert"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/alert/AlertDescription.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="alert-description"
:class="cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/alert/AlertTitle.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="alert-title"
:class="cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/avatar/Avatar.vue
View file

@ -13,6 +13,6 @@ const props = defineProps<{
data-slot="avatar"
:class="cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)"
>
<slot/>
<slot />
</AvatarRoot>
</template>

2
app/components/ui/avatar/AvatarFallback.vue
View file

@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('bg-muted flex size-full items-center justify-center', props.class)"
>
<slot/>
<slot />
</AvatarFallback>
</template>

2
app/components/ui/avatar/AvatarImage.vue
View file

@ -11,6 +11,6 @@ const props = defineProps<AvatarImageProps>();
v-bind="props"
class="aspect-square size-full"
>
<slot/>
<slot />
</AvatarImage>
</template>

2
app/components/ui/badge/Badge.vue
View file

@ -25,6 +25,6 @@ const delegatedProps = computed(() => {
:class="cn(badgeVariants({ variant }), props.class)"
v-bind="delegatedProps"
>
<slot/>
<slot />
</Primitive>
</template>

2
app/components/ui/button/Button.vue
View file

@ -22,6 +22,6 @@ const props = withDefaults(defineProps<Props>(), {
:as-child="asChild"
:class="cn(buttonVariants({ variant, size }), props.class)"
>
<slot/>
<slot />
</Primitive>
</template>

2
app/components/ui/card/Card.vue
View file

@ -16,6 +16,6 @@ const props = defineProps<{
)
"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/card/CardAction.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="card-action"
:class="cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/card/CardContent.vue
View file

@ -9,6 +9,6 @@ const props = defineProps<{
<template>
<div data-slot="card-content" :class="cn('flex flex-col', props.class)">
<slot/>
<slot />
</div>
</template>

2
app/components/ui/card/CardDescription.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="card-description"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot/>
<slot />
</p>
</template>

2
app/components/ui/card/CardFooter.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="card-footer"
:class="cn('flex items-center [.border-t]:pt-6', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/card/CardHeader.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="card-header"
:class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/card/CardTitle.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="card-title"
:class="cn('leading-none font-semibold', props.class)"
>
<slot/>
<slot />
</h3>
</template>

4
app/components/ui/checkbox/Checkbox.vue
View file

@ -32,10 +32,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
class="flex items-center justify-center text-current transition-none"
>
<slot>
<Check class="size-3.5"/>
<Check class="size-3.5" />
</slot>
</CheckboxIndicator>
<!-- Fixes an issue where empty buttons behave weirdly in tanstack table layouts -->
<Check class="size-3.5 opacity-0"/>
<Check class="size-3.5 opacity-0" />
</CheckboxRoot>
</template>

2
app/components/ui/collapsible/Collapsible.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
data-slot="collapsible"
v-bind="forwarded"
>
<slot :open="open"/>
<slot :open="open" />
</CollapsibleRoot>
</template>

2
app/components/ui/collapsible/CollapsibleContent.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<CollapsibleContentProps>();
<template>
<CollapsibleContent data-slot="collapsible-content" v-bind="props">
<slot/>
<slot />
</CollapsibleContent>
</template>

2
app/components/ui/collapsible/CollapsibleTrigger.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<CollapsibleTriggerProps>();
<template>
<CollapsibleTrigger data-slot="collapsible-trigger" v-bind="props">
<slot/>
<slot />
</CollapsibleTrigger>
</template>

2
app/components/ui/command/Command.vue
View file

@ -95,6 +95,6 @@ provideCommandContext({
v-bind="forwarded"
:class="cn('bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md', props.class)"
>
<slot/>
<slot />
</ListboxRoot>
</template>

2
app/components/ui/command/CommandDialog.vue
View file

@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(props, emits);
</DialogHeader>
<DialogContent class="overflow-hidden p-0 ">
<Command>
<slot/>
<slot />
</Command>
</DialogContent>
</Dialog>

2
app/components/ui/command/CommandEmpty.vue
View file

@ -28,6 +28,6 @@ const isRender = computed(
v-bind="delegatedProps"
:class="cn('py-6 text-center text-sm', props.class)"
>
<slot/>
<slot />
</Primitive>
</template>

2
app/components/ui/command/CommandGroup.vue
View file

@ -50,6 +50,6 @@ onUnmounted(() => {
>
{{ heading }}
</ListboxGroupLabel>
<slot/>
<slot />
</ListboxGroup>
</template>

2
app/components/ui/command/CommandInput.vue
View file

@ -35,7 +35,7 @@ const { filterState } = useCommand();
data-slot="command-input-wrapper"
class="flex h-12 items-center gap-2 border-b px-3"
>
<Search class="size-4 shrink-0 opacity-50"/>
<Search class="size-4 shrink-0 opacity-50" />
<ListboxFilter
v-bind="{ ...forwardedProps, ...$attrs }"
v-model="filterState.search"

2
app/components/ui/command/CommandItem.vue
View file

@ -84,6 +84,6 @@ onUnmounted(() => {
filterState.search = ''
}"
>
<slot/>
<slot />
</ListboxItem>
</template>

2
app/components/ui/command/CommandList.vue
View file

@ -24,7 +24,7 @@ const forwarded = useForwardProps(delegatedProps);
:class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
>
<div role="presentation">
<slot/>
<slot />
</div>
</ListboxContent>
</template>

2
app/components/ui/command/CommandSeparator.vue
View file

@ -21,6 +21,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('bg-border -mx-1 h-px', props.class)"
>
<slot/>
<slot />
</Separator>
</template>

2
app/components/ui/command/CommandShortcut.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="command-shortcut"
:class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
>
<slot/>
<slot />
</span>
</template>

2
app/components/ui/dialog/Dialog.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<DialogRoot data-slot="dialog" v-bind="forwarded">
<slot/>
<slot />
</DialogRoot>
</template>

2
app/components/ui/dialog/DialogClose.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<DialogCloseProps>();
<template>
<DialogClose data-slot="dialog-close" v-bind="props">
<slot/>
<slot />
</DialogClose>
</template>

6
app/components/ui/dialog/DialogContent.vue
View file

@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
<template>
<DialogPortal>
<DialogOverlay/>
<DialogOverlay />
<DialogContent
data-slot="dialog-content"
v-bind="forwarded"
@ -41,13 +41,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
props.class,
)"
>
<slot/>
<slot />
<DialogClose
v-if="!hideClose"
class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
>
<X/>
<X />
<span class="sr-only">Close</span>
</DialogClose>
</DialogContent>

2
app/components/ui/dialog/DialogDescription.vue
View file

@ -26,6 +26,6 @@ const forwardedProps = useForwardProps(delegatedProps);
v-bind="forwardedProps"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot/>
<slot />
</DialogDescription>
</template>

2
app/components/ui/dialog/DialogFooter.vue
View file

@ -10,6 +10,6 @@ const props = defineProps<{ class?: HTMLAttributes["class"] }>();
data-slot="dialog-footer"
:class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/dialog/DialogHeader.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="dialog-header"
:class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/dialog/DialogOverlay.vue
View file

@ -20,6 +20,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 backdrop-blur-md', props.class)"
>
<slot/>
<slot />
</DialogOverlay>
</template>

4
app/components/ui/dialog/DialogScrollContent.vue
View file

@ -47,12 +47,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
}
}"
>
<slot/>
<slot />
<DialogClose
class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
>
<X class="w-4 h-4"/>
<X class="w-4 h-4" />
<span class="sr-only">Close</span>
</DialogClose>
</DialogContent>

2
app/components/ui/dialog/DialogTitle.vue
View file

@ -22,6 +22,6 @@ const forwardedProps = useForwardProps(delegatedProps);
v-bind="forwardedProps"
:class="cn('text-lg leading-none font-semibold', props.class)"
>
<slot/>
<slot />
</DialogTitle>
</template>

2
app/components/ui/dialog/DialogTrigger.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<DialogTriggerProps>();
<template>
<DialogTrigger data-slot="dialog-trigger" v-bind="props">
<slot/>
<slot />
</DialogTrigger>
</template>

2
app/components/ui/drawer/Drawer.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<DrawerRoot data-slot="drawer" v-bind="forwarded">
<slot/>
<slot />
</DrawerRoot>
</template>

2
app/components/ui/drawer/DrawerClose.vue
View file

@ -7,6 +7,6 @@ const props = defineProps<DrawerCloseProps>();
<template>
<DrawerClose data-slot="drawer-close" v-bind="props">
<slot/>
<slot />
</DrawerClose>
</template>

4
app/components/ui/drawer/DrawerContent.vue
View file

@ -16,7 +16,7 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<DrawerPortal>
<DrawerOverlay/>
<DrawerOverlay />
<DrawerContent
data-slot="drawer-content"
v-bind="forwarded"
@ -32,7 +32,7 @@ const forwarded = useForwardPropsEmits(props, emits);
<div
class="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
/>
<slot/>
<slot />
</DrawerContent>
</DrawerPortal>
</template>

2
app/components/ui/drawer/DrawerDescription.vue
View file

@ -21,6 +21,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot/>
<slot />
</DrawerDescription>
</template>

2
app/components/ui/drawer/DrawerFooter.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="drawer-footer"
:class="cn('mt-auto flex flex-col gap-2 p-4', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/drawer/DrawerHeader.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="drawer-header"
:class="cn('flex flex-col gap-1.5 p-4', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/drawer/DrawerTitle.vue
View file

@ -21,6 +21,6 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="cn('text-foreground font-semibold', props.class)"
>
<slot/>
<slot />
</DrawerTitle>
</template>

2
app/components/ui/drawer/DrawerTrigger.vue
View file

@ -7,6 +7,6 @@ const props = defineProps<DrawerTriggerProps>();
<template>
<DrawerTrigger data-slot="drawer-trigger" v-bind="props">
<slot/>
<slot />
</DrawerTrigger>
</template>

2
app/components/ui/dropdown-menu/DropdownMenu.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<DropdownMenuRoot data-slot="dropdown-menu" v-bind="forwarded">
<slot/>
<slot />
</DropdownMenuRoot>
</template>

4
app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
View file

@ -37,9 +37,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
>
<DropdownMenuItemIndicator>
<Check class="size-4"/>
<Check class="size-4" />
</DropdownMenuItemIndicator>
</span>
<slot/>
<slot />
</DropdownMenuCheckboxItem>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuContent.vue
View file

@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
v-bind="forwarded"
:class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
>
<slot/>
<slot />
</DropdownMenuContent>
</DropdownMenuPortal>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuGroup.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<DropdownMenuGroupProps>();
<template>
<DropdownMenuGroup data-slot="dropdown-menu-group" v-bind="props">
<slot/>
<slot />
</DropdownMenuGroup>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuItem.vue
View file

@ -34,6 +34,6 @@ const forwardedProps = useForwardProps(delegatedProps);
v-bind="forwardedProps"
:class="cn(`focus:bg-accent w-full focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, props.class)"
>
<slot/>
<slot />
</DropdownMenuItem>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuLabel.vue
View file

@ -26,6 +26,6 @@ const forwardedProps = useForwardProps(delegatedProps);
v-bind="forwardedProps"
:class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
>
<slot/>
<slot />
</DropdownMenuLabel>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
View file

@ -17,6 +17,6 @@ const forwarded = useForwardPropsEmits(props, emits);
data-slot="dropdown-menu-radio-group"
v-bind="forwarded"
>
<slot/>
<slot />
</DropdownMenuRadioGroup>
</template>

4
app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
View file

@ -38,9 +38,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
>
<DropdownMenuItemIndicator>
<Circle class="size-2 fill-current"/>
<Circle class="size-2 fill-current" />
</DropdownMenuItemIndicator>
</span>
<slot/>
<slot />
</DropdownMenuRadioItem>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuShortcut.vue
View file

@ -12,6 +12,6 @@ const props = defineProps<{
data-slot="dropdown-menu-shortcut"
:class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
>
<slot/>
<slot />
</span>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuSub.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
<slot/>
<slot />
</DropdownMenuSub>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
View file

@ -28,6 +28,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
v-bind="forwarded"
:class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
>
<slot/>
<slot />
</DropdownMenuSubContent>
</template>

4
app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
View file

@ -29,7 +29,7 @@ const forwardedProps = useForwardProps(delegatedProps);
props.class,
)"
>
<slot/>
<ChevronRight class="ml-auto size-4"/>
<slot />
<ChevronRight class="ml-auto size-4" />
</DropdownMenuSubTrigger>
</template>

2
app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
View file

@ -15,6 +15,6 @@ const forwardedProps = useForwardProps(props);
data-slot="dropdown-menu-trigger"
v-bind="forwardedProps"
>
<slot/>
<slot />
</DropdownMenuTrigger>
</template>

2
app/components/ui/form/FormControl.vue
View file

@ -12,6 +12,6 @@ const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
:aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
:aria-invalid="!!error"
>
<slot/>
<slot />
</Slot>
</template>

2
app/components/ui/form/FormDescription.vue
View file

@ -16,6 +16,6 @@ const { formDescriptionId } = useFormField();
data-slot="form-description"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot/>
<slot />
</p>
</template>

2
app/components/ui/form/FormItem.vue
View file

@ -14,6 +14,6 @@ provide(FORM_ITEM_INJECTION_KEY, id);
<template>
<div data-slot="form-item" :class="cn('grid gap-2', props.class)">
<slot/>
<slot />
</div>
</template>

2
app/components/ui/form/FormLabel.vue
View file

@ -20,6 +20,6 @@ const { error, formItemId } = useFormField();
)"
:for="formItemId"
>
<slot/>
<slot />
</Label>
</template>

2
app/components/ui/hover-card/HoverCard.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<HoverCardRoot data-slot="hover-card" v-bind="forwarded">
<slot/>
<slot />
</HoverCardRoot>
</template>

2
app/components/ui/hover-card/HoverCardContent.vue
View file

@ -36,7 +36,7 @@ const forwardedProps = useForwardProps(delegatedProps);
)
"
>
<slot/>
<slot />
</HoverCardContent>
</HoverCardPortal>
</template>

2
app/components/ui/hover-card/HoverCardTrigger.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<HoverCardTriggerProps>();
<template>
<HoverCardTrigger data-slot="hover-card-trigger" v-bind="props">
<slot/>
<slot />
</HoverCardTrigger>
</template>

2
app/components/ui/input-group/InputGroup.vue
View file

@ -27,6 +27,6 @@ const props = defineProps<{
props.class,
)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/input-group/InputGroupAddon.vue
View file

@ -34,6 +34,6 @@ function handleInputGroupAddonClick(e: MouseEvent) {
:class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
@click="handleInputGroupAddonClick"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/input-group/InputGroupButton.vue
View file

@ -16,6 +16,6 @@ const props = withDefaults(defineProps<InputGroupButtonProps>(), {
:variant="props.variant"
:class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
>
<slot/>
<slot />
</Button>
</template>

12
app/components/ui/input-group/InputGroupText.vue
View file

@ -7,13 +7,11 @@ const props = defineProps<{
}>();
</script>
<template>
<span
:class="cn(
<template><span
:class="cn(
'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
props.class,
)"
>
<slot/>
</span>
</template>
>
<slot />
</span></template>

2
app/components/ui/input/url.vue
View file

@ -46,7 +46,7 @@ watch(isValidUrl, (value) => {
<template>
<div class="space-y-2">
<Input v-model="modelValue" v-bind="$attrs"/>
<Input v-model="modelValue" v-bind="$attrs" />
<p v-if="isValidUrl" class="text-green-600 text-xs">
{{ m.sunny_small_warbler_express() }}
</p>

2
app/components/ui/label/Label.vue
View file

@ -23,6 +23,6 @@ const delegatedProps = computed(() => {
)
"
>
<slot/>
<slot />
</Label>
</template>

2
app/components/ui/number-field/NumberField.vue
View file

@ -23,6 +23,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
v-bind="forwarded"
:class="cn('grid gap-1.5', props.class)"
>
<slot/>
<slot />
</NumberFieldRoot>
</template>

2
app/components/ui/number-field/NumberFieldContent.vue
View file

@ -11,6 +11,6 @@ const props = defineProps<{
<div
:class="cn('relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5', props.class)"
>
<slot/>
<slot />
</div>
</template>

2
app/components/ui/number-field/NumberFieldDecrement.vue
View file

@ -25,7 +25,7 @@ const forwarded = useForwardProps(delegatedProps);
:class="cn('absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20', props.class)"
>
<slot>
<Minus class="h-4 w-4"/>
<Minus class="h-4 w-4" />
</slot>
</NumberFieldDecrement>
</template>

2
app/components/ui/number-field/NumberFieldIncrement.vue
View file

@ -25,7 +25,7 @@ const forwarded = useForwardProps(delegatedProps);
:class="cn('absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3', props.class)"
>
<slot>
<Plus class="h-4 w-4"/>
<Plus class="h-4 w-4" />
</slot>
</NumberFieldIncrement>
</template>

2
app/components/ui/popover/Popover.vue
View file

@ -10,6 +10,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<PopoverRoot data-slot="popover" v-bind="forwarded">
<slot/>
<slot />
</PopoverRoot>
</template>

2
app/components/ui/popover/PopoverAnchor.vue
View file

@ -7,6 +7,6 @@ const props = defineProps<PopoverAnchorProps>();
<template>
<PopoverAnchor data-slot="popover-anchor" v-bind="props">
<slot/>
<slot />
</PopoverAnchor>
</template>

2
app/components/ui/popover/PopoverContent.vue
View file

@ -43,7 +43,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
)
"
>
<slot/>
<slot />
</PopoverContent>
</PopoverPortal>
</template>

2
app/components/ui/popover/PopoverTrigger.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<PopoverTriggerProps>();
<template>
<PopoverTrigger data-slot="popover-trigger" v-bind="props">
<slot/>
<slot />
</PopoverTrigger>
</template>

2
app/components/ui/select/Select.vue
View file

@ -10,6 +10,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<SelectRoot data-slot="select" v-bind="forwarded">
<slot/>
<slot />
</SelectRoot>
</template>

6
app/components/ui/select/SelectContent.vue
View file

@ -45,13 +45,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
)
"
>
<SelectScrollUpButton/>
<SelectScrollUpButton />
<SelectViewport
:class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')"
>
<slot/>
<slot />
</SelectViewport>
<SelectScrollDownButton/>
<SelectScrollDownButton />
</SelectContent>
</SelectPortal>
</template>

2
app/components/ui/select/SelectGroup.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<SelectGroupProps>();
<template>
<SelectGroup data-slot="select-group" v-bind="props">
<slot/>
<slot />
</SelectGroup>
</template>

4
app/components/ui/select/SelectItem.vue
View file

@ -38,12 +38,12 @@ const forwardedProps = useForwardProps(delegatedProps);
class="absolute right-2 flex size-3.5 items-center justify-center"
>
<SelectItemIndicator>
<Check class="size-4"/>
<Check class="size-4" />
</SelectItemIndicator>
</span>
<SelectItemText>
<slot/>
<slot />
</SelectItemText>
</SelectItem>
</template>

2
app/components/ui/select/SelectItemText.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<SelectItemTextProps>();
<template>
<SelectItemText data-slot="select-item-text" v-bind="props">
<slot/>
<slot />
</SelectItemText>
</template>

2
app/components/ui/select/SelectLabel.vue
View file

@ -13,6 +13,6 @@ const props = defineProps<
data-slot="select-label"
:class="cn('px-2 py-1.5 text-sm font-medium', props.class)"
>
<slot/>
<slot />
</SelectLabel>
</template>

2
app/components/ui/select/SelectScrollDownButton.vue
View file

@ -28,7 +28,7 @@ const forwardedProps = useForwardProps(delegatedProps);
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
>
<slot>
<ChevronDown class="size-4"/>
<ChevronDown class="size-4" />
</slot>
</SelectScrollDownButton>
</template>

2
app/components/ui/select/SelectScrollUpButton.vue
View file

@ -28,7 +28,7 @@ const forwardedProps = useForwardProps(delegatedProps);
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
>
<slot>
<ChevronUp class="size-4"/>
<ChevronUp class="size-4" />
</slot>
</SelectScrollUpButton>
</template>

4
app/components/ui/select/SelectTrigger.vue
View file

@ -36,9 +36,9 @@ const forwardedProps = useForwardProps(delegatedProps);
props.class,
)"
>
<slot/>
<slot />
<SelectIcon as-child v-if="!props.disableSelectIcon">
<ChevronDown class="size-4 opacity-50"/>
<ChevronDown class="size-4 opacity-50" />
</SelectIcon>
</SelectTrigger>
</template>

2
app/components/ui/select/SelectValue.vue
View file

@ -6,6 +6,6 @@ const props = defineProps<SelectValueProps>();
<template>
<SelectValue data-slot="select-value" v-bind="props">
<slot/>
<slot />
</SelectValue>
</template>

2
app/components/ui/sheet/Sheet.vue
View file

@ -14,6 +14,6 @@ const forwarded = useForwardPropsEmits(props, emits);
<template>
<DialogRoot data-slot="sheet" v-bind="forwarded">
<slot/>
<slot />
</DialogRoot>
</template>

Some files were not shown because too many files have changed in this diff Show more