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

12 votes284 views1 answer
Pair impaire css
CSS
4 votes257 views4 answers
What is the "style", when creating an internal CSS?
CSS
0 vote258 views1 answer
Remove background when autofill input css
CSS
0 vote279 views1 answer
Css buchstaben auseinander weite
CSS
3 votes276 views2 answers
Scss transition
CSS
0 vote293 views2 answers
Sass example html
CSS
3 votes313 views3 answers
Responsive text css
CSS
7 votes288 views2 answers
Scss extend
CSS
7 votes290 views3 answers
Border width css
CSS
1 vote281 views1 answer
Pixel to inches
CSS