feat: enhance code block & code group
Description of Problem
Current, the docs site use <VTCodeGroup> for define code groups.
This PR use Vitepress' built-in code-group with vitepress-plugin-group-icons to replace it. which has automatic icon matching.
| Before | After |
|---|---|
Proposed Solution
Additional Information
Deploy Preview for vuejs ready!
| Name | Link |
|---|---|
| Latest commit | 736a906bb867c63b204f6c0acaa8311910e3fc1d |
| Latest deploy log | https://app.netlify.com/projects/vuejs/deploys/685e07db266b40000814452f |
| Deploy Preview | https://deploy-preview-3235--vuejs.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.
Hello maintainers (@bencodezen @yyx990803)! sorry for the pin, want to know what block this PR being merged? I'm happy to help.
This plugin is very popular in the vitepress ecosystem. Projects's docs like vite, vitepress, vitest, unocss and so on are using it.
And I think it will improve the Vue docs's readability too.
@yuyinws It looks like there's a merge-conflict with the lock file. Could you resolve it and push up the update?
@bencodezen Hi, thanks for your review, I have resolved the conflict.
12i818394694 pix