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

16 votes183 views2 answers
Css not last child
CSS
2 votes168 views3 answers
Css cursor delete
CSS
1 vote192 views1 answer
Detect mobile css
CSS
29 votes228 views1 answer
Boxsahdow
CSS
0 vote170 views2 answers
Css space between elements
CSS
38 votes170 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
0 vote176 views2 answers
Media Query smartphone only
CSS
1 vote173 views1 answer
Hard blink
CSS
9 votes177 views3 answers
Css bottom
CSS
0 vote170 views1 answer
Css media two conditions
CSS