Variable binding does not work inside YAML blocks or JSON props

[maximepvrt]

Environment

Operating system	macOS 25.4.0
CPU	Apple M3 Pro (11 cores)
Node.js version	v22.22.0
nuxt/cli version	3.36.0
Package manager	pnpm@10.28.1
Nuxt version	4.4.8
Nitro version	2.13.4
Builder	vite@7.3.6

Comark Version

v0.5.1

Reproduction

::PageHero
---
links:
  - label: Publier votre première mission
    to: data.platform.dashboard_login_url
---
#headline
:badge{label="Associations" size="xl"}
#title
Mobilisez les citoyens à votre cause
#description
Publiez vos missions et trouvez de nouveaux bénévoles
::

::PageHero{:links='[{"label": "Publier votre première mission ","to": "data.platform.dashboard_login_url"}]'}
#headline
:badge{label="Associations" size="xl"}
#title
Mobilisez les citoyens à votre cause
#description
Publiez vos missions et trouvez de nouveaux bénévoles
::

Description

I noticed an issue when trying to use dynamic variables inside component props, both in YAML blocks and JSON inline props.

Variables are not evaluated/bound and are treated as plain text strings instead. I also tried adding : in front of the prop (e.g. :to), but it still doesn't work.

Additional context

No response

Logs

[farnabaz]

Indeed this is not implemented, and I'm not sure whether we should have it or not. This feature goes beyond Vue prop binding and creates a computed logic.

[maximepvrt]

@farnabaz Thanks for the reply!

I understand your point, but for me, this feature is really essential.

In Nuxt UI, many components use complex props (like links, which takes an array of objects). In these components, needing dynamic values is a very common use case.

For example:

• Environments: Changing a link URL depending on the environment (staging vs production).
• User state: Changing a link URL depending on whether the user is logged in or not.