Nuxt autoimport component prefix: add typescript dynamic name support

[ReWWeR]

Describe the bug

When added in nuxt.config prefix for component, then IDE doesn't see the new component name, it takes types from node_modules folder, where the names of the components are written without prefix.

Reproducer

https://stackblitz.com/edit/primevue-4-ts-vite-issue-template-csnodp?file=README.md

PrimeVue version

4.0.0

Vue version

4.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

1. add in nuxt.config components: { prefix: 'Pv' }
2. add button in any .vue file
   <pv-button label="Check 2" icon="pi pi-check" />
3. It works, but IDE will show an error, that it is unknown custom HTML tag

Expected behavior

IDE should take new type name

[mertsincan]

I'll try with dts: true;
https://github.com/primefaces/primevue/blob/master/packages/nuxt-module/src/module.ts#L66

[sparrow-chik-chrk]

Indeed, auto-import stopped working properly when upgrading from version v4.0.0-rc3 to v4.0.0. Not only did the prefixes break, but also the styles.

[mertsincan]

@sparrow-chik-chrk For now I changed dts: true. Could you please try your case after 4.1.0 is released?

[mertsincan]

Also, please see;
https://github.com/unplugin/unplugin-vue-components/blob/main/src/types.ts#L155

Test:

<PrimeButton label="Submit" />

Config:

primevue: {
        // ...
        autoImport: true,
        components: {
              prefix: 'Prime'
        }
},

Output:
components.d.ts

/* eslint-disable */
// @ts-nocheck
// Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399
export {}

/* prettier-ignore */
declare module 'vue' {
  export interface GlobalComponents {
    PrimeButton: typeof import('primevue/button')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
  }
  export interface ComponentCustomProperties {
    AnimateOnScroll: typeof import('primevue/animateonscroll')['default']
    FocusTrap: typeof import('primevue/focustrap')['default']
    KeyFilter: typeof import('primevue/keyfilter')['default']
    Ripple: typeof import('primevue/ripple')['default']
    StyleClass: typeof import('primevue/styleclass')['default']
    Tooltip: typeof import('primevue/tooltip')['default']
  }
}