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

1 vote344 views1 answer
IPhone XS css
CSS
0 vote354 views1 answer
Css hide mark border
CSS
5 votes352 views2 answers
How to select child when hover on parent element css
CSS
1 vote356 views1 answer
Pagination html css how to working
CSS
0 vote282 views1 answer
Css not working react
CSS
96 votes359 views3 answers
Css hide scrollbar but allow scroll
CSS
3 votes358 views1 answer
Not disabled css
CSS
34 votes410 views1 answer
Css middle and center align div
CSS
0 vote358 views1 answer
3 line after dot in css
CSS
0 vote415 views1 answer
Bootstrap modal resize with jquery
CSS