请求协助将Vue2 JavaScript代码转换为Vue3 TypeScript代码

以下是转换后的代码：

<script setup lang="ts">
import { QInput } from 'quasar';
import FormElement from '../FormElement.vue';
</script>

<script lang="ts">
import { defineComponent } from 'vue';
import FormElement from '../FormElement.vue';

export default defineComponent({
  name: 'TextElement',
  extends: FormElement,
});
</script>

转换说明： #

• 组件注册简化：Vue3的<script setup>语法会自动注册导入的组件，因此无需手动在components选项中声明QInput
• TypeScript 类型支持：使用defineComponent包裹组件选项，让TypeScript能正确推断组件的类型信息，包括继承自FormElement的属性和方法
• 文件后缀规范：导入组件时添加.vue后缀，避免TypeScript出现模块解析错误，同时符合Vue3项目的最佳实践
• 继承逻辑保留：原Vue2中的extends选项在Vue3中依然有效，能够完整继承FormElement的功能

内容的提问来源于stack exchange，提问作者Rahul