
    <head>
   
    @vite(['../../../resources/css/app.css', 'resources/js/app.js'])
</head>
    <h1 class=" flex justify-center text-yellow-200 bg-amber-950 text-2xl">Alpine JS Tutorials</h1>

    <div x-data="{ open: true }">
    <div x-data="{ label: 'Content:' }">
        <span x-text="label">testing 123</span>
        <span x-show="open">Roger Pine</span>
    </div>
</div>
<section class="bg-orange-300 w-64 h-96">
    <h2>hello world</h2>
<button x-data="{ label: 'Click Here' }" x-text="label"></button>

<br>
<button  class=" bg-black text-white rounded-full w-32" x-data @click="alert('I\'ve been clicked!')">Click Me</button>

</section>