oleg
/
alpine
mirror da https://github.com/alpinejs/alpine.git


			
				
					
						
						
							123456789101112131415161718192021222324252627
							<html>
    <script src="./packages/intersect/dist/cdn.js" defer></script>
    <script src="./packages/morph/dist/cdn.js" defer></script>
    <script src="./packages/history/dist/cdn.js"></script>
    <script src="./packages/persist/dist/cdn.js"></script>
    <script src="./packages/trap/dist/cdn.js"></script>
    <script src="./packages/collapse/dist/cdn.js"></script>
    <script src="./packages/alpinejs/dist/cdn.js" defer></script>
    <!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->

    <!-- Play around. -->
    <div x-data>
        <button @click="$store.open.on = !$store.open.on">Toggle</button>

        <div x-show="$store.open.on">
            Content...
        </div>
    </div>

    <script>
        document.addEventListener('alpine:init', () => {
            Alpine.store('open', {
                on: Alpine.$persist(false),
            })
        })
    </script>
</html>