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 vote352 views1 answer
Avatar change design html css
CSS
0 vote334 views1 answer
Css unlock scroll
CSS
0 vote355 views2 answers
Wp redirect to https htaccess
CSS
2 votes339 views2 answers
Css text shadow -m
CSS
0 vote355 views1 answer
Css List in line
CSS
0 vote349 views1 answer
Mediaquery for portrate
CSS
0 vote338 views1 answer
Is there a min-left css attribute
CSS
0 vote319 views1 answer
Faunadb q.do
CSS
0 vote325 views1 answer
Carbon today date with 12 00 am
CSS
1 vote353 views1 answer
Padding up down left right
CSS