refactor: ♻️ Disable Nuxt component auto-importing (obscures code flow)

layouts/app.vue

@@ -1,25 +1,32 @@
 <template>
     <div class="from-dark-600 to-dark-900 bg-gradient-to-tl relative min-h-dvh">
-        <GraphicsSquarePattern />
-        <LazySidebarsNavigation />
+        <SquarePattern />
+        <Navigation />
 
         <div class="relative md:pl-20 min-h-dvh flex flex-row overflow-hidden justify-center xl:justify-between">
             <OverlayScrollbarsComponent :defer="true" class="w-full max-h-dvh overflow-y-auto" :element="'main'">
                 <slot />
             </OverlayScrollbarsComponent>
-            <LazySidebarsCollapsibleAside v-if="width > 1280 && identity" direction="right"
+            <CollapsibleAside v-if="width > 1280 && identity" direction="right"
                 class="max-w-md max-h-dvh overflow-y-auto w-full hidden absolute inset-y-0 xl:flex">
-                <LazyTimelinesTimelineScroller>
-                    <LazyTimelinesNotifications />
-                </LazyTimelinesTimelineScroller>
-            </LazySidebarsCollapsibleAside>
+                <TimelineScroller>
+                    <Notifications />
+                </TimelineScroller>
+            </CollapsibleAside>
         </div>
     </div>
-    <LazyComposerModal />
-    <LazySocialElementsNotesAttachmentDialog />
+    <ComposerModal />
+    <AttachmentDialog />
 </template>
 
 <script setup lang="ts">
+import ComposerModal from "~/components/composer/modal.client.vue";
+import SquarePattern from "~/components/graphics/square-pattern.vue";
+import CollapsibleAside from "~/components/sidebars/collapsible-aside.vue";
+import Navigation from "~/components/sidebars/navigation.vue";
+import AttachmentDialog from "~/components/social-elements/notes/attachment-dialog.vue";
+import Notifications from "~/components/timelines/notifications.vue";
+import TimelineScroller from "~/components/timelines/timeline-scroller.vue";
 import { OverlayScrollbarsComponent } from "#imports";
 const { width } = useWindowSize();
 

layouts/default.vue

@@ -1,10 +1,10 @@
 <template>
     <main class="from-dark-600 to-dark-900 bg-gradient-to-tl min-h-dvh pb-20 md:pb-0">
-        <LazySidebarsNavigation />
+        <Navigation />
         <slot />
     </main>
 </template>
 
 <script lang="ts" setup>
-
+import Navigation from "~/components/sidebars/navigation.vue";
 </script>