[Resolved] CSS files missing

[HAFTSTUDIO]

i'm trying to use the emoji picker but when i import the css files : internal serever error: Missing css export in vue3-emoji picker

[delowardev]

Hi @HAFTSTUDIO, could you please share your project environment/details? Such as:

• Vue version.
• Emoji Picker Version.
• Code snippet/sandbox link.
• Are you using Vite or Vue-cli?

Thanks

[HAFTSTUDIO]

using vue == 3.2.41
emoji-picker ^1.1.7
vite ^3.0.8

[delowardev]

I'm unsure what could be the reason here, but I think you can directly point the CSS path like import 'node_modules/vue3-emoji-picker/dist/style.css'

I did check with latest vite & vue 3, works fine for me:
https://codesandbox.io/p/github/delowardev/vue3-emoji-picker-example/main?file=%2Fpackage.json&selection=%5B%7B%22endColumn%22%3A20%2C%22endLineNumber%22%3A11%2C%22startColumn%22%3A20%2C%22startLineNumber%22%3A11%7D%5D

[HAFTSTUDIO]

Thank you. importing directly has worked.
I also get this

[delowardev]

To fix this, you can write declare module 'vue3-emoji-picker' in any of your .d.ts files

[HAFTSTUDIO]

Fixed it!! Thank you.