mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 08:28:20 +01:00
31 lines
884 B
Vue
31 lines
884 B
Vue
<template>
|
|
<Card class="grid grid-cols-[1fr,auto] items-center p-6 gap-2">
|
|
<CardHeader class="space-y-0.5 p-0">
|
|
<CardTitle class="text-base">
|
|
{{ setting.title() }}
|
|
</CardTitle>
|
|
<CardDescription>
|
|
{{ setting.description() }}
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardFooter class="p-0">
|
|
<Switch :disabled="setting.notImplemented" :checked="setting.value" @update:checked="v => { setting.value = v }" />
|
|
</CardFooter>
|
|
</Card>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import {
|
|
Card,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "~/components/ui/card";
|
|
import { Switch } from "~/components/ui/switch";
|
|
import type { BooleanSetting } from "~/settings.ts";
|
|
|
|
defineModel<BooleanSetting>("setting", {
|
|
required: true,
|
|
});
|
|
</script> |