vue/no-deprecated-data-object-declaration
disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
- ⚙️ This rule is included in all of
"plugin:vue/essential"
,*.configs["flat/essential"]
,"plugin:vue/strongly-recommended"
,*.configs["flat/strongly-recommended"]
,"plugin:vue/recommended"
and*.configs["flat/recommended"]
. - 🔧 The
--fix
option on the command line can automatically fix some of the problems reported by this rule.
📖 Rule Details
This rule reports use of deprecated object declaration on data
property (in Vue.js 3.0.0+). The different from vue/no-shared-component-data
is the root instance being also disallowed.
See Migration Guide - Data Option for more details.
createApp({
/* ✗ BAD */
data: {
foo: null
}
}).mount('#app')
createApp({
/* ✓ GOOD */
data() {
return {
foo: null
}
}
}).mount('#app')
<script>
export default {
/* ✗ BAD */
data: {
foo: null
}
}
</script>
<script>
export default {
/* ✓ GOOD */
data() {
return {
foo: null
}
}
}
</script>
🔧 Options
Nothing.
📚 Further Reading
🚀 Version
This rule was introduced in eslint-plugin-vue v7.0.0