|
@@ -1,24 +1,18 @@
|
|
|
<html>
|
|
|
- <head>
|
|
|
- <title>Alpine.js Playground</title>
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <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/alpinejs/dist/cdn.js" defer></script>
|
|
|
+ <!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
|
|
|
|
|
|
- <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/alpinejs/dist/cdn.js" defer></script>
|
|
|
- <!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <!-- Play around. -->
|
|
|
- <div x-data="{ open: false }">
|
|
|
- <button @click="open = !open">Toggle</button>
|
|
|
-
|
|
|
- <span x-show="open">
|
|
|
- Content...
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </body>
|
|
|
-</html>
|
|
|
+ <!-- Play around. -->
|
|
|
+ <div x-data="{ open: false }">
|
|
|
+ <button @click="open = !open">Toggle</button>
|
|
|
+
|
|
|
+ <span x-show="open">
|
|
|
+ Content...
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+</html>
|