How can I use in ts file?

[vacnex]

Describe the bug

I'm currently using vue-route, it's content component prop, so I dont know how to use component in this file Sorry for my bad english

Reproduction

declare config in vite-config => cannot use it in ts file route

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (12) ia32 Intel(R) Core(TM) i5-10400 CPU @ 2.90GHz
    Memory: 2.78 GB / 15.83 GB
  Binaries:
    Node: 16.17.0 - C:\Program Files (x86)\nodejs\node.EXE
    npm: 8.19.2 - C:\Program Files (x86)\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (106.0.1370.42)
    Internet Explorer: 11.0.22000.120

Used Package Manager

npm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

[Cheng-DX]

That cannot work in ts file. You can try another plugin named unplugin-auto-import.

[Cheng-DX]

That cannot work in ts file. You can try another plugin named unplugin-auto-import.

use this: https://github.com/antfu/unplugin-auto-import. Then add this to your config file:

import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig() {
plugins: [
    AutoImport({
      include: [
        /\.[tj]sx?$/,
      ],
      imports: [
        {
          '[file-name]': [
            ['default', 'ComponetName' ],
          ],
        },
      ],
    }),
}