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 vote322 views1 answer
Nuxt css other site
CSS
0 vote351 views1 answer
Css background image follow scroll
CSS
0 vote364 views1 answer
Twig data uri
CSS
0 vote404 views1 answer
Import global variables scss angular
CSS
1 vote350 views1 answer
Input type date remove calendar icon
CSS
-1 vote414 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
3 votes350 views1 answer
Svg stroke color
CSS
0 vote301 views1 answer
Css hero image
CSS
0 vote359 views3 answers
Sass use variables from another file
CSS
0 vote357 views1 answer
Closing modal on iframe movies still running
CSS