setupSFC not working with ref

[angelhdzmultimedia]

Working with same env like in #429.
but with versions:

  "devDependencies": {
    "@vue-macros/nuxt": "^1.9.21",
    "nuxt": "^3.10.0",
    "vue": "^3.4.15",
    "vue-router": "^4.2.5"
  }

Can't use a ref() or I get this error:

~/pages/index.setup.tsx

const myName = ref<string>('Vue Macros')

export default () => (
  <div>
    <h1 class="text-3xl font-bold underline">
      Hello {myName}
      <button onClick={() => myName = 'Nuxt Macros'}>Change Name</button>
    </h1>
  </div>
)

[angelhdzmultimedia]

Solved?

Oooh right, it's not auto unwrapping the ref, so I have to use .value. Wondering why...

~/pages/index.setup.tsx

const myName = ref<string>('Vue Macros')

export default () => (
  <div>
    <h1 class="text-3xl font-bold underline">
      Hello {myName.value}
      <button onClick={() => myName.value = 'Nuxt Macros'}>Change Name</button>
    </h1>
  </div>
)

[sxzz]

Auto-unwrapping is not supported in JSX, but only for <template>.