fix: NuxtImg is removed cause it causes error!

zhshakib · Nov 15, 2024 · 3773e4a · 3773e4a
1 parent 6824532
commit 3773e4a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 11 deletions.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -22,7 +22,7 @@ export default defineNuxtConfig({
       'Poppins': [400, 500, 600, 700],
       'Raleway': [400, 500, 600, 700],
     }
-  }], "@nuxt/image", "@nuxt/icon"],
+  }], "@nuxt/icon"],
 
   compatibilityDate: "2024-07-04"
 })
diff --git a/package.json b/package.json
@@ -11,7 +11,6 @@
   },
   "dependencies": {
     "@nuxt/icon": "^1.0.0",
-    "@nuxt/image": "^1.8.1",
     "@nuxtjs/google-fonts": "^3.2.0",
     "luxon": "^3.4.4",
     "nuxt": "^3.12.2",
@@ -27,4 +26,4 @@
     "tailwindcss": "^3.4.4"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}
diff --git a/pages/about.vue b/pages/about.vue
@@ -19,19 +19,18 @@
         <section class="w-full mx-auto bg-base-100 p-5">
             <div class="lg:w-4/5 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 lg:mx-auto mx-5 gap-5">
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Nazia.jpg" alt="Nazia Islam" width="300" height="300" class="rounded-3xl mb-2" />
+                    <img src="/img/Nazia.jpg" alt="Nazia Islam" width="300" height="300" class="rounded-3xl mb-2" />
 
                     <h2 class="text-2xl font-bold text-center mb-2">Nazia Islam</h2>
                     <p class="text-sm font-medium text-center mb-2">Creative Designer</p>
                 </div>
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Jarin.jpg" width="300" height="300" alt="Jarin Rahman"
-                        class="rounded-3xl mb-2" />
+                    <img src="/img/Jarin.jpg" width="300" height="300" alt="Jarin Rahman" class="rounded-3xl mb-2" />
                     <h2 class="text-2xl font-bold text-center mb-2">Jarin Rahman</h2>
                     <p class="text-sm font-medium text-center mb-2">Creative Designer</p>
                 </div>
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Sumaiya.jpg" alt="Sumaiya Jannat" width="300" height="300"
+                    <img src="/img/Sumaiya.jpg" alt="Sumaiya Jannat" width="300" height="300"
                         class="rounded-3xl mb-2" />
 
                     <h2 class="text-2xl font-bold text-center mb-2">Sumaiya Jannat</h2>
@@ -40,14 +39,12 @@
             </div>
             <div class="lg:w-1/2 grid grid-cols-1 md:grid-cols-2  lg:mx-auto mx-5 gap-5 mt-5">
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Shakib.jpg" width="300px" height="300px" alt="ZH Shakib"
-                        class="rounded-3xl mb-2" />
+                    <img src="/img/Shakib.jpg" width="300" height="300" alt="ZH Shakib" class="rounded-3xl mb-2" />
                     <h2 class="text-2xl font-bold text-center mb-2">ZH Shakib</h2>
                     <p class="text-sm font-medium text-center mb-2">Developer</p>
                 </div>
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Soyeb.jpg" width="300px" height="300px" alt="Soyeb Mahmud"
-                        class="rounded-3xl mb-2" />
+                    <img src="/img/Soyeb.jpg" width="300" height="300" alt="Soyeb Mahmud" class="rounded-3xl mb-2" />
                     <h2 class="text-2xl font-bold text-center mb-2">Soyeb Mahmud</h2>
                     <p class="text-sm font-medium text-center mb-2">Developer</p>
                 </div>

diff --git a/public/img/Shakib.jpg b/public/img/Shakib.jpg