Nuxt•2d ago

Nuxt Content - API for Remark/Rehype extension configuration options

I would like to change the default "Footnotes" label to "Notes". I'm not sure how this is exposed in nuxt.config. It's not clear which extensions are being used and how to access their configuration API. I have tried options like this with no luck

          "remark-gfm": {
            gfmFootnoteHtml: {
              HtmlOptions: {
                label: "Notes",
              }
            },
          },

          "remark-gfm": {
            gfmFootnoteHtml: {
              HtmlOptions: {
                label: "Notes",
              }
            },
          },

           "mdast-util-gfm-footnote": {
            htmlOptions: {
              label: 'Notes'
            }
          }

           "mdast-util-gfm-footnote": {
            htmlOptions: {
              label: 'Notes'
            }
          }

2 Replies

kapa.ai•2d ago

Hi @Rob. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Based on the knowledge sources provided, I can offer some information about configuring Remark plugins in Nuxt Content, but I don't have specific details about changing the "Footnotes" label to "Notes". Nuxt Content allows you to configure Remark plugins in the nuxt.config.ts file under the content.build.markdown.remarkPlugins option. Here's an example of how you can configure Remark plugins:

export default defineNuxtConfig({
  content: {
    build: {
      markdown: {
        remarkPlugins: {
          // Object syntax can be used to override default options
          'remark-emoji': {
            options: {
              emoticon: true
            }
          },
          // Disable remark-gfm
          'remark-gfm': false,
          // Add remark-oembed
          'remark-oembed': {
            // Options
          }
        },
      }
    }
  }
})

export default defineNuxtConfig({
  content: {
    build: {
      markdown: {
        remarkPlugins: {
          // Object syntax can be used to override default options
          'remark-emoji': {
            options: {
              emoticon: true
            }
          },
          // Disable remark-gfm
          'remark-gfm': false,
          // Add remark-oembed
          'remark-oembed': {
            // Options
          }
        },
      }
    }
  }
})

As shown in this example from the Nuxt Content Configuration documentation, you can override default options, disable plugins, or add new ones. However, the specific configuration for changing the "Footnotes" label is not mentioned in the provided knowledge sources. The attempts you've made with remark-gfm and mdast-util-gfm-footnote are not explicitly covered in the documentation I have access to. To get a definitive answer on how to change the "Footnotes" label, you might need to: 1. Check the documentation of the specific Remark plugin that handles footnotes in Nuxt Content. 2. Look into the source code of Nuxt Content to see which plugins are used by default and how they're configured. 3. Reach out to the Nuxt Content community or maintainers for more specific guidance on this particular customization. I apologize that I can't provide a more concrete solution to your specific question based on the available knowledge sources. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•2d ago

<@781936945600659466> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Gaming

Programming

Nuxt Content - API for Remark/Rehype extension configuration options

Did you find this page helpful?