From f680b04533f13cdc28d894aa57edd4d7b5668562 Mon Sep 17 00:00:00 2001
From: klemek <klemek.dev@proton.me>
Date: Sun, 2 Aug 2026 08:59:13 +0200
Subject: [PATCH] perf: faster app without defineAsync

---
 bun.lock                                    |  1 +
 resources/ts/components/AlertsContainer.vue |  5 +----
 resources/ts/components/CronInput.vue       |  6 ++----
 resources/ts/components/PageFooter.vue      | 18 +++++++-----------
 resources/ts/components/TaskItem.vue        |  5 +----
 resources/ts/views/HomeView.vue             |  6 ++----
 resources/ts/views/ListView.vue             | 10 +++-------
 7 files changed, 17 insertions(+), 34 deletions(-)

diff --git a/bun.lock b/bun.lock
index d22cde9..99d9b70 100644
--- a/bun.lock
+++ b/bun.lock
@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "tout-doux",
diff --git a/resources/ts/components/AlertsContainer.vue b/resources/ts/components/AlertsContainer.vue
index d3ff54d..12b9353 100644
--- a/resources/ts/components/AlertsContainer.vue
+++ b/resources/ts/components/AlertsContainer.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import { useAlertStore } from "@/stores/alerts";
-import { defineAsyncComponent } from "vue";
-const AlertItem = defineAsyncComponent(
-    () => import("@/components/AlertItem.vue"),
-);
+import AlertItem from "@/components/AlertItem.vue";
 
 const { alerts } = useAlertStore();
 </script>
diff --git a/resources/ts/components/CronInput.vue b/resources/ts/components/CronInput.vue
index 7399326..4b1781d 100644
--- a/resources/ts/components/CronInput.vue
+++ b/resources/ts/components/CronInput.vue
@@ -1,10 +1,8 @@
 <script setup lang="ts">
-import { ref, onBeforeMount, watch, defineAsyncComponent } from "vue";
+import { ref, onBeforeMount, watch } from "vue";
 import { getCron, parseCron, validCron } from "@/lib/recurrence";
 import { CronType } from "@/enums";
-const DateInput = defineAsyncComponent(
-    () => import("@/components/DateInput.vue"),
-);
+import DateInput from "@/components/DateInput.vue";
 
 const DEFAULT_CRON = "0 0 * * *";
 
diff --git a/resources/ts/components/PageFooter.vue b/resources/ts/components/PageFooter.vue
index c2a30ca..8db82fc 100644
--- a/resources/ts/components/PageFooter.vue
+++ b/resources/ts/components/PageFooter.vue
@@ -1,20 +1,16 @@
 <script setup lang="ts">
 import { getMetadata } from "@/api/meta";
 import type { Metadata } from "@/types";
-import { defineAsyncComponent, onBeforeMount, ref } from "vue";
+import { onBeforeMount, ref } from "vue";
+import LangInput from "@/components/LangInput.vue";
 
-const metadata = ref<Metadata|null>(null);
-
-const LangInput = defineAsyncComponent(
-    () => import("@/components/LangInput.vue"),
-);
+const metadata = ref<Metadata | null>(null);
 
 function fetchMetadata() {
-    void getMetadata()
-        .then((data) => {
-            metadata.value = data;
-            setTimeout(fetchMetadata, 600000);
-        });
+    void getMetadata().then((data) => {
+        metadata.value = data;
+        setTimeout(fetchMetadata, 600000);
+    });
 }
 
 onBeforeMount(fetchMetadata);
diff --git a/resources/ts/components/TaskItem.vue b/resources/ts/components/TaskItem.vue
index 86a1583..85507a0 100644
--- a/resources/ts/components/TaskItem.vue
+++ b/resources/ts/components/TaskItem.vue
@@ -4,15 +4,12 @@ import {
     ref,
     watch,
     computed,
-    defineAsyncComponent,
     nextTick,
 } from "vue";
 import type { Task } from "@/types";
 import { CopyIcon, TrashIcon, SaveIcon, XIcon } from "@lucide/vue";
 import { updateTask } from "@/api/tasks";
-const CronInput = defineAsyncComponent(
-    () => import("@/components/CronInput.vue"),
-);
+import CronInput from "@/components/CronInput.vue";
 import {
     isTemporary,
     taskCompleted,
diff --git a/resources/ts/views/HomeView.vue b/resources/ts/views/HomeView.vue
index 09a28bb..9549b61 100644
--- a/resources/ts/views/HomeView.vue
+++ b/resources/ts/views/HomeView.vue
@@ -2,11 +2,9 @@
 import { useListStore } from "@/stores/lists";
 import { ArrowBigRightDashIcon, DicesIcon, HistoryIcon } from "@lucide/vue";
 import { generateSlug } from "random-word-slugs";
-import { defineAsyncComponent, onBeforeMount, ref } from "vue";
+import { onBeforeMount, ref } from "vue";
 import { onBeforeRouteUpdate } from "vue-router";
-const RecentItem = defineAsyncComponent(
-    () => import("@/components/RecentItem.vue"),
-);
+import RecentItem from "@/components/RecentItem.vue";
 
 const listNameInput = ref<string>(generateSlug(4));
 
diff --git a/resources/ts/views/ListView.vue b/resources/ts/views/ListView.vue
index cb6bb92..73fba03 100644
--- a/resources/ts/views/ListView.vue
+++ b/resources/ts/views/ListView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onBeforeMount, computed, defineAsyncComponent } from "vue";
+import { ref, onBeforeMount, computed } from "vue";
 import type { Task } from "@/types";
 import { getTasks, createTask, deleteTask } from "@/api/tasks";
 import {
@@ -9,12 +9,8 @@ import {
     SearchIcon,
     Share2Icon,
 } from "@lucide/vue";
-const TaskItem = defineAsyncComponent(
-    () => import("@/components/TaskItem.vue"),
-);
-const ListOptions = defineAsyncComponent(
-    () => import("@/components/ListOptions.vue"),
-);
+import TaskItem from "@/components/TaskItem.vue";
+import ListOptions from "@/components/ListOptions.vue";
 import { taskCompleted, sortTasks, newTemporaryTask } from "@/lib/tasks";
 import { SortType } from "@/enums";
 import { booleanCookieRef, enumCookieRef } from "@/lib/cookies";