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

0 vote307 views1 answer
Linux remove latst 3 files
CSS
0 vote245 views1 answer
Ios safe area
CSS
0 vote251 views1 answer
Css elementos
CSS
3 votes242 views3 answers
Hide scroll bar when not needed
CSS
0 vote268 views1 answer
Add dots instead of line break in css
CSS
0 vote231 views2 answers
Css not clickable
CSS
1 vote247 views1 answer
Felx-wrap css
CSS
19 votes254 views6 answers
Css font family
CSS
0 vote278 views1 answer
Css nearest neighbor
CSS
2 votes254 views1 answer
Send mails from lampp form localhost
CSS