@alpinejs/docs 3.13.1-revision.1 → 3.13.2-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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/en/advanced/csp.md +10 -3
  3. package/src/en/essentials/installation.md +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpinejs/docs",
3
- "version": "3.13.1-revision.1",
3
+ "version": "3.13.2-revision.1",
4
4
  "description": "The documentation for Alpine",
5
5
  "author": "Caleb Porzio",
6
6
  "license": "MIT"
package/src/en/advanced/csp.md CHANGED
@@ -14,14 +14,21 @@ In order to accommodate environments where this CSP is necessary, Alpine will of
14
14
  <a name="installation"></a>
15
15
  ## Installation
16
16
 
17
- The CSP build hasn’t been officially released yet. In the meantime, you may [build it from source](https://github.com/alpinejs/alpine/tree/main/packages/csp). Once released, like all Alpine extensions, you will be able to include this either via `<script>` tag or module import:
17
+ The CSP build hasn’t been officially released yet. In the meantime, you may build it from source. To do this, clone the [`alpinejs/alpine`](https://github.com/alpinejs/alpine) repository and run:
18
+
19
+ ```shell
20
+ npm install
21
+ npm run build
22
+ ```
23
+
24
+ This will generate a `/packages/csp/dist/` directory with the built files. After copying the appropriate file into your project, you can include it either via `<script>` tag or module import:
18
25
 
19
26
  <a name="script-tag"></a>
20
27
  ### Script tag
21
28
 
22
29
  ```alpine
23
30
  <html>
24
- <script src="alpinejs/alpinejs-csp/cdn.js" defer></script>
31
+ <script src="/path/to/cdn.js" defer></script>
25
32
  </html>
26
33
  ```
27
34
 
@@ -29,7 +36,7 @@ The CSP build hasn’t been officially released yet. In the meantime, you may [b
29
36
  ### Module import
30
37
 
31
38
  ```js
32
- import Alpine from '@alpinejs/csp'
39
+ import Alpine from './path/to/module.esm.js'
33
40
 
34
41
  window.Alpine = Alpine
35
42
  window.Alpine.start()
package/src/en/essentials/installation.md CHANGED
@@ -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.13.1/dist/cdn.min.js"></script>
36
+ <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.2/dist/cdn.min.js"></script>
37
37
  ```
38
38
 
39
39
  That's it! Alpine is now available for use inside your page.