Nuxt 3: Variable X is declared but its value is never read.ts(6133)

[phillipmohr]

Hello,

I'm using Nuxt 3 + VS Code + Vue Language Features (Volar) + TypeScript Vue Plugin (Volar).
When I define variables within my script, Volar doesn't seem to recognize that I'm using those in my template.

Here is an Example. Menus.vue

<template>
    <AdminFormBuilder
        @isLoading="setIsLoading"
    >
        <template #form:before>
            <AdminCrudHeader
                :isLoading="isLoading"
            />
        </template>
    </AdminFormBuilder>
</template>


<script lang="ts" setup>
const isLoading = ref(false)
const setIsLoading = (value: boolean) => {
    isLoading.value = value
}
</script>

Hovering over setIsLoading tells me 'setIsLoading' is declared but its value is never read.ts(6133)

[johnsoncodehk]

Duplicate of #1729

[RSS1102]

I met this too in Nuxt3.
After I refer to 1168#.
do:

then:
(In nuxt3 methods that do not need to import "Vue")