diff --git a/bun.lockb b/bun.lockb
index 79697d9..7411180 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/blog/BlogCard.vue b/components/blog/BlogCard.vue
index 2c590eb..76965df 100644
--- a/components/blog/BlogCard.vue
+++ b/components/blog/BlogCard.vue
@@ -8,7 +8,7 @@ const props = defineProps({
     <div
         class="flex flex-col dark:bg-dark-slate bg-touched-lavender max-h-[563.25px] h-[563.25px] overflow-hidden rounded-lg border border-soft-lilac dark:border-midnight-slate/30 shadow-md">
         <NuxtImg v-if="article.image" :src="article.image.src" width="464" densities="1x 2x" quality="80"
-            class="w-full rounded-tl-lg rounded-tr-lg aspect-video" loading="lazy" />
+            class="w-full rounded-tl-lg rounded-tr-lg aspect-video" loading="lazy" placeholder />
         <div
             class="flex-shrink p-3 overflow-hidden pt-2 text-fade dark:before:bg-[linear-gradient(180deg,transparent_0,hsla(0,0%,5%,0)_36%,#0C0B0C_95%,#0C0B0C)] before:bg-[linear-gradient(180deg,transparent_0,hsla(0,0%,5%,0)_36%,#F5EDFE_95%,#F5EDFE)] mb-1 pb-1 relative">
             <h3>
diff --git a/components/blog/index.vue b/components/blog/index.vue
index 307d530..950f82b 100644
--- a/components/blog/index.vue
+++ b/components/blog/index.vue
@@ -101,7 +101,8 @@ useHead({
 
 <template>
     <div class="!col-start-2 md:!col-start-3 lg:!col-start-4 lg:col-span-6 md:col-span-8 col-span-10 order-1">
-        <NuxtImg v-if="doc && doc.image" :src="doc.image.src" class="mb-2 rounded-md drop-shadow w-full" quality="80" />
+        <NuxtImg v-if="doc && doc.image" :src="doc.image.src" class="mb-2 rounded-md drop-shadow w-full aspect-video"
+            quality="80" densities="1x 2x" placeholder />
         <h1 class="text-3xl dark:text-gray-100 md:text-4xl font-semibold mb-2">{{ doc?.title }}</h1>
         <p class="mb-1 dark:text-zinc-400 text-zinc-600">
             {{ doc?.description }}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 48094e7..1a320de 100755
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -87,4 +87,4 @@ export default defineNuxtConfig({
     webpack: {
         optimizeCSS: true,
     },
-})
+})
\ No newline at end of file
diff --git a/package.json b/package.json
index 6669e31..acf6497 100755
--- a/package.json
+++ b/package.json
@@ -9,23 +9,27 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.6.0",
-    "@nuxt/image": "^1.8.1",
+    "@nuxt/devtools": "^1.7.0",
+    "@nuxt/image": "^1.10.0",
     "@types/rss": "^0.0.32",
-    "autoprefixer": "^10.4.20",
-    "nuxt": "^3.14.159",
+    "autoprefixer": "^10.4.21",
+    "nuxt": "^3.17.5",
     "nuxt-icon": "^0.6.10",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.4",
     "rss": "^1.2.2",
     "sitemap": "^7.1.2",
-    "tailwindcss": "^3.4.14"
+    "tailwindcss": "^3.4.17"
   },
   "dependencies": {
     "@nuxt/content": "^2.13.4",
-    "sharp": "^0.33.5",
+    "caniuse-lite": "^1.0.30001721",
+    "sharp": "^0.34.2",
     "xml": "^1.0.1"
   },
   "trustedDependencies": [
-    "@parcel/watcher"
+    "@parcel/watcher",
+    "esbuild",
+    "sharp",
+    "vue-demi"
   ]
 }