feat: introduce dtsTsx for TSX support

[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

[cangSDARM]

any problems? why this pr put on hold

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/unplugin-vue-components@673

commit: d7190da

[yanhao98]

---

with dtsTsx: true:

unplugin-icons/resolver:

Previously, the syntax was:
<icon-clarity:language-line />

Now, it can only be written as:
<icon-clarity-language-line />