fix(sfc-playground): remove comment nodes in the production env

[Alfred-Skyblue]

fixed #9591

In a production env, comments should be removed.

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	90.8 kB	34.5 kB	31.1 kB
vue.global.prod.js	148 kB	53.7 kB	48 kB

Usages

Name	Size	Gzip	Brotli
createApp	50.8 kB	19.9 kB	18.1 kB
createSSRApp	54.1 kB	21.2 kB	19.3 kB
defineCustomElement	53.1 kB	20.6 kB	18.8 kB
overall	64.6 kB	24.9 kB	22.6 kB

[skirtles-code]

I'm not sure about this.

By default, production builds do remove comments, but it's configurable. It isn't safe to assume that comments are always stripped from production builds.

While I can see the argument for making the Playground consistent with the default build configuration, I think it makes it much less useful for bug reproductions. The compiler code for handling comments: false is very simple and unlikely to be required in bug reproductions. On the other hand, comments: true leads to a lot of interesting runtime edge cases involving attribute inheritance, Transitions, KeepAlive, etc.. It's easy to forget that these edge cases can also apply to production builds, so having the Playground default to comments: true (as it does currently) is a useful tool for catching those cases.

Even if this PR is merged, I don't think it is a fix for the original issue, it just hides it in the Playground. The original problem still exists in a Vite-based project with comments: true configured.