diff --git a/app.vue b/app.vue
index 5f597d2..23aba66 100644
--- a/app.vue
+++ b/app.vue
@@ -1,10 +1,10 @@
 <template>
   <div data-theme="cupcake" class="flex flex-col h-screen">
-    <AppNavbar />
+    <app-navbar />
     <main class="flex-grow">
-      <NuxtPage />
+      <nuxt-page />
     </main>
-    <AppFooter />
+    <app-footer />
   </div>
 </template>
 
diff --git a/components/AppFooter.vue b/components/app/footer.vue
similarity index 100%
rename from components/AppFooter.vue
rename to components/app/footer.vue
diff --git a/components/AppNavbar.vue b/components/app/navbar.vue
similarity index 100%
rename from components/AppNavbar.vue
rename to components/app/navbar.vue