lint

app.vue

@@ -1,9 +1,9 @@
 <template>
   <div data-theme="cupcake" class="flex flex-col h-screen">
-    <Navbar />
+    <AppNavbar />
     <main class="flex-grow">
       <NuxtPage />
     </main>
-    <Footer />
+    <AppFooter />
   </div>
 </template>

pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="hero min-h-screen bg-base-200">
     <div class="hero-content flex-col lg:flex-row-reverse">
-      <img src="/public/chef.svg" class="max-w-sm rounded-lg shadow-2xl" />
+      <img src="/public/chef.svg" class="max-w-sm rounded-lg shadow-2xl" >
       <div>
         <h1 class="text-5xl font-bold prose">Eat Something New</h1>
         <p class="py-6 prose">Generate a random recipe.</p>