Option to pick a preference in how to handle primitives within data object about composition-api-converter HOT 3 OPEN

As far as I understand this wouldn't let you use data.visible anywhere in the setup function since in this case data is the reactive object and spreading its properties simply copies primitive values over to the returned object.

from composition-api-converter.

In the setup context yes, but it should be always accessed via the data object there, not from the spread. But on the render context it would be mutable and reactive, if I'm not missing something.

Here's an example by Evan: vuejs/rfcs#42 (comment)

import { state, computed as c } from 'vue'

const MyComponent = {
  template: `
    <div @click="increment">{{ count }} {{ double }}</div>
  `,
  setup() {
    const data = state({
      count: 0
    })

    const computed = {
      double: c(() => data.count * 2)
    }

    const methods = {
      increment: () => { data.count++ }
    }

    return {
      ...data,
      ...computed,
      ...methods
    }
  }
}

from composition-api-converter.

@CyberAP If you have an object in the data, if will use state already. I'm not sure the spread in the return will work.

from composition-api-converter.