nuxt.js - Nuxt Image を取得して動的画像を処理する

Question

Nuxt Image で動的画像を処理するのに問題があります。開発モードで実行すると、以下のコードは意図したとおりに機能しますが、nuxt generateを実行して静的サイトを作成すると (サードパーティの画像プロバイダーなしで Netlify でホストする予定)、画像が処理されません。誰かがこれに対する回避策を知っていますか? それは非常に画像の多い静的なサイトになるだろうし、私がそれを機能させることができなければ、Nuxt を捨てて別のものを使わなければならなくなるだろう。これにはいくつかのgithubの問題がありますが、これまでに解決されたものはありません..

  <masonry-wall :items="project.images">
    <template #default="{ item, index }">
      <nuxt-img
        :src="pathForImage(item.path)"
        :key="index"
        sizes="sm:100px md:500px lg:1000px"
      />
    </template>
  </masonry-wall>

マークダウンファイルを参照するプロジェクトで、次のようなNuxt Contentでロードします

---
id: "project-id"
title: "project-title"
year: "2022"
images:
  - path: "image1.jpg"
  - path: "image2.jpg"
  - path: "image3.jpg"
  - path: "image4.jpg"
---