del="word">
    </div> -->

    <!-- <div x-data="{ items: $fetch(url, []).loading() }">
        <button @click="count++" x-text="count"></button>
    </div> -->


    <script>
        document.addEventListener('alpine:initializing', () => {
            Alpine.magic('uppercase', () => Alpine.interceptor((key, path) => {
                console.log(key, path);

                return {
                    init(value, setter) {
                        setter(value.toUpperCase())
                    },
       