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

4 votes182 views3 answers
How to change background color in ElevateButton flutter
CSS
0 vote204 views1 answer
Importing scss into vue component
CSS
1 vote160 views3 answers
Font-style
CSS
0 vote271 views7 answers
Convert css box shadow to react native
CSS
0 vote179 views1 answer
Css ovel
CSS
0 vote169 views1 answer
Jquery change css variiable value
CSS
0 vote179 views1 answer
Scss font color
CSS
-1 vote191 views3 answers
Scss
CSS
2 votes244 views1 answer
Input type file placeholder
CSS
5 votes187 views2 answers
How to make page responsive using css
CSS