fix: tsx component type declaration

[lishaobos]

Description

make auto imported component work with tsx

Linked Issues

#669

Additional context

[antfu]

It should be done under a flag. As it provides global types, while this plugin only transform Vue's complication result, which will create misalignment between types and actual behaviour

[lishaobos]

@antfu i have an idea.

1. add options.dtsGlobal: boolean
2. add options.dts type: boolean | string | { path: string; global: boolean }

[cmdyu]

I solved the problem in this way:

created a 'components-tsc.d.ts' file manually

export {}

declare global {
    const NButton: typeof import('naive-ui')['NButton']
}

and put it in the tsconfig.json's include prop

{
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "auto-imports.d.ts", "components-tsx.d.ts"],
  ...
}

[whaaaley]

I was curious if there's anything I could do to help get this merged. I've been struggling with types in this way for some time.

[wjp980108]

It's been two years, how to solve this problem