diff --git a/src/App.vue b/src/App.vue
index 80c7504..02e5c75 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,6 +3,10 @@ import { activeNote, updateNote } from '@/composables/useNotes'
 import { viewModes, activeViewMode } from '@/composables/useViewMode'
 import { initialized } from '@/composables/useFirebase'
 const sideBarCollapsed = ref(false)
+
+const Note = defineAsyncComponent(() => import('@/components/ViewModes/Note.vue'))
+const ListView = defineAsyncComponent(() => import('@/components/ViewModes/ListView.vue'))
+const Mindmap = defineAsyncComponent(() => import('@/components/ViewModes/Mindmap.vue'))
 </script>
 
 <template>