hyphens and quotes in markdown code fence results in missing content with production builds

[thescientist13]

Type of Change

Bug

Summary

Observed in ProjectEvergreen/www.greenwoodjs.dev#139 that we had this bit of markdown in our docs

We can go one step further and instruct Greenwood to strip out the `<script>` tags for these components by adding the `data-gwd-opt="static"` attribute to them, since we have no need for any interactivity on these components.

That renders fine in development

but disappeared in a production build! 😱

---

It seems specific to the use of - and " I guess because we have a similar piece of content type="module" that renders just fine 🤷‍♂️

Greenwood is ECMAScript Modules (ESM) first, as shown with the usage of the `type="module"` attribute in the example below:

and removing the - is fine

Details

So I tried a number of things to debug, and nothing really seemed to help

1. Update all markdown related deps to latest using npm overrides

   "rehype-raw": "^7.0.0",
   "rehype-stringify": "^10.0.1",
   "remark-frontmatter": "^5.0.0",
   "remark-parse": "^11.0.0",
   "remark-rehype": "^10.0.0",
   "unified": "^11.0.5",

2. Tried HTML entities like &quot
3. Disabled prerender: true in greenwood.config.js

---

It seems like an interim solution that works is just single quotes

We can go one step further and instruct Greenwood to strip out the `<script>` tags for these components by adding the `data-gwd-opt='static'` attribute to them, since we have no need for any interactivity on these components.