mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 08:28:20 +01:00
27 lines
839 B
Vue
27 lines
839 B
Vue
<template>
|
|
<Alert layout="button">
|
|
<TriangleAlert />
|
|
<AlertTitle class="sr-only">{{ m.livid_tangy_lionfish_clasp() }}</AlertTitle>
|
|
<AlertDescription>
|
|
{{ contentWarning || m.sour_seemly_bird_hike() }}
|
|
</AlertDescription>
|
|
<Button @click="blurred = !blurred" variant="outline" size="sm">{{ blurred ? m.bald_direct_turtle_win() :
|
|
m.known_flaky_cockroach_dash() }}</Button>
|
|
</Alert>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { TriangleAlert } from "lucide-vue-next";
|
|
import * as m from "~/paraglide/messages.js";
|
|
import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
|
|
import { Button } from "../ui/button";
|
|
|
|
const { contentWarning } = defineProps<{
|
|
contentWarning?: string;
|
|
}>();
|
|
|
|
const blurred = defineModel<boolean>({
|
|
default: true,
|
|
});
|
|
</script>
|