v1.5.0

Added

• @ and : short syntaxes:

<button @click="..."></button>
<span :class="isOpen ? '' : 'hidden'"></span>

Fixed

• class bindings now support string output (already supported arrays and objects)

v1.4.0

Added

• $nextTick magic function:

<div x-data="{ fruit: 'apple' }">
    <button
        x-on:click="
            fruit = 'pear';
            $nextTick(() => { console.log($event.target.innerText) });
        "
        x-text="fruit"
    >
</div>

v1.3.1

Fixed

• $refs was causing "Invalid invocation" error - fixed now

v1.3.0

Added

• x-init expression:

<div x-data="{ foo: 'bar' }" x-init="foo = 'baz'">
  <span x-text="foo"></span>
</div>

(<span> will be set to "baz" initially)

v1.2.0

Added

• x-html directive:

<div x-data="{ html: '<h1>Hello World!</h1>' }">
    <div x-html="html">
        <!-- Will contain: "<h1>Hello World!</h1>" -->
    </div>
</div>

v1.1.5

Added

• Transition API:

<div x-data="{ open: false }">
    <div
        x-show="open"
        x-transition:enter="ease-out transition-fastest"
        x-transition:enter-start="opacity-0 scale-90"
        x-transition:enter-end="opacity-100 scale-100"
        x-transition:leave="ease-in transition-fastest"
        x-transition:leave-start="opacity-100 scale-100"
        x-transition:leave-end="opacity-0 scale-90"
    >thing</div>

    <button x-on:click="open = ! open">
        toggle thing
    </button>
</div>

v1.1.4 (mis-release)

v1.1.5 contains the changes intended for this release: whoops

v1.1.3

Convert build from Microbundle to Rollup

v1.1.2

Changed "Laravel Mix" to "Microbundle" for bunding.

v1.1.1

Added

Fixed

• Support adding/removing multiple classes from "x-bind:class" [#28 ]
• Made manual DOM changes to x-data reactive using MutationObserver
• Attempted to prevent double initialization when importing from webpack