`Parsing error: Unexpected token {eslint` on import type

I have the following code

<script lang="ts" setup>
import type { DisplayMetadataField } from "~/types/DisplayMetadataField";
</script>

<script lang="ts" setup>
import type { DisplayMetadataField } from "~/types/DisplayMetadataField";
</script>

<script lang="ts" setup>
import type { DisplayMetadataField } from "~/types/DisplayMetadataField";
</script>

<script lang="ts" setup>
import type { DisplayMetadataField } from "~/types/DisplayMetadataField";
</script>

I get

Parsing error: Unexpected token {eslint

Parsing error: Unexpected token {eslint

Parsing error: Unexpected token {eslint

Parsing error: Unexpected token {eslint

I just created this projet 3 days ago with nuxt eslint included.

How can i solve this?