The setup binding property "..." is already declared - New Nuxt project
See original GitHub issueEnvironment
Operating System: Linux
Node Version: v16.15.0
Nuxt Version: v2.15.8
Package Manager: npm@8.5.5
Builder: webpack - v4.46.0
Modules: core-js@3.19.3
, vue@2.6.14
, vue-server-renderer@2.6.14
, vue-template-compiler@2.6.14
, @nuxt/bridge@3.0.0-27545203.75e046f
Reproduction
- Create Nuxt project npm init nuxt-app template
-
Configure how the guide: https://v3.nuxtjs.org/bridge/overview/
-
Configure the Nuxt.config file:
bridge: {
vite: false,
nitro: false
}
- Create Counter component
<template>
<div>
<h1>Index page</h1>
<button @click="increment">
Counter is: {{ state.count }}
</button>
</div>
</template>
<script setup>
const state = reactive({ count: 0 })
function increment () {
state.count++
}
</script>
<script>
export default {
name: 'CounterComponent'
}
</script>
Describe the bug
When updating the page the following warnings by console appear:
It can be noted that it comes from the Nuxt SSR.
Additional context
When configuring the nuxt.config file:
bridge: {
…
ssr: false
}
Warning disappear.
Logs
[Vue warn]: The setup binding property "state" is already declared.
[Vue warn]: The setup binding property "increment" is already declared.
Issue Analytics
- State:
- Created a year ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
[Vue warn]: The setup binding property "xxx" is already ...
I run the following code and the console prompts me: [Vue warn]: The setup binding property "state" is already declared. [Vue warn]: The...
Read more >The data property "article" is already declared as a prop. Use ...
vuejs2 - The data property "article" is already declared as a prop. Use prop default value instead - Stack Overflow. Stack Overflow for...
Read more >Configuration - Nuxt
The css Property ... Nuxt lets you define the CSS files/modules/libraries you want to set globally (included in every page). In case you...
Read more >Vue 3.2 - Using Composition API with Script Setup
Introduction. Vue 3 introduced the Composition API as a new way to work with reactive state in a Vue application.
Read more >Understanding the new script setup with (defineProps ... - Netlify
Learn the fundamentals of Vue 3.2 script setup feature with special APIs like defineProps and defineEmits.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I tried with #347 and the bug persists.
I cannot reproduce this: https://stackblitz.com/edit/github-8l1edb. If you’re still experiencing it, would you create a reproduction please? 🙏