49 lines
1.4 KiB
Vue
49 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { ListTodoIcon } from "@lucide/vue";
|
|
import { ref, onMounted, defineAsyncComponent } from "vue";
|
|
const PageFooter = defineAsyncComponent(
|
|
() => import("@/components/PageFooter.vue"),
|
|
);
|
|
const AlertsContainer = defineAsyncComponent(
|
|
() => import("@/components/AlertsContainer.vue"),
|
|
);
|
|
|
|
const visible = ref<boolean>(false);
|
|
|
|
onMounted(() => {
|
|
setTimeout(() => {
|
|
visible.value = true;
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<main
|
|
:style="{ display: visible ? 'flex' : 'none' }"
|
|
class="min-h-screen flex-col w-screen"
|
|
>
|
|
<div class="hero bg-hero grow">
|
|
<div class="hero-content text-center p-0">
|
|
<div
|
|
class="max-w-96 min-w-screen sm:min-w-96 bg-base-100 rounded-box shadow-md p-4"
|
|
>
|
|
<router-link
|
|
to="/"
|
|
class="text-4xl font-bold opacity-60 tracking-wide select-none"
|
|
>
|
|
<list-todo-icon
|
|
:stroke-width="3"
|
|
:size="32"
|
|
class="inline"
|
|
/>
|
|
Tout Doux
|
|
</router-link>
|
|
<router-view />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<page-footer />
|
|
<alerts-container />
|
|
</main>
|
|
</template>
|