CSS Custom properties support?

[Sébastien Matos]

System info

• Operating System: Darwin
• Node Version: v19.5.0
• Nuxt Version: 3.8.1
• CLI Version: 3.9.1
• Nitro Version: 2.7.2
• Package Manager: yarn@1.22.21
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

<div
v-motion="{
  initial: {
      '--progress': 0,
  },
  enter: {
      '--progress': 1,
  },
}">
</div>

--progress is inserted but stuck at initial state (value: 0).

Describe the bug

CSS Custom properties are inserted, but they do not update.

Additional context

No response

Logs

No response

[Xingwang Liao]

+1

const { style } = useElementStyle(target)

style.setProperty('--color', '#000') 

this also not working.