feat: Add Toaster component for displaying toast notifications after …

[narr07]

Add Toast Notification After Copying Code

Description

This pull request introduces a toast notification that appears after the user copies code using the copy button. The toast notification provides feedback to the user, confirming that the code has been successfully copied to the clipboard.

Changes

• Added a new toast notification component.
• Integrated the toast notification with the copy button functionality.
• Updated the relevant Vue components and state management to support the new feature.

How to Test

1. Navigate to a page with a code block and a copy button.
2. Click the copy button.
3. Verify that a toast notification appears, indicating that the code has been copied.
4. Ensure the toast notification disappears after 3 seconds.

Additional Notes

• This enhancement improves user experience by providing immediate feedback on the copy action.
• Ensure to review the toast notification styling and placement for consistency with the overall design.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
shadcn-docs-nuxt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 14, 2024 7:10pm

[ZTL-UwU]

Thanks for the contribution ❤️