GeezerVison

背景

mdx-components.tsx 有一条 eslint warning @next/next/no-img-element，建议改用 next/image。

为什么不换 next/image

• next.config 里设了 images.unoptimized: true（Vercel 图片优化额度已用完），换成 next/image 也不会有任何优化。
• 文档里的外链图片没有 width/height（source.config.ts 里 external: false），next/image 会在运行时报错。

所以保留原生 <img>，和仓库里其他 5 处写法一致，用 eslint-disable-next-line 加一行说明。

改动

• 显式豁免这条 lint 规则，消掉 warning
• 加 loading="lazy" 和 decoding="async"，首屏以外的图片等滚动到了才加载，减少带宽。props 放在后面展开，单张图片仍然可以覆盖这两个属性

验证

• eslint 对这个文件不再报任何问题；prettier 和 tsc --noEmit 通过
• pre-commit：vitest 89/89 通过，图片检查和 lockfile 检查通过

🤖 Generated with Claude Code

https://claude.ai/code/session_014zBGrQgQnx1eLA9jQfSJWD

Generated by Claude Code