feat: toasts

resources/ts/App.vue

@@ -2,6 +2,7 @@
 import { ref, onMounted, defineAsyncComponent } from "vue";
 const TaskList = defineAsyncComponent(() => import("@/components/TaskList.vue"));
 const PageFooter = defineAsyncComponent(() => import("@/components/PageFooter.vue"));
+const AlertsContainer = defineAsyncComponent(() => import("@/components/AlertsContainer.vue"));
 
 const visible = ref<boolean>(false);
 
@@ -23,5 +24,6 @@ onMounted(() => {
             </div>
         </div>
         <page-footer />
+        <alerts-container />
     </main>
 </template>