help: The setup binding property "$fetchState" is already declared.

[amaury-tobias]

📚 What are you trying to do? Please describe.
I using

const { $fetchState } = useFetch(async () => {
    articles.value = await app.$axios.$get('/articles')
 })
return { $fetchState }

and the console throw
"ERROR [Vue warn]: The setup binding property "$fetchState" is already declared."

🔍 What have you tried?
If I remove $fetchState from return the error don't appear but I can't use $fetchState on template

ℹ️ Additional context

[danielroe]

@amaury-tobias

Yes, the $fetchState returned by useFetch is only for use in setup as there is already a $fetchState bound to the instance for use in the template.

When you say you can't use it in the template, what do you mean? (And just to confirm - you're using Nuxt 2.12+?)

[amaury-tobias]

Yes i use Nuxt 2.12.2, in template like

<p v-if="$fetchState.pending">Fetching posts...</p>
<p v-else-if="$fetchState.error">Error while fetching posts</p>
<p v-else> Loaded </p>

Now it's working, I think the browser cache caused it (I try to recreate the problem to report it, if appears).
So thank you for the information about $fetchState only can be used on the setup

[danielroe]

Great - glad things are working!