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 vote138 views1 answer
Css selector list
CSS
13 votes135 views1 answer
Baclgroud image css
CSS
5 votes142 views1 answer
How to hange the color of your cursor in css
CSS
29 votes144 views6 answers
Css animation
CSS
1 vote344 views1 answer
Padding for text in html
CSS
17 votes107 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
0 vote129 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote114 views3 answers
Bootstrap grid only css npm install
CSS
0 vote109 views2 answers
Vertically and horizontally center a fixed div
CSS
0 vote157 views1 answer
Nuxt page transition
CSS