Cannot redeclare block-scoped variable '$crumbs'

[sandikodev]

i have little pieces of code

<!-- pages.vue -->

<script lang="ts" setup>
const { $crumbs } = useNuxtApp()
$crumbs.set([
  { name: 'Home', to: '/' },
  { name: 'Pages', to: '/pages' },
])
</script>
<template>
...
</template>

then vetur shows me an error
Cannot redeclare block-scoped variable '$crumbs'.

[{
	"resource": "/home/dev/project/kerja/dashboard/src/pages/pages.vue",
	"owner": "_generated_diagnostic_collection_name_#2",
	"code": "2451",
	"severity": 8,
	"message": "Cannot redeclare block-scoped variable '$crumbs'.",
	"source": "Vetur",
	"startLineNumber": 4,
	"startColumn": 9,
	"endLineNumber": 4,
	"endColumn": 16
}]

[yoyo930021]

We don't support <script setup> now.
Duplicate of #2296

[yoyo930021]

Duplicate of #2296