1
0
Эх сурвалжийг харах

completed playground sample

Muzaffer Dede 4 жил өмнө
parent
commit
a1211cd001
2 өөрчлөгдсөн 30 нэмэгдсэн , 14 устгасан
  1. 21 8
      index.html
  2. 9 6
      package-lock.json

+ 21 - 8
index.html

@@ -1,11 +1,24 @@
 <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/alpinejs/dist/cdn.js" defer></script>
-    <!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
+    <head>
+        <title>Alpine.js Playground</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <!-- Play around. -->
+        <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>

+ 9 - 6
package-lock.json

@@ -7,10 +7,6 @@
             "workspaces": [
                 "packages/*"
             ],
-            "dependencies": {
-                "@vue/reactivity": "^3.0.2",
-                "wicg-inert": "^3.1.1"
-            },
             "devDependencies": {
                 "axios": "^0.21.1",
                 "brotli-size": "^4.0.0",
@@ -7790,13 +7786,14 @@
             }
         },
         "packages/alpinejs": {
-            "version": "3.0.6",
+            "version": "3.0.9",
             "license": "MIT",
             "dependencies": {
                 "@vue/reactivity": "^3.0.2"
             }
         },
         "packages/csp": {
+            "name": "@alpinejs/csp",
             "version": "3.0.0-alpha.0",
             "license": "MIT",
             "dependencies": {
@@ -7804,10 +7801,12 @@
             }
         },
         "packages/docs": {
-            "version": "3.0.6-revision.2",
+            "name": "@alpinejs/docs",
+            "version": "3.0.9-revision.1",
             "license": "MIT"
         },
         "packages/history": {
+            "name": "@alpinejs/history",
             "version": "3.0.0-alpha.0",
             "license": "MIT",
             "dependencies": {
@@ -7815,10 +7814,12 @@
             }
         },
         "packages/intersect": {
+            "name": "@alpinejs/intersect",
             "version": "3.0.0-alpha.0",
             "license": "MIT"
         },
         "packages/morph": {
+            "name": "@alpinejs/morph",
             "version": "3.0.0-alpha.0",
             "license": "MIT",
             "dependencies": {
@@ -7826,10 +7827,12 @@
             }
         },
         "packages/persist": {
+            "name": "@alpinejs/persist",
             "version": "3.0.0-alpha.0",
             "license": "MIT"
         },
         "packages/trap": {
+            "name": "@alpinejs/trap",
             "version": "3.0.0-alpha.0",
             "license": "MIT",
             "dependencies": {