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 vote257 views1 answer
Sass compressed style
CSS
2 votes230 views1 answer
XAMPP: Another web server daemon is already running
CSS
7 votes308 views1 answer
Remve arrow from input ype number
CSS
1 vote248 views1 answer
Css sticky navigatiojn
CSS
146 votes243 views4 answers
How do i link my css to my html
CSS
0 vote232 views1 answer
Div overlfow scroll
CSS
1 vote251 views1 answer
How to open link in same tab in chrome
CSS
1 vote263 views1 answer
How to hide the bullet list css
CSS
2 votes278 views1 answer
Onclick javascript are you sure
CSS
5 votes264 views1 answer
Transform multiple css
CSS