Remark and rehype plugins not working to render markdown links

Version

@nuxt/content: 1.15.1 nuxt: 2.15.7

Reproduction Link

https://github.com/hiurequeiroz/my-page

Steps to reproduce

I add the rehype plugin (I try with remark plugin too) yarn add rehype-external-links

Put the conf in nuxt.config.js:

content: {
    markdown: {
      rehypePlugins: () => [
        'rehype-external-links'
      ]
    }
  },

And in my markdown files i put some links

[instituto pandavas](http://institutopandavas.org.br)

What is Expected?

I expected nuxt render the markdown links

What is actually happening?

The final page dont render the links

I get this error:

 ERROR  Error [ERR_REQUIRE_ESM]: require() of ES Module /mnt/Arquivos/gits/pagina-hiure/node_modules/rehype-external-links/index.js from /mnt/Arquivos/gits/pagina-hiure/node_modules/@nuxt/content/lib/utils.js not supported.
Instead change the require of index.js in /mnt/Arquivos/gits/pagina-hiure/node_modules/@nuxt/content/lib/utils.js to a dynamic import() which is available in all CommonJS modules.

[moudev]

I have the same problem.

“@nuxt/content”: “^1.15.1” “nuxt”: “^2.15.8”

I’m trying to use: “remark-emoji”: “^3.0.2”

Apparently, it’s related to; “Note that this package is ESM only from v3.0.0 since remark packages migrated to ESM.”. https://github.com/rhysd/remark-emoji#usage

Edit: I solved it using the version of the package that uses require() instead of import

[Tahul]

Hey!

As we are using latest versions of Remark & Rehype and Nuxt 3 gives support for ESM modules, all of this should be fine using @nuxt/content v2.

I am so closing this issue, but feel free to re-open if you still have the problem!.