Estoy usando Vite + Vue, y quiero crear componentes vue desde otros archivos, por ejemplo, tengo el archivo diff_component.vue.my_ext :

 <h1>Vue Component From other file</h1>

Y tengo Component.vue :

 <template> <div> <diff_component/> </div> </template> <script> import DiffComponent from "./diff_component.vue.my_ext" export default { components: { DiffComponent } } </script>

Necesito convertir mi componente diff_component.vue.my_ext en un componente vue y obtener algo como esto:

 <template> <h1>Vue Component From other file</h1> </template> <script> export default {} </script>

¿Cómo puedo hacerlo? Dame un enlace por favor a documentos o ejemplos por favor.