Skip to content

feat(runtime): add copy-to-clipboard support in Badge component#653

Open
anilkumarthakur60 wants to merge 2 commits into
fi3ework:mainfrom
anilkumarthakur60:main
Open

feat(runtime): add copy-to-clipboard support in Badge component#653
anilkumarthakur60 wants to merge 2 commits into
fi3ework:mainfrom
anilkumarthakur60:main

Conversation

@anilkumarthakur60

Copy link
Copy Markdown

👋 Overview

This PR adds a copy-to-clipboard feature to the Badge component in packages/runtime/src/components/Badge.ce.vue.

Users can now copy formatted checker diagnostics directly to the clipboard when the badge is expanded.


✨ What’s Added

  • ➕ New Copy button (visible when badge is not collapsed)
  • 📋 Copies formatted checkerResults to clipboard
  • ✅ Temporary "Copied!" feedback state (2 seconds)
  • 🎨 Refactored layout to support multiple badge actions using a badge-container
  • 🧠 Introduced isCopied state using ref
  • 🧹 Minor structural and styling improvements for better button separation

🚀 Why This Is Useful

This improves developer experience by allowing quick copying of aggregated checker diagnostics for:

  • Bug reports
  • Sharing errors with team members
  • Debugging workflows

@netlify

netlify Bot commented Feb 20, 2026

Copy link
Copy Markdown

Deploy Preview for vite-plugin-checker ready!

Name Link
🔨 Latest commit b964539
🔍 Latest deploy log https://app.netlify.com/projects/vite-plugin-checker/deploys/6998893136c7ac00088ab089
😎 Deploy Preview https://deploy-preview-653--vite-plugin-checker.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.

@pkg-pr-new

pkg-pr-new Bot commented Feb 20, 2026

Copy link
Copy Markdown

Open in StackBlitz

npm i https://pkg.pr.new/vite-plugin-checker@653

commit: b964539

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant