feat: lang

resources/ts/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
-import TaskList from "@/components/TaskList.vue";
+import { ref, onMounted, defineAsyncComponent } from "vue";
+const TaskList = defineAsyncComponent(() => import("@/components/TaskList.vue"));
+const PageFooter = defineAsyncComponent(() => import("@/components/PageFooter.vue"));
 
 const visible = ref<boolean>(false);
 
@@ -12,8 +13,8 @@ onMounted(() => {
 </script>
 
 <template>
-    <main :style="{ display: visible ? 'inherit' : 'none' }">
-        <div class="hero bg-base-200 min-h-screen">
+    <main :style="{ display: visible ? 'flex' : 'none' }" class="min-h-screen flex-col">
+        <div class="hero bg-base-200 grow">
             <div class="hero-content text-center">
                 <div class="max-w-md min-w-96 bg-base-100 rounded-box shadow-md">
                     <h1 class="p-4 pb-2 text-4xl font-bold opacity-60 tracking-wide select-none">Tout Doux</h1>
@@ -21,5 +22,6 @@ onMounted(() => {
                 </div>
             </div>
         </div>
+        <page-footer />
     </main>
 </template>