diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..8eba6c8
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+src/
diff --git a/TODO.md b/TODO.md
index 12b32d9..1ee77ba 100644
--- a/TODO.md
+++ b/TODO.md
@@ -5,6 +5,8 @@
 - [x] rewrite the random page, the current landing page
 - [ ] rewrite the recipe page
 - [ ] deploy
+- [ ] nuxt image
+- [x] prettier and eslint
 - [ ] pwa
 - [ ] seo, robots.txt
 - [ ] update the README
diff --git a/bun.lockb b/bun.lockb
index 5512ab6..9295141 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/navbar.vue b/components/navbar.vue
index c431985..ba37fc9 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -26,7 +26,7 @@
         </ul>
       </div>
       <nuxt-link to="/" class="btn btn-ghost text-xl">
-        <img src="/public/logo192.png" width="50" />
+        <img src="/public/logo192.png" width="50" >
         <span style="font-family: cursive"> Chefs </span>
       </nuxt-link>
     </div>
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..7a8970a
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,6 @@
+// @ts-check
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt({
+  ignores: ["**/src/*"],
+});
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 8056dde..90ca692 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,6 +2,7 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
   css: ["~/assets/css/main.css"],
+  modules: ["@nuxt/eslint"],
   postcss: {
     plugins: {
       tailwindcss: {},
diff --git a/package.json b/package.json
index 20fe623..5cfe18b 100644
--- a/package.json
+++ b/package.json
@@ -7,9 +7,13 @@
     "dev": "nuxt dev --port=3009",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "format": "bun prettier . --write",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   },
   "dependencies": {
+    "@nuxt/eslint": "^0.3.10",
     "nuxt": "^3.11.2",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"
@@ -19,6 +23,7 @@
     "autoprefixer": "^10.4.19",
     "daisyui": "^4.10.2",
     "postcss": "^8.4.38",
+    "prettier": "3.2.5",
     "tailwindcss": "^3.4.3"
   }
 }
diff --git a/pages/index.vue b/pages/index.vue
index 082ce30..6807e7a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -5,7 +5,7 @@
       <div>
         <h1 class="text-5xl font-bold prose">Eat Something New</h1>
         <p class="py-6 prose">Generate a random recipe.</p>
-        <NuxtLink to="/random" class="btn btn-primary"
+        <NuxtLink to="/random" class="btn btn-primary">
           >Random Recipe Now
         </NuxtLink>
       </div>
diff --git a/public/manifest.json b/public/manifest.json
index bfe2b78..d5b19d0 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -27,4 +27,4 @@
   "display": "standalone",
   "theme_color": "#ff6d00",
   "background_color": "#ffffff"
-}
\ No newline at end of file
+}