code-group components cannot render properly in some cases.

[liyuj]

• I confirm that this is an issue rather than a question.

Bug report

Steps to reproduce

What is expected?

Normal rendering can be done

What is actually happening?

Other relevant information

• Output of npx vuepress info in my VuePress project:

[d-pollard]

Hello liyujue,

Looks like you're trying to render an unsupported format inside of the code block. Make sure to wrap the content in ```'s

[liyuj]

Hi Derek, I think as a built-in component, if the component can only contain code blocks, it will seriously limit the scope of use of this component. I think any valid markdown statement should be legal. From the perspective of generality, the name of this component is more appropriate to be called tabs > tab, rather than code-group > code-block. 在 2020/10/13 上午5:28, Derek Pollard 写道:

…

Hello liyujue, Looks like you're trying to render an unsupported format inside of the code block. Make sure to wrap the content in ```'s — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2641 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACGRBAUL7LCWQQHGO5AZIYLSKNYHHANCNFSM4SDPL4PQ>.

[bencodezen]

Thanks for your feedback @liyuj! While I understand the desire to add any markdown inside of the component, the design of this component is intentional for just code usage. It's certainly tempting to expand the scope of the component, but to keep the maintenance of the default theme possible, we think it's important to keep it focused on code only.

If you'd like to use the tab format for other content though, we'd recommend creating your own global component that is based on the CodeGroup component so you can customize it to your needs. Hope this helps!