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

1 vote343 views1 answer
Apply css if class not present
CSS
18 votes487 views6 answers
Install bootstrap angular 9
CSS
1 vote372 views2 answers
Css button border
CSS
0 vote338 views1 answer
Css flex alle elemente gleiche höhe
CSS
2 votes355 views2 answers
No gutter in bootstrap css for row
CSS
0 vote393 views1 answer
Box shadow 2 sides only
CSS
0 vote353 views1 answer
Puntos suspensivos css
CSS
1 vote364 views1 answer
Remove grayscale no filter css
CSS
1 vote396 views1 answer
Ul remove dots
CSS
0 vote343 views1 answer
Css textarea background color transparent
CSS