v-bind not resolving computed object?

i have the following composable,

fieldArgs

fieldArgs

is not reactive, however each of each properties are computed values.

const fieldArgs = useFormField(props);

const fieldArgs = useFormField(props);

im trying to consume it in my template via

v-bind="fieldArgs.fieldProps"

v-bind="fieldArgs.fieldProps"

however the output injects the stringified, non resolved computed value with all its internals, meta properties, etc. I have to either wrap using

unref

unref

or destructure

useFormField

useFormField

and pass

fieldProps

fieldProps

that way. I don't understand, if the destructured property that is itself a composable works, why doesn't

fieldArgs.fieldProps

fieldArgs.fieldProps

which is just the scenic route to the same property, not work?

Nuxt•12mo ago•

4 replies