What does defineComponent mean?

Question

Vue.js

When executing the vue add i18n command in vue cli, after creating the project, a file from i18n will appear with this markup

<template>
  <p>{{ $t("hello") }}</p>
</template>

<script>
import { defineComponent } from "vue";

export default defineComponent({
  name: "HelloI18n",
});
</script>

<i18n>
{
  "en": {
    "hello": "Hello i18n in SFC!",
  },
}
</i18n>

What is defineComponent here and what is it for?
Why export default defineComponent and not just export default?

Answer 1

https://v3.vuejs.org/api/global-api.html#definecom...
Free translation:
The function does nothing, only returns the passed object.
Needed to support TypeScript and IDE (autocomplete, etc.)