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

53 votes225 views6 answers
Background color in css
CSS
0 vote218 views1 answer
Carbon yesterday date
CSS
0 vote190 views1 answer
Install scss
CSS
1 vote206 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote238 views1 answer
Move element on new line css
CSS
0 vote207 views1 answer
Css div background image loading
CSS
0 vote234 views1 answer
Li move to left
CSS
4 votes202 views1 answer
How to stop an image repeating in css
CSS
0 vote212 views1 answer
Hex color code for tan
CSS
0 vote214 views1 answer
Htnl css
CSS