如何在nuxt-docus项目中使用nuxt/image处理图片？

Question

我尝试在 nuxt-docus 项目中使用 https://image.nuxtjs.org/，但是 figcaption 没有按预期显示，而图像显示正确。相关的md内容是

<figure>
  <nuxt-img
    src="/pic.webp" alt="lulu smiling" quality="100" loading="lazy" fit="contain"
  />
  <figcaption align="center">smiling cat.</figcaption>
</figure>

最小的例子是codesandbox和https://github.com/dofine/docus-test-image