docs icon indicating copy to clipboard operation
docs copied to clipboard

feat: enhance code block & code group

Open yuyinws opened this issue 7 months ago • 2 comments

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
image image
image image
image image

Proposed Solution

Additional Information

yuyinws avatar May 14 '25 09:05 yuyinws

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify[bot] avatar May 14 '25 09:05 netlify[bot]

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 avatar Jun 03 '25 09:06 yuyinws

@yuyinws It looks like there's a merge-conflict with the lock file. Could you resolve it and push up the update?

bencodezen avatar Jun 26 '25 13:06 bencodezen

@bencodezen Hi, thanks for your review, I have resolved the conflict.

yuyinws avatar Jun 27 '25 02:06 yuyinws

12i818394694 pix

Jean1704 avatar Jul 30 '25 00:07 Jean1704