Caleb Porzio %!s(int64=2) %!d(string=hai) anos
pai
achega
65407a67ae
Modificáronse 3 ficheiros con 68 adicións e 6 borrados
  1. 66 5
      index.html
  2. 1 1
      packages/alpinejs/src/directives/x-on.js
  3. 1 0
      packages/alpinejs/src/lifecycle.js

+ 66 - 5
index.html

@@ -8,12 +8,73 @@
     <script src="./packages/history/dist/cdn.js"></script>
     <script src="./packages/alpinejs/dist/cdn.js" defer></script>
     <!-- <script src="//cdn.tailwindcss.com"></script> -->
-    <script src="//cdn.tailwindcss.com"></script>
+    <!-- <script src="//cdn.tailwindcss.com"></script> -->
+
+
+
+
+    <button wire:click.prefetch"...">
+        Do something
+    </button>
+
+
+
+
+
+
+
+
+
+
+<div x-data="{ count: $url(1) }">
+    <button @click="count++">+</button>
+    <button @click="count--">-</button>
+
+    <h1 x-text="count"></h1>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
 
-    <div x-data="{ count: $queryString(1) }">
-        <input type="text" x-model="count">
-        <span x-text="count"></span>
-    </div>
 
     <div x-data="{ users: [{ name: 'lebowski' }] }">
         <template x-for="(user, idx) in users">

+ 1 - 1
packages/alpinejs/src/directives/x-on.js

@@ -7,7 +7,7 @@ mapAttributes(startingWith('@', into(prefix('on:'))))
 
 directive('on', skipDuringClone((el, { value, modifiers, expression }, { cleanup }) => {
     let evaluate = expression ? evaluateLater(el, expression) : () => {}
-   
+
     // Forward event listeners on portals.
     if (el.tagName.toLowerCase() === 'template') {
         if (! el._x_forwardEvents) el._x_forwardEvents = []

+ 1 - 0
packages/alpinejs/src/lifecycle.js

@@ -3,6 +3,7 @@ import { deferHandlingDirectives, directives } from "./directives"
 import { dispatch } from './utils/dispatch'
 import { walk } from "./utils/walk"
 import { warn } from './utils/warn'
+import Alpine from "./alpine"
 
 export function start() {
     if (! document.body) warn('Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine\'s `<script>` tag?')