Remark-directive not working

@nuxt/content: 1.9.0 Nuxt-edge: latest remark-directive: 1.0.1

Wondering if anyone has remark-directive working with the Content module. I used to use remark-container but that’s broken now with the latest version of Remark. Saw on the list of plugins that remark-directive was a reasonable replacement, went ahead and installed it - but it doesn’t appear to be working at all.

This:

:::div{.premise}
Greed leads to destruction.
:::

Gets you just a simple “div”:

<div>
  <p>Greed leads to destruction.</p>
</div>

when you would expect:

<div class="premise">
  <p>Greed leads to destruction.</p>
</div>

nuxt.config.js is:

  content: {
    markdown: {
      remarkPlugins: ['remark-directive']
    }
}

[adamdehaven]

Would be great if the nuxt content docs actually showed how to implement a remark plugin…

[farnabaz]

MDC syntax is superset of remark-directive and fully supported in Content v2. Check the docs https://content.nuxtjs.org/guide/writing/mdc

Content v1 will not get update for unified 10, consider migrating to v2