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

8 votes105 views3 answers
Text break css
CSS
-1 vote101 views2 answers
Input uppercase with css
CSS
3 votes103 views1 answer
Not disabled css
CSS
1 vote103 views1 answer
Second scrollbar appears
CSS
-1 vote122 views1 answer
Html css image slider
CSS
3 votes122 views1 answer
Css second td in table
CSS
0 vote97 views1 answer
Repeating-linear-gradient
CSS
0 vote102 views1 answer
How to make a text in center with background color in css
CSS
0 vote165 views1 answer
Wordpress clear cache command line
CSS
1 vote102 views1 answer
Css without underline
CSS