`:duration="0"` doesn't work

[mrleblanc101]

System info

System:
OS: macOS 26.1
CPU: (8) arm64 Apple M1 Pro
Memory: 90.05 MB / 32.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.19.2 - /Users/sleblanc/.nvm/versions/node/v20.19.2/bin/node
Yarn: 1.22.22 - /opt/homebrew/bin/yarn
npm: 10.8.2 - /Users/sleblanc/.nvm/versions/node/v20.19.2/bin/npm
pnpm: 10.11.0 - /Users/sleblanc/.nvm/versions/node/v20.19.2/bin/pnpm
Browsers:
Chrome: 141.0.7390.78
Chrome Canary: 143.0.7473.0
Edge: 141.0.3537.71
Firefox: 143.0.3
Safari: 26.1

Reproduction

https://stackblitz.com/edit/vitejs-vite-tzutq84g?file=src%2FApp.vue,src%2Fmain.js

Describe the bug

I need a way to disable the animation on an element inside a loop after a specific index.
I tried :duration="0", but it doesn't work as seen in the reproduction.
There is no way to conditionnaly add a directive that I know off, so perhaps adding a :disabled props could be useful.

Additional context

I want to animate the initial slide of a carrousel, but not the entering/leaving when the carrousel change slide.

Logs

[mrleblanc101]

My current workaround is :duration="1" which is 1ms, so to fast to notice anything