Why so many issues for such as simple plugin?

dvlden commented 8 months ago

Everything below tested in Nuxt 3.

[x] Example to define it as a plugin leads to hydration missmatch, even when <Toaster /> is used within <ClientOnly> component
[x] Using headless option toast.custom(VSonner) does not really do anything
[x] Cannot customize CSS Properties (variables) without using !important
[x] Passing unstyled to toastOptions does not do anything

Also, if someone managed to make headless option work, does it receive props or something to get idea if it's warning/error/success/info, what's the title/description, etc? Otherwise, from the docs, headless options seems more like static toast, rather than headless (fully customizable)

Please let me know how to make it work properly?

wobsoriano commented 7 months ago

unstyled prop is there but is actually not implemented internally

BayBreezy commented 7 months ago

@dvlden You can look how I customized this package a little in my lib: https://ui-thing.behonbaker.com/components/vuesonner

The implementation can be found here: https://github.com/BayBreezy/ui-thing/blob/main/components/Ui/VueSonner.client.vue

Hopefully this answers a few of your questions.

rust-floppy commented 7 months ago

<< Created a new issue, thanks for the quick reply to @warflash ! >>

warflash commented 7 months ago

@idk-floppy Would be nice if you could open a seperate issue and put a reproduction of your code/issue there. pnpm is not a typo in the readme fyi - it's a faster alternative to npm

rust-floppy commented 7 months ago

@idk-floppy Would be nice if you could open a seperate issue and put a reproduction of your code/issue there. pnpm is not a typo in the readme fyi - it's a faster alternative to npm

Okay, thank you for the quick answer!

xiaoluoboding / vue-sonner

Why so many issues for such as simple plugin? #51