I am using Vite + Vue, and i want to build vue components from others file, for example, i have file diff_component.vue.my_ext:

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

And i have Component.vue:

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

I need to convert my diff_component.vue.my_ext into vue component, and get something like this:

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

How can i do it? Give me pls link to docs or examples pls.