Problems with vue onUpdated event

I am interested in helping provide a fix!

Yes

Which generators are impacted?

Reproduction case

Additional information is available in full code

Expected Behaviour

mitosis

vue

Actual Behaviour

vue

Additional Information

Full Code:

import { onUpdate, useStore } from '@builder.io/mitosis'

export default function MyComponent(props) {
  const state = useStore({
    scale: 1
  })

  onUpdate(() => {
    if (!props.src && !props.icon) return

    state.scale = Math.random() * 10
  })

  return <div>{state.scale}</div>
}

@wabi-habi thanks for filing. We're missing the { and } braces in this line:

mitosis/packages/core/src/generators/vue/compositionApi.ts

Line 135 in 811e719

    
               ${onUpdateWithoutDeps?.map((hook) => `onUpdated(() => ${hook.code})`).join('\n') || ''}

If you wanna contribute a fix that'd be awesome! 🙏🏽

make the fix
run yarn snapupdate in packages/core to update snapshots
run yarn fm:prettier in the root of the codebase to format your changes