advent22/ui/src/components/calendar/CalendarDoor.vue
Jörn-Michael Miehe a1c4e408a9 🚧 ui: re-scaffolding
- move code into newly built project
2026-02-21 19:10:56 +00:00

34 lines
662 B
Vue

<template>
<SVGRect
variant="primary"
:visible="store.is_touch_device || force_visible"
:rectangle="door.position"
>
<div
class="has-text-danger"
style="text-shadow: 0 0 10px white, 0 0 20px white"
>
{{ door.day }}
</div>
</SVGRect>
</template>
<script setup lang="ts">
import { Door } from "@/lib/rects/door";
import { advent22Store } from "@/lib/store";
import type { VueLike } from "@/lib/helpers";
import SVGRect from "./SVGRect.vue";
const store = advent22Store();
withDefaults(
defineProps<{
door: VueLike<Door>;
force_visible?: boolean;
}>(),
{
force_visible: false,
},
);
</script>