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

2 votes220 views1 answer
Sass class with another class
CSS
1 vote182 views3 answers
How to add link click script in url
CSS
0 vote172 views1 answer
Html textgröße ändern css
CSS
27 votes167 views6 answers
Animation properties css
CSS
2 votes181 views1 answer
Make a quarter of circle css
CSS
0 vote179 views1 answer
Buttons have strange style iOS
CSS
0 vote186 views1 answer
Linear gradient farthest-corner code css
CSS
6 votes180 views5 answers
Table fixed header
CSS
16 votes189 views2 answers
Center h1 css
CSS
-1 vote176 views2 answers
Css make border rotate around element
CSS