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

7 votes294 views1 answer
Dashed css
CSS
0 vote307 views1 answer
Unable to select text in website css cursor type
CSS
27 votes308 views4 answers
How to import fonts css
CSS
2 votes305 views1 answer
Remove accordion space materuail ui css
CSS
0 vote329 views1 answer
Divi submenu collapse by default
CSS
0 vote324 views2 answers
Remove unused css styles
CSS
0 vote355 views5 answers
Css math functions simplifier
CSS
0 vote328 views1 answer
Hide yunohost button on apps
CSS
0 vote329 views1 answer
Input type (submit, button, reset) css
CSS
5 votes321 views3 answers
Css window height
CSS