vModel: __currentInstance.$set is not a function

[Tarrowren]

// error
import { defineComponent, ref } from "@vue/composition-api";

export const App = defineComponent({
  name: "App",
  setup: () => {
    const name = ref("");
    return () => (
      <div>
        <div>{name.value}</div>
        <input type="text" vModel={name.value} />
      </div>
    );
  }
});

When I input, it throws:

TypeError: __currentInstance.$set is not a function
at input (App.tsx?1c6d:8)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLInputElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLInputElement.original.\_wrapper (vue.runtime.esm.js?2b0e:6917)

// It's OK to write like this
import { defineComponent, ref } from "@vue/composition-api";

export const App = defineComponent({
  name: "App",
  setup() {
    const name = ref("");
    return { name };
  },
  render() {
    return (
      <div>
        <div>{this.name}</div>
        <input type="text" vModel={this.name} />
      </div>
    );
  }
});

[HIMISOCOOL]

setup () => {} is very different to setup() { }

I couldnt tell you the specifics but vue 2 only really works with method syntax and render is the official way for using jsx in vue2, does your example work if setup is a method but returns an arrow function?

[antfu]

Looks like it's related to the JSX plugin, maybe it's better to raise the issue there.

[waynecz]

Seems after this PR 1495a46, the compiled __currentInstance from getCurrentInstance() doesn't have $set directly, but the __currentInstance.proxy does, babel-sugar-v-model needs to update