Corey Vincent

Results 17 comments of Corey Vincent

I'm using ``. I just tried this with the same results.: ```ts import { Toast } from 'vue-dk-toast' export default { setup() { const toast = inject('$toast') if (toast) toast('Blue',...

They seem to: ![image](https://user-images.githubusercontent.com/11997743/156797538-816b0f6c-0901-42d2-bc2d-1e44b7dd6b6d.png) And all my other styling are showing up correctly, just not on the toasts.

That does perhaps look to be the case: ![image](https://user-images.githubusercontent.com/11997743/156802260-93e6c3d6-43a6-427e-bc42-9e043f5c7b4e.png)

That's a good question. It looks like Tailwind is being initialized before your toasts. I'm using [vite with tailwind](https://tailwindcss.com/docs/guides/vite), I have no idea how to control the import order though....

Yup, that did it. Moved the `@tailwind` imports into the `` tag of `App.vue`. Does not work if you keep the `@tailwind` imports in a `main.css` and import that in...

Any chance you can remove the styles that are non-essential? It would allow for a more bare-bones styling approach.

I spoke too soon. It appears to still be overriding the styles. I'm trying to figure out why, but it's randomly overriding the styles.