Components will be automatically imported on demand thanks to unplugin-vue-components. Thus, no need to import and register your components manually anymore! If you register the parent component asynchronously (or via a lazy route), the auto imported components will be code-split along with their parent.
Use your component in your template as you normally would:
<template>
<div>
<Intro>Headline</Intro>
</div>
</template>… Which gets transpiled by Vite on the fly to:
<template>
<div>
<Intro>Headline</Intro>
</div>
</template>
<script>
import Intro from "../components/Intro.vue";
export default {
components: {
Intro,
},
};
</script>