From 407b38cf47661656ab5199ebe3497de758fc1d83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=91=AB?= <1219654535@qq.com>
Date: Wed, 14 Jun 2023 20:11:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9B=BE=E7=89=87=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=B8=B2=E6=9F=93=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ImageLoading.vue | 2 +-
 nuxt.config.ts              | 2 +-
 package.json                | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

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