feat: add option to import css manually

[mod08]

I needed a way to use vue-sonner inside a web component and therefore insert the css manually. I've updated the vite config to add the style.css to the build output and added a separate entry point which doesn't include the __insertCSSVueSonner function.

If someone wants to use the library without the css auto insert they can import from 'vue-sonner/manual'. import from 'vue-sonner' will still auto insert the css.

example

<!-- App.vue -->
<script>
import { toast, Toaster } from 'vue-sonner/manual'
</script>

<style>
@import 'vue-sonner/style.css'
</style>

@xiaoluoboding let me know if that's something you want to support. If yes I can also update the docs.

• Close vue-sonner doesn't work into Web Components #104
• Close Hope to split the CSS into separate files #108

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
vue-sonner	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 19, 2025 9:24am

[xiaoluoboding]

hey @mod08 we are working on new version #115,

You might not have noticed, but we are releasing a new version that could conflict with the issue you're addressing or may have already resolved it. Please wait for the new version release, as this PR might be discarded.

[mod08]

Thanks for you're response! I saw the PR but wasn't sure how long it will take to make version 2 happen. Since this PR doesn't introduce any breaking changes it could have been a version in between.

[xiaoluoboding]

We are now support import css manually, checkout the version v2.0.0