修复图片列表渲染问题

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>

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',
   ],
 

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