typo in 'x-transitions' duration syntax

[itopizarro]

This changes the syntax of the reference example from x-transition.duration.500ms to x-transition:duration.500ms

[ekwoka]

But it's not a typo...

It is .duration

[itopizarro]

Maybe it was my implementation?
I had an element with x-transition directives, where I was ok with setting both the enter and leave to the same value as follows:

<div x-show="showExample"
  x-transition:enter="foo"
  x-transition:leave="bar"
  x-transition.duration.1000ms>

But that didn't affect the duration at all. However, when I changed the instance regarding duration to x-transition:duration.1000ms it worked. I do see the need for the . notation when using x-transition:enter.duration.1000ms.

[ekwoka]

This is because you aren't supposed to mix value based transitions and the default transition helpers.

I can look more into it if/when I have time, but it's more of a "happy accident" that what you described worked...