@alpinejs/docs 3.15.2 → 3.15.4
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
|
@@ -113,8 +113,9 @@ Here's an example of a button that changes behaviour when the `Shift` key is hel
|
|
|
113
113
|
|
|
114
114
|
```alpine
|
|
115
115
|
<button type="button"
|
|
116
|
+
x-data="{ message: 'select' }"
|
|
116
117
|
@click="message = 'selected'"
|
|
117
|
-
@click.shift="message = 'added to selection'"
|
|
118
|
+
@click.shift="message = 'added to selection'"
|
|
118
119
|
@mousemove.shift="message = 'add to selection'"
|
|
119
120
|
@mouseout="message = 'select'"
|
|
120
121
|
x-text="message"></button>
|
|
@@ -124,6 +125,7 @@ Here's an example of a button that changes behaviour when the `Shift` key is hel
|
|
|
124
125
|
<div class="demo">
|
|
125
126
|
<div x-data="{ message: '' }">
|
|
126
127
|
<button type="button"
|
|
128
|
+
x-data="{ message: 'select' }"
|
|
127
129
|
@click="message = 'selected'"
|
|
128
130
|
@click.shift="message = 'added to selection'"
|
|
129
131
|
@mousemove.shift="message = 'add to selection'"
|
|
@@ -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.15.
|
|
36
|
+
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.4/dist/cdn.min.js"></script>
|
|
37
37
|
```
|
|
38
38
|
|
|
39
39
|
That's it! Alpine is now available for use inside your page.
|