             set(value, setter) {
                        setter(value.toUpperCase())
                    }
                }
            }))
        })
    </script>









    <!-- <div x-data="{ foo: 'bar' }" x-query-string="foo"></div> -->

    <!-- Or maybe you want to persist the value of "foo" to -->
    <!-- localStorage so it persists between page refreshes:-->

    <!-- <div x-data="{ foo: $queryString('bar') }"></div> -->

    <script>
        document.addEventListener('alpine:initializing', ()