Alpine extract data to script tag

<div x-data="dropdown">
    <button @click="toggle">Toggle Content</button>
 
    <div x-show="open">
        Content...
    </div>
</div>
 
<script>
    document.addEventListener('alpine:init', () => {
        Alpine.data('dropdown', () => ({
            open: false,
 
            toggle() {
                this.open = ! this.open
            },
        }))
    })
</script>

Source: alpinejs.dev

Similar codes

0 vote221 views3 answers
Center ul
CSS
1 vote217 views1 answer
Outline bottom css
CSS
67 votes209 views6 answers
Center absolute
CSS
0 vote215 views2 answers
Mat-select-panel-wrap change position
CSS
0 vote216 views1 answer
Press on button outline shoul not appear csss
CSS
-2 votes238 views1 answer
Reduce image size on mobile view css
CSS
0 vote220 views1 answer
How to build a glass website using HTML and CSS
CSS
0 vote217 views1 answer
How to make text transparent with stroke in css
CSS
0 vote203 views1 answer
Css nesting
CSS
0 vote205 views1 answer
Css full grid span
CSS