Home Verkennen Help
Registreren Inloggen
oleg
/
alpine
spiegel van https://github.com/alpinejs/alpine.git
1
0
Vork 0
Bestanden Issues 0 Wiki
Bladeren bron

Cleanup more 2-space indents to 4-space (#3432)

James Chen-Smith 2 jaren geleden
bovenliggende
f100e74778
commit
2e33fd7465
5 gewijzigde bestanden met toevoegingen van 16 en 16 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 5 5
      packages/docs/src/en/directives/bind.md
  2. 3 3
      packages/docs/src/en/directives/data.md
  3. 2 2
      packages/docs/src/en/directives/on.md
  4. 5 5
      packages/docs/src/en/essentials/installation.md
  5. 1 1
      packages/docs/src/en/plugins/mask.md

+ 5 - 5
packages/docs/src/en/directives/bind.md
Bestand weergeven 

@@ -11,7 +11,7 @@ For example, here's a component where we will use `x-bind` to set the placeholde
 
 
 ```alpine
 
 <div x-data="{ placeholder: 'Type here...' }">
 
-  <input type="text" x-bind:placeholder="placeholder">
 
+    <input type="text" x-bind:placeholder="placeholder">
 
 </div>
 
 ```
 
 
@@ -33,11 +33,11 @@ Here's a simple example of a simple dropdown toggle, but instead of using `x-sho
 
 
 ```alpine
 
 <div x-data="{ open: false }">
 
-  <button x-on:click="open = ! open">Toggle Dropdown</button>
 
+    <button x-on:click="open = ! open">Toggle Dropdown</button>
 
 
-  <div :class="open ? '' : 'hidden'">
 
-    Dropdown Contents...
 
-  </div>
 
+    <div :class="open ? '' : 'hidden'">
 
+        Dropdown Contents...
 
+    </div>
 
 </div>
 
 ```

+ 3 - 3
packages/docs/src/en/directives/data.md
Bestand weergeven 

@@ -86,9 +86,9 @@ Let's refactor our component to use a getter called `isOpen` instead of accessin
 
 
 ```alpine
 
 <div x-data="{
 
-  open: false,
 
-  get isOpen() { return this.open },
 
-  toggle() { this.open = ! this.open },
 
+    open: false,
 
+    get isOpen() { return this.open },
 
+    toggle() { this.open = ! this.open },
 
 }">
 
     <button @click="toggle()">Toggle Content</button>

+ 2 - 2
packages/docs/src/en/directives/on.md
Bestand weergeven 

@@ -100,7 +100,7 @@ Here's an example of a component that dispatches a custom DOM event and listens
 
 
 ```alpine
 
 <div x-data @foo="alert('Button Was Clicked!')">
 
-	<button @click="$event.target.dispatchEvent(new CustomEvent('foo', { bubbles: true }))">...</button>
 
+    <button @click="$event.target.dispatchEvent(new CustomEvent('foo', { bubbles: true }))">...</button>
 
 </div>
 
 ```
 
 
@@ -112,7 +112,7 @@ Here's the same component re-written with the `$dispatch` magic property.
 
 
 ```alpine
 
 <div x-data @foo="alert('Button Was Clicked!')">
 
-  <button @click="$dispatch('foo')">...</button>
 
+    <button @click="$dispatch('foo')">...</button>
 
 </div>
 
 ```

+ 5 - 5
packages/docs/src/en/essentials/installation.md
Bestand weergeven 

@@ -19,12 +19,12 @@ This is by far the simplest way to get started with Alpine. Include the followin
 
 
 ```alpine
 
 <html>
 
-  <head>
 
-    ...
 
+    <head>
 
+        ...
 
 
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 
-  </head>
 
-  ...
 
+        <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 
+    </head>
 
+    ...
 
 </html>
 
 ```

+ 1 - 1
packages/docs/src/en/plugins/mask.md
Bestand weergeven 

@@ -58,7 +58,7 @@ Alpine.plugin(mask)
 
 <button :aria-expanded="expanded" @click="expanded = ! expanded" class="text-cyan-600 font-medium underline">
 
     <span x-text="expanded ? 'Hide' : 'Show more'">Show</span> <span x-text="expanded ? '↑' : '↓'">↓</span>
 
 </button>
 
- </div>
 
+</div>
 
 
 <a name="x-mask"></a>