unplugin that allows you to import vue components
npm i -D unplugin-import-component
Add plugin to your vite.config.ts
:
// vite.config.ts
import ImportSFC from '@populatus/unplugin-import-component/vite'
export default {
plugins: [
ImportComponent({
imports: [{ path: 'src/components/HelloWorld.vue' }, { path: 'src/components/a.vue' }],
}),
],
}
The component automatically insert to your vue.