imagemin-mozjpegに関しての不具合

## 概要
ポートフォリオ開発で画像を圧縮するために`imagemin-mozjpeg`をインストールした際にエラーが発生したのでその対処法をメモします。

## エラー内容

```
locals-production-frontend-1  |  ERROR  require() of ES Module /frontend/node_modules/imagemin-mozjpeg/index.js from /frontend/node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js not supported.
locals-production-frontend-1  | Instead change the require of index.js in /frontend/node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js to a dynamic import() which is available in all CommonJS modules.
locals-production-frontend-1  | 
locals-production-frontend-1  |   Instead change the require of index.js in node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js to a dynamic import() which is available in all CommonJS modules.
locals-production-frontend-1  |   at requireImageminPlugin (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js:20:10)
locals-production-frontend-1  |   at getImgLoaderOptions (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js:41:11)
locals-production-frontend-1  |   at applyImgLoader (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js:93:28)
locals-production-frontend-1  |   at appendLoaders (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/index.js:134:14)
locals-production-frontend-1  |   at WebpackBundler.<anonymous> (node_modules/@aceforth/nuxt-optimized-images/lib/index.js:62:16)
locals-production-frontend-1  |   at next (node_modules/@nuxt/utils/dist/utils.js:659:27)
locals-production-frontend-1  |   at WebpackBundler.<anonymous> (node_modules/@nuxt/utils/dist/utils.js:674:12)
locals-production-frontend-1  |   at WebpackBundler.<anonymous> (node_modules/@nuxt/utils/dist/utils.js:668:29)
locals-production-frontend-1  |   at WebpackClientConfig.extendConfig (node_modules/@nuxt/webpack/dist/webpack.js:1509:37)
locals-production-frontend-1  |   at WebpackClientConfig.config (node_modules/@nuxt/webpack/dist/webpack.js:1544:50)
locals-production-frontend-1  |   at WebpackClientConfig.config (node_modules/@nuxt/webpack/dist/webpack.js:1708:26)
locals-production-frontend-1  |   at WebpackBundler.getWebpackConfig (node_modules/@nuxt/webpack/dist/webpack.js:2016:19)
locals-production-frontend-1  |   at WebpackBundler.build (node_modules/@nuxt/webpack/dist/webpack.js:2023:12)
locals-production-frontend-1  |   at Builder.build (node_modules/@nuxt/builder/dist/builder.js:327:30)
locals-production-frontend-1  |   at async Object._buildDev (node_modules/@nuxt/cli/dist/cli-dev.js:107:5)
locals-production-frontend-1  |   at async Object.startDev (node_modules/@nuxt/cli/dist/cli-dev.js:65:7)
locals-production-frontend-1  |   at async Object.run (node_modules/@nuxt/cli/dist/cli-dev.js:52:5)
locals-production-frontend-1  |   at async NuxtCommand.run (node_modules/@nuxt/cli/dist/cli-index.js:413:7)

```
どうやら`node_modules`内のファイルがrequire()をサポートしていなくてimportに変えなさいというエラーが出ている。
しかし`node_modules`内のファイルなのでビルド時に生成されるので変更できないのではないだろうか。

## 解決法
ググってみたところ下記の記事を参考にし、バーションを最新の`10.0.0`から`9.0.0`にダウングレードすることで解決しました。

https://github.com/cyrilwanner/next-optimized-images/issues/270

どうやらESM関係のバグなようです。
なので`imagemin-mozjpeg`を使う際は現状`9.0.0`のバーションを使用したほうが良さそうです。