Rule proposition: no-shared-component-data must be a function.

[armano2]

When using the data property on a component (i.e. anywhere except on new Vue), the value must be a function that returns an object.

based on style guide

Invalid:

Vue.component('some-comp', {
  data: {
    foo: 'bar'
  }
})

export default {
  data: {
    foo: 'bar'
  }
}

Valid:

new Vue({
  data: function () {
    return {
      foo: 'bar'
    }
  }
})

new Vue({
  data: {
    foo: 'bar'
  }
})

Vue.component('some-comp', {
  data: function () {
    return {
      foo: 'bar'
    }
  }
})

export default {
  data: function () {
    return {
      foo: 'bar'
    }
  }
}

[armano2]

Can I start working on this rule?

[michalsnik]

I definitely agree with this one 👍 It's something strongly advised in vue documentation and I think it's a must have rule in our set.

[armano2]

it's already implemented and ready for review 🍡

[michalsnik]

Released in v3.8.0. Thanks @armano2 !