style: 🎨 Format code with Biome

This commit is contained in:
Jesse Wierzbinski 2025-12-09 22:32:22 +01:00
parent 7ff9d2302a
commit 3627ac0ef8
No known key found for this signature in database
296 changed files with 3257 additions and 2808 deletions

View file

@ -2,30 +2,64 @@
<FormItem>
<FormLabel>
{{ title }}
<Button type="button" variant="secondary" size="icon" class="ml-auto" @click="addField()" :title="m.front_north_eel_gulp()">
<Plus />
<Button
type="button"
variant="secondary"
size="icon"
class="ml-auto"
@click="addField()"
:title="m.front_north_eel_gulp()"
>
<Plus/>
</Button>
</FormLabel>
<FormControl>
<VueDraggable class="grid gap-4" v-model="list" :animation="200" handle=".drag-handle">
<div v-for="(field, index) in list" :key="field.id"
class="grid items-center grid-cols-[auto_repeat(3,minmax(0,1fr))_auto] gap-2">
<Button as="span" variant="ghost" size="icon" class="drag-handle cursor-grab">
<GripVertical />
<VueDraggable
class="grid gap-4"
v-model="list"
:animation="200"
handle=".drag-handle"
>
<div
v-for="(field, index) in list"
:key="field.id"
class="grid items-center grid-cols-[auto_repeat(3,minmax(0,1fr))_auto] gap-2"
>
<Button
as="span"
variant="ghost"
size="icon"
class="drag-handle cursor-grab"
>
<GripVertical/>
</Button>
<Input :model-value="field.name" placeholder="Name" @update:model-value="
<Input
:model-value="field.name"
placeholder="Name"
@update:model-value="
(e) => updateKey(index, String(e))
" />
<Input :model-value="field.value" placeholder="Value" class="col-span-2" @update:model-value="
"
/>
<Input
:model-value="field.value"
placeholder="Value"
class="col-span-2"
@update:model-value="
(e) => updateValue(index, String(e))
" />
<Button type="button" variant="secondary" size="icon" @click="removeField(index)">
<Trash />
"
/>
<Button
type="button"
variant="secondary"
size="icon"
@click="removeField(index)"
>
<Trash/>
</Button>
</div>
</VueDraggable>
<FormMessage />
<FormMessage/>
</FormControl>
</FormItem>
</template>

View file

@ -6,18 +6,16 @@
variant="ghost"
class="h-fit w-fit p-0 m-0 relative group border overflow-hidden"
>
<Avatar class="size-32" :src="image" :name="displayName" />
<Avatar class="size-32" :src="image" :name="displayName"/>
<div
class="absolute inset-0 bg-background/80 flex group-hover:opacity-100 opacity-0 duration-200 items-center justify-center"
>
<Upload />
<Upload/>
</div>
</Button>
</DialogTrigger>
<DialogContent>
<DialogTitle>
{{ m.due_hour_husky_prosper() }}
</DialogTitle>
<DialogTitle>{{ m.due_hour_husky_prosper() }}</DialogTitle>
<DialogDescription class="sr-only">
{{ m.suave_broad_albatross_drop() }}
</DialogDescription>
@ -58,7 +56,7 @@
<FormDescription>
{{ m.lime_late_millipede_urge() }}
</FormDescription>
<FormMessage />
<FormMessage/>
</FormItem>
</FormField>
</TabsContent>
@ -83,12 +81,14 @@
placeholder="peter.griffin@fox.com"
/>
</FormControl>
<FormMessage />
<FormMessage/>
<div v-if="value" class="grid gap-4 !mt-4">
<Label>{{
<Label>
{{
m.witty_honest_wallaby_support()
}}</Label>
<Avatar class="size-32" :src="gravatarUrl" />
}}
</Label>
<Avatar class="size-32" :src="gravatarUrl"/>
</div>
</FormItem>
</FormField>
@ -109,12 +109,14 @@
placeholder="https://mysite.com/avatar.webp"
/>
</FormControl>
<FormMessage />
<FormMessage/>
<div v-if="value" class="grid gap-4 !mt-4">
<Label>{{
<Label>
{{
m.witty_honest_wallaby_support()
}}</Label>
<Avatar class="size-32" :src="value" />
}}
</Label>
<Avatar class="size-32" :src="value"/>
</div>
</FormItem>
</FormField>