Cookie banner not loading style/animation in vue3

[v2-M3nTh0LL]

Hi guys,

I am migrating a pretty big project from Vue2 to Vue3.4.19 and noticed there's an issue with the Cookie banner not showing properly. This is my implementation. Worth mentioning that the functionality is on point, the only issue is the animation and the design itself

Appearance on Vue 2

Appearance in Vue 3 (I have to find the div in Inspect Element and select Scroll to view to be able to see it)

[johndatserakis]

Hi there, hmm right away I'd assume the CSS isn't being loaded. I see you're importing it on line 20, but I'd check to see if your version of Vue 3 has updated the instructions on how to import a library's CSS.

One workaround regardless of what you find would be to copy the CSS source code directly to your project and load it. If you load it at the right scope, the styles should pick up just fine.

Let me know how it goes.

[v2-M3nTh0LL]

@johndatserakis thanks for the tips. I already implemented the workaround after posting the issue, and it does work indeed, but I'd rather get the import to work. I'll check Vue's CSS import and hopefully it'll sort things out.

[johndatserakis]

Got it. Yea sorry a bit swamped right now, will look into this ASAP.