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 vote158 views1 answer
NeuMorphisme button code
CSS
6 votes147 views2 answers
Css browser prefixes
CSS
0 vote144 views2 answers
How to add an image to a label in css
CSS
0 vote223 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
2 votes149 views1 answer
White space in css
CSS
2 votes164 views1 answer
How to override material ui css
CSS
16 votes217 views2 answers
Center h1 css
CSS
0 vote152 views1 answer
Image with colored background html css tigether
CSS
0 vote152 views1 answer
Css ninja
CSS
116 votes155 views6 answers
How to hide the scrollbar in css
CSS