diff --git a/components/ImageLoading.vue b/components/ImageLoading.vue
index 5277e5f..a3d2495 100644
--- a/components/ImageLoading.vue
+++ b/components/ImageLoading.vue
@@ -17,5 +17,5 @@ const { isLoading, error } = useImage({ src: avatarUrl })
   <!-- <div v-if="error" class="animate-pulse w-full h-full bg-rose/10 flex items-center justify-center">
     Error
   </div> -->
-  <img v-else :src="error ? errSrc : avatarUrl" style="object-fit: cover;">
+  <img v-else :src="error ? errSrc : src" style="object-fit: cover;">
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0e0a270..0d398cd 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -19,7 +19,7 @@ export default defineNuxtConfig({
     '@vite-pwa/nuxt',
     // '@aceforth/nuxt-optimized-images',
     // '@vueuse/components',
-    // '@nuxt/image-edge',
+    '@nuxt/image',
     '@nuxt/devtools',
   ],
 
diff --git a/package.json b/package.json
index e92b948..d00771d 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "@anu-vue/nuxt": "^0.13.1",
     "@jiaminghi/color": "^1.1.3",
+    "@nuxt/image": "^1.0.0-rc.1",
     "@vueuse/components": "^10.1.2",
     "lingo3d-vue": "1.0.118",
     "sass": "^1.62.1",