SFC Playground <style> v-bind does not work in safari ipad when initializing sandbox

[Flashantik]

Vue version

3.2.37

Link to minimal reproduction

https://sfc.vuejs.org/#eNpNkN1ugzAMhV/Fyg2tNMg9g27TXiM3JZguHflRHDpNiHefE5jUq+Q4Pp+ds4qPEJrHgqIVHeloQgLCtISLcsYGHxOsEHGCDaboLVTcWimnnPaOEmg/+wh97jhVEcfqrFwndw4TWCS0Yb4mZAXQDUtK3sG7no3+7pX49x9n30OhwBtUt4joKmj3ihIFAPBZOg21sK6HbdsKW+5w7uvk01SWlH5nBNI+4MiVY4k1uwqhhUc9GDeeijq/KsdE/ka2XcSL2IOo7TU0d/KOoypedTyQErzNvp4SHFDWSnylFKiVkiadA75T4+NN8q2Ji0vGYoNk6yH6H8LIYCUygidvYvsDBquLlg==

Steps to reproduce

Go into the sandbox and try pushing the button

What is expected?

The color of the text changes

What is actually happening?

The color of the text is not related to v-bind

System Info

Ipad pro IpadOs 15.5 with safari

Any additional comments?

i'm using Ipad pro ipadOS 15.5 with safari. When I go from the vue 3.2 documentation to the link sfc vue v-bind style does not work
But if you try to change the code, the code starts working. This is most likely an SFC error

https://youtu.be/IXge2SxjxF0

[binghc]

请教下，在style标签中能使用v-if么？

[xfq]

请教下，在style标签中能使用v-if么？

You can use v-bind() with the the conditional operator in CSS. See this example.