     <div x-data="{count: 0}">
            <div>
                You have selected
                <span x-text="count || 0"></span> items
            </div>
            <input
                type="range"
                min="1"
                max="10"
                name="count"
                x-model="count"
                value="0"
                @input="$fir.emit('update',{count: $event.target.value})" />

            <div @fir:update:ok="$fir.replace()">
                Price:
                {{ 