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

17 votes274 views1 answer
Yarn start not working on windows because scripts disabled
CSS
0 vote200 views1 answer
For loop for increment id of div in jquery
CSS
1 vote313 views1 answer
Sticky mat-toolbar
CSS
0 vote244 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
0 vote233 views1 answer
Time an element to disappear css
CSS
0 vote157 views1 answer
Install scss
CSS
8 votes268 views3 answers
Css darkmode
CSS
0 vote202 views1 answer
Ancho maximo css
CSS
19 votes209 views9 answers
How to center a div
CSS
0 vote202 views1 answer
Text-indent
CSS