All the JS builds of Codex contain calls to createCommentVNode() that correspond to <!-- HTML comments --> in the Vue templates of components. This is wasteful and increases the size of the build.

But what's worse, these comments are actually created in the DOM when a Codex component is mounted, and can cause problems. For example, the ProgressBar component starts with a comment node, and this breaks v-show and probably other things that interact with the root node of the component. For example, <cdx-progress-bar v-show="false" /> still displays a progress bar(*), because v-show tries to set display: none; on the first root node, but that node is a comment, so it has no effect.

This is probably a bug in Vue, Vite, or one of the other build tools we use.

Originally reported by @Lofhi here.

(*) This behavior only appears when using Codex as an external library. It doesn't appear in the Vitepress docs site, but it does appear in the sandbox.