huntabyte / vaul-svelte

An unstyled drawer component for Svelte.
https://vaul-svelte.com
MIT License
419 stars 17 forks source link

SvelteKit and Vite CSS :global Error #17

Closed FortyGazelle700 closed 8 months ago

FortyGazelle700 commented 8 months ago

Whenever I try to use the Drawer.Root component in your port of shadcn-svelte, it throws an error like this:

[plugin:vite-plugin-svelte] {{PROJECT ROOT}}/node_modules/vaul-svelte/dist/vaul/components/root.svelte:145:9 Expected a valid CSS identifier
{{PROJECT ROOT}}/node_modules/vaul-svelte/dist/vaul/components/root.svelte:145:9

143|    }
144|  
145|    :global(
   |           ^
146|            [data-vaul-overlay][data-vaul-snap-points='true']:not(
147|                    [data-vaul-snap-points-overlay='true']
huntabyte commented 8 months ago

What version of Svelte are you using?

huntabyte commented 8 months ago

This is an issue related to Svelte 5, which this project won't officially support until it's stable. If you're getting compiler errors raise an issue with Svelte to bring it to the team's awareness!

FortyGazelle700 commented 8 months ago

Okay, thank you for the response, and I apologize for the inconvenience.