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: 🎨 Format code with Biome

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

38
app/components/modals/confirm-inline.vue
View file

@ -30,7 +30,7 @@ const inputValue = ref<string>("");
<template>
<Dialog>
<DialogTrigger :as-child="true">
<slot />
<slot/>
</DialogTrigger>
<DialogContent class="sm:max-w-[425px]">
<DialogHeader>
@ -40,17 +40,35 @@ const inputValue = ref<string>("");
</DialogDescription>
</DialogHeader>
<div v-if="modalOptions.inputType === 'text'" class="grid gap-4 py-4">
<div
v-if="modalOptions.inputType === 'text'"
class="grid gap-4 py-4"
>
<div class="grid grid-cols-4 items-center gap-4">
<Label for="confirmInput" class="text-right">{{ m.mean_mean_badger_inspire() }}</Label>
<Input id="confirmInput" v-model="inputValue" class="col-span-3" />
<Label for="confirmInput" class="text-right">
{{ m.mean_mean_badger_inspire() }}
</Label>
<Input
id="confirmInput"
v-model="inputValue"
class="col-span-3"
/>
</div>
</div>
<div v-else-if="modalOptions.inputType === 'textarea'" class="grid gap-4 py-4">
<div
v-else-if="modalOptions.inputType === 'textarea'"
class="grid gap-4 py-4"
>
<div class="grid grid-cols-4 items-center gap-4">
<Label for="confirmTextarea" class="text-right">{{ m.mean_mean_badger_inspire() }}</Label>
<Textarea id="confirmTextarea" v-model="inputValue" class="col-span-3" />
<Label for="confirmTextarea" class="text-right">
{{ m.mean_mean_badger_inspire() }}
</Label>
<Textarea
id="confirmTextarea"
v-model="inputValue"
class="col-span-3"
/>
</div>
</div>
@ -58,10 +76,12 @@ const inputValue = ref<string>("");
<Button variant="outline" @click="() => emit('cancel')">
{{ modalOptions.cancelText }}
</Button>
<Button @click="() => emit('confirm', {
<Button
@click="() => emit('confirm', {
confirmed: true,
value: inputValue,
})">
})"
>
{{ modalOptions.confirmText }}
</Button>
</DialogFooter>

29
app/components/modals/confirm.vue
View file

@ -75,7 +75,11 @@ const isValid = ref(false);
</script>
<template>
<AlertDialog :key="String(isOpen)" :open="isOpen" @update:open="isOpen = false">
<AlertDialog
:key="String(isOpen)"
:open="isOpen"
@update:open="isOpen = false"
>
<AlertDialogContent class="sm:max-w-[425px] flex flex-col">
<AlertDialogHeader>
<AlertDialogTitle>{{ modalOptions.title }}</AlertDialogTitle>
@ -84,11 +88,23 @@ const isValid = ref(false);
</AlertDialogDescription>
</AlertDialogHeader>
<Input v-if="modalOptions.inputType === 'text'" v-model="inputValue" />
<Input
v-if="modalOptions.inputType === 'text'"
v-model="inputValue"
/>
<UrlInput v-if="modalOptions.inputType === 'url'" v-model="inputValue" placeholder="google.com" v-model:is-valid="isValid" />
<UrlInput
v-if="modalOptions.inputType === 'url'"
v-model="inputValue"
placeholder="google.com"
v-model:is-valid="isValid"
/>
<Textarea v-else-if="modalOptions.inputType === 'textarea'" v-model="inputValue" rows="6" />
<Textarea
v-else-if="modalOptions.inputType === 'textarea'"
v-model="inputValue"
rows="6"
/>
<AlertDialogFooter class="w-full">
<AlertDialogCancel :as-child="true">
@ -97,7 +113,10 @@ const isValid = ref(false);
</Button>
</AlertDialogCancel>
<AlertDialogAction :as-child="true">
<Button @click="handleConfirm" :disabled="!isValid && modalOptions.inputType === 'url'">
<Button
@click="handleConfirm"
:disabled="!isValid && modalOptions.inputType === 'url'"
>
{{ modalOptions.confirmText }}
</Button>
</AlertDialogAction>

4
app/components/modals/drawer-content.vue
View file

@ -1,9 +1,9 @@
<template>
<DrawerContent class="flex flex-col gap-2 px-4 mb-4 [&>:nth-child(2)]:mt-4">
<slot />
<slot/>
</DrawerContent>
</template>
<script lang="ts" setup>
import { DrawerContent } from "../ui/drawer";
</script>
</script>