Web components with PrimeVue 4, how to include scripts and stylings?

[AlexanderSchmid]

I'm using PrimeVue 4 with nuxt 3. I've set up our solution as described here: https://primevue.org/nuxt/
I configured a custom theme based on Aura in a separate typescript file and imported it with "importTheme" in nuxt.config.ts. That is fine and it works.

I want to generate a custom web component (with nuxt-custom-elements) and my vue component is using primevue components and stylings from our theme. The web component should be used in another application with different technologies.

How can I include the stylings from PrimeVue 4 so that the look and feel is like in our solution?

I did not find any docs. I tried something like that but no success:

import '#primevue-style'; import 'primeicons/primeicons.css'; import '@primevue/themes'; import 'tailwindcss-primeui'; import '~/assets/css/theme/PrimeVueTheme';

Can anybody help me? Is it possible to generate PrimeVue 4 as web component? If yes, how?