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

21 votes224 views2 answers
Remove color and underline from link css
CSS
0 vote232 views1 answer
Switch css with text
CSS
0 vote237 views1 answer
Materialize css icons
CSS
0 vote213 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
3 votes223 views1 answer
Diable focus button css
CSS
1 vote257 views2 answers
Woocommerce shopping cart icon size
CSS
8 votes235 views2 answers
Clearfix css
CSS
55 votes230 views5 answers
Bootstrap 3 button
CSS
0 vote240 views1 answer
Ionic slidesperview not working
CSS
2 votes225 views1 answer
Free css templates
CSS