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 vote151 views1 answer
Flutter replacement for flatbutton
CSS
0 vote154 views1 answer
Prevent css animation reset
CSS
11 votes144 views3 answers
Css poppins font
CSS
6 votes138 views4 answers
How to make the image in the center html
CSS
0 vote136 views2 answers
Css space between elements
CSS
2 votes142 views1 answer
XAMPP: Another web server daemon is already running
CSS
1 vote139 views2 answers
How to specify css for smaller screen
CSS
11 votes148 views1 answer
Html click through elements
CSS
0 vote136 views1 answer
Setting background for anchor pane
CSS
1 vote149 views1 answer
How to add fanctoin to links in css
CSS