@alpinejs/docs 3.9.0-revision.1 → 3.9.2-revision.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alpinejs/docs",
-    "version": "3.9.0-revision.1",
+    "version": "3.9.2-revision.1",
     "description": "The documentation for Alpine",
     "author": "Caleb Porzio",
     "license": "MIT"

package/src/en/directives/modelable.md

@@ -5,26 +5,24 @@ title: modelable
 
 # x-modelable
 
-`x-modelable` allows you to expose any value by name as the target of the `x-model` directive.
-
-Typically this feature would be used in conjunction with a backend templating framework like Laravel Blade. It's useful for abstracting away Alpine components into backend templates and exposing state to the outside through `x-model` as if it were a native input.
+`x-modelable` allows you to expose any Alpine property as the target of the `x-model` directive.
 
 Here's a simple example of using `x-modelable` to expose a variable for binding with `x-model`.
 
 ```alpine
 <div x-data="{ number: 5 }">
-    <div x-data="{ count: 0 }" x-modelable="count" x-model="numberOfItems">
+    <div x-data="{ count: 0 }" x-modelable="count" x-model="number">
         <button @click="count++">Increment</button>
     </div>
 
-    Some Number: <span x-text="number"></span>
+    Number: <span x-text="number"></span>
 </div>
 ```
 
 <!-- START_VERBATIM -->
 <div class="demo">
     <div x-data="{ number: 5 }">
-        <div x-data="{ count: 0 }" x-modelable="count" x-model="numberOfItems">
+        <div x-data="{ count: 0 }" x-modelable="count" x-model="number">
             <button @click="count++">Increment</button>
         </div>
 
@@ -35,3 +33,4 @@ Here's a simple example of using `x-modelable` to expose a variable for binding
 
 As you can see the outer scope property "number" is now bound to the inner scope property "count".
 
+Typically this feature would be used in conjunction with a backend templating framework like Laravel Blade. It's useful for abstracting away Alpine components into backend templates and exposing state to the outside through `x-model` as if it were a native input.

package/src/en/directives/teleport.md

@@ -56,7 +56,7 @@ Here's a contrived modal example:
 
     </div>
 
-    <div class="py-4">Some other content...</div>
+    <div class="py-4">Some other content placed AFTER the modal markup.</div>
 </div>
 <!-- END_VERBATIM -->
 

package/src/en/essentials/installation.md

@@ -33,7 +33,7 @@ This is by far the simplest way to get started with Alpine. Include the followin
 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.
 
 ```alpine
-<script defer src="https://unpkg.com/alpinejs@3.9.0/dist/cdn.min.js"></script>
+<script defer src="https://unpkg.com/alpinejs@3.9.2/dist/cdn.min.js"></script>
 ```
 
 That's it! Alpine is now available for use inside your page.