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 vote345 views1 answer
Animate font weight css
CSS
3 votes321 views2 answers
Multiple box shadows css
CSS
22 votes299 views5 answers
Circle css
CSS
2 votes282 views2 answers
Input disabled remove css
CSS
-1 vote316 views3 answers
Text in one line css
CSS
0 vote306 views1 answer
How to make an element vertically centered in a dv
CSS
6 votes361 views5 answers
Font-style css
CSS
12 votes329 views3 answers
Sticky header css
CSS
5 votes322 views2 answers
Important css
CSS
2 votes322 views1 answer
Basic css table
CSS