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

2 votes179 views1 answer
Css limit line text
CSS
2 votes184 views2 answers
How we use backdrop-filter css property
CSS
0 vote194 views1 answer
Sass immediate child
CSS
0 vote185 views1 answer
Options for DNSSEC verification of other zones
CSS
0 vote220 views1 answer
Studio 3t restore snapshot
CSS
9 votes193 views2 answers
Css style for the first element only
CSS
0 vote195 views1 answer
Css html attribut
CSS
28 votes186 views5 answers
Font face html
CSS
1 vote197 views1 answer
Reset all input styles with 1 property css
CSS
0 vote179 views1 answer
How to disable increase descrease buttons of input type number in html
CSS