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 vote130 views1 answer
How to include css in handlebars
CSS
0 vote119 views2 answers
Systemd on wsl2
CSS
0 vote118 views1 answer
Git font
CSS
-2 votes249 views3 answers
Box sizing reset
CSS
0 vote133 views1 answer
Flex direction tailwind
CSS
2 votes168 views1 answer
Https request
CSS
3 votes132 views3 answers
Svg animation css
CSS
3 votes115 views1 answer
Css sass install
CSS
14 votes114 views3 answers
Css multiple classes same rule
CSS
45 votes139 views6 answers
How to write css in html
CSS