@alpinejs/docs 3.12.2-revision.1 → 3.13.0-revision.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/en/directives/on.md
CHANGED
|
@@ -303,7 +303,7 @@ If you are listening for touch events, it's important to add `.passive` to your
|
|
|
303
303
|
|
|
304
304
|
Add this modifier if you want to execute this listener in the event's capturing phase, e.g. before the event bubbles from the target element up the DOM.
|
|
305
305
|
|
|
306
|
-
```
|
|
306
|
+
```alpine
|
|
307
307
|
<div @click.capture="console.log('I will log first')">
|
|
308
308
|
<button @click="console.log('I will log second')"></button>
|
|
309
309
|
</div>
|
|
@@ -33,7 +33,7 @@ This is by far the simplest way to get started with Alpine. Include the followin
|
|
|
33
33
|
Notice the `@3.x.x` in the provided CDN link. This will pull the latest version of Alpine version 3. For stability in production, it's recommended that you hardcode the latest version in the CDN link.
|
|
34
34
|
|
|
35
35
|
```alpine
|
|
36
|
-
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.
|
|
36
|
+
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.0/dist/cdn.min.js"></script>
|
|
37
37
|
```
|
|
38
38
|
|
|
39
39
|
That's it! Alpine is now available for use inside your page.
|
package/src/en/magics/watch.md
CHANGED
|
@@ -39,7 +39,7 @@ When the `<button>` is pressed, `foo.bar` will be set to "bob", and "bob" will b
|
|
|
39
39
|
<a name="deep-watching"></a>
|
|
40
40
|
### Deep watching
|
|
41
41
|
|
|
42
|
-
`$watch`
|
|
42
|
+
`$watch` automatically watches from changes at any level but you should keep in mind that, when a change is detected, the watcher will return the value of the observed property, not the value of the subproperty that has changed.
|
|
43
43
|
|
|
44
44
|
```alpine
|
|
45
45
|
<div x-data="{ foo: { bar: 'baz' }}" x-init="$watch('foo', (value, oldValue) => console.log(value, oldValue))">
|