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 vote115 views1 answer
Script for free code camp test
CSS
2 votes124 views1 answer
Css text dont select
CSS
7 votes114 views2 answers
Max z-index value css
CSS
1 vote153 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
20 votes113 views2 answers
Bootstrap screen sizes
CSS
0 vote137 views2 answers
Add a comment in css
CSS
42 votes190 views5 answers
Npm bootstrap
CSS Bootstrap
4 votes120 views1 answer
Space-x css
CSS
1 vote118 views1 answer
Padding up down left right
CSS
0 vote105 views1 answer
Couloured button link generator code
CSS