CSS not Server Side Rendered with PrimeVue 4 / Nuxt 3 about primevue HOT 1 CLOSED

I also experienced this issue.
However, such issue only occur when manually importing component.

export default defineNuxtConfig({
  modules: ['@primevue/nuxt-module'],
  primevue: {
    components: {
      include: [], // set to empty array to prevent registering all components
    },
  },
})

Here's what i've tried so far:

• manually import in Vue SFC script block

  <script lang="ts">
  import PButton from 'primevue/button'
  export default {
    components: {
      PButton,
    },
  }
  </script>

• manually import in Vue SFC script setup block

  <script setup lang="ts">
  import PButton from 'primevue/button'
  </script>

• register components manually via module using addComponent

  export default defineNuxtModule({
    setup() {
      addComponent({
        filePath: 'primevue/button',
        name: 'PButton',
      })
    },
  })

• register components manually via plugin using nuxtApp.vueApp.component()

  import PButton from 'primevue/button'
  export default defineNuxtPlugin({
    setup(nuxtApp) {
      nuxtApp.vueApp.component('PButton', PButton)
    },
  })

• use unplugin-vue-components and primevue-autoimport-resolver to register used components automatically

All exhibits same behavior, that is CSS not server-rendered

from primevue.