prettier and esling

.prettierignore

@@ -0,0 +1 @@
+src/

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

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>

eslint.config.mjs

@@ -0,0 +1,6 @@
+// @ts-check
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt({
+  ignores: ["**/src/*"],
+});

nuxt.config.ts

@@ -2,6 +2,7 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
   css: ["~/assets/css/main.css"],
+  modules: ["@nuxt/eslint"],
   postcss: {
     plugins: {
       tailwindcss: {},

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"
   }
 }

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>