chore: lint content (#3020)

liamdebeasi · web-flow · commit 63d96f38905c · 2023-07-06T12:37:27.000-04:00
diff --git a/docs/vue/lifecycle.md b/docs/vue/lifecycle.md
@@ -10,12 +10,12 @@ This guide discusses how to use the Ionic Framework Lifecycle events in an Ionic
 
 Ionic Framework provides a few lifecycle methods that you can use in your apps:
 
-| Event Name | Description |
+| Event Name         | Description                                                        |
 | ------------------ | ------------------------------------------------------------------ |
 | `ionViewWillEnter` | Fired when the component routing to is about to animate into view. |
-| `ionViewDidEnter` | Fired when the component routing to has _finished_ animating. |
-| `ionViewWillLeave` | Fired when the component routing _from_ is about to animate. |
-| `ionViewDidLeave` | Fired when the component routing _from_ has _finished_ animating. |
+| `ionViewDidEnter`  | Fired when the component routing to has _finished_ animating.      |
+| `ionViewWillLeave` | Fired when the component routing _from_ is about to animate.       |
+| `ionViewDidLeave`  | Fired when the component routing _from_ has _finished_ animating.  |
 
 These lifecycles are only called on components directly mapped by a router. This means if `/pageOne` maps to `PageOneComponent`, then Ionic lifecycles will be called on `PageOneComponent` but will not be called on any child components that `PageOneComponent` may render.
 
diff --git a/static/usage/v7/input/label-slot/index.md b/static/usage/v7/input/label-slot/index.md
@@ -5,8 +5,4 @@ import react from './react.md';
 import vue from './vue.md';
 import angular from './angular.md';
 
-<Playground
-  version="7"
-  code={{ javascript, react, vue, angular }}
-  src="usage/v7/input/label-slot/demo.html"
-/>
+<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/input/label-slot/demo.html" />
diff --git a/static/usage/v7/input/label-slot/react.md b/static/usage/v7/input/label-slot/react.md
@@ -7,7 +7,9 @@ function Example() {
     <IonList>
       <IonItem>
         <IonInput labelPlacement="floating" value="hi@ionic.io">
-          <div slot="label">Email <IonText color="danger">(Required)</IonText></div>
+          <div slot="label">
+            Email <IonText color="danger">(Required)</IonText>
+          </div>
         </IonInput>
       </IonItem>
     </IonList>
diff --git a/static/usage/v7/input/no-visible-label/index.md b/static/usage/v7/input/no-visible-label/index.md
@@ -5,8 +5,4 @@ import react from './react.md';
 import vue from './vue.md';
 import angular from './angular.md';
 
-<Playground
-  version="7"
-  code={{ javascript, react, vue, angular }}
-  src="usage/v7/input/no-visible-label/demo.html"
-/>
+<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/input/no-visible-label/demo.html" />
diff --git a/static/usage/v7/list/inset/index.md b/static/usage/v7/list/inset/index.md
@@ -6,9 +6,9 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7" 
-  code={{ javascript, react, vue, angular }} 
-  src="usage/v7/list/inset/demo.html" 
+  version="7"
+  code={{ javascript, react, vue, angular }}
+  src="usage/v7/list/inset/demo.html"
   size="350px"
   includeIonContent={false}
 />
diff --git a/static/usage/v7/range/basic/index.md b/static/usage/v7/range/basic/index.md
@@ -7,4 +7,4 @@ import react from './react.md';
 import vue from './vue.md';
 import angular from './angular.md';
 
-<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/range/basic/demo.html" />
+<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/range/basic/demo.html" />
diff --git a/static/usage/v7/range/label-slot/angular.md b/static/usage/v7/range/label-slot/angular.md
@@ -1,7 +1,5 @@
 ```html
 <ion-range>
-  <div slot="label">
-    Label with <ion-text color="primary">custom HTML</ion-text>
-  </div>
+  <div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
 </ion-range>
 ```
diff --git a/static/usage/v7/range/label-slot/demo.html b/static/usage/v7/range/label-slot/demo.html
@@ -20,9 +20,7 @@
       <ion-content>
         <div class="container">
           <ion-range>
-            <div slot="label">
-              Label with <ion-text color="primary">custom HTML</ion-text>
-            </div>
+            <div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
           </ion-range>
         </div>
       </ion-content>
diff --git a/static/usage/v7/range/label-slot/javascript.md b/static/usage/v7/range/label-slot/javascript.md
@@ -1,7 +1,5 @@
 ```html
 <ion-range>
-  <div slot="label">
-    Label with <ion-text color="primary">custom HTML</ion-text>
-  </div>
+  <div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
 </ion-range>
 ```
diff --git a/static/usage/v7/range/label-slot/vue.md b/static/usage/v7/range/label-slot/vue.md
@@ -1,9 +1,7 @@
 ```html
 <template>
   <ion-range>
-    <div slot="label">
-      Label with <ion-text color="primary">custom HTML</ion-text>
-    </div>
+    <div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
   </ion-range>
 </template>
 
diff --git a/static/usage/v7/range/labels/demo.html b/static/usage/v7/range/labels/demo.html
@@ -21,13 +21,13 @@
         <div class="container">
           <div class="wrapper">
             <ion-range label-placement="start" label="Label at the Start"></ion-range>
-            
+
             <br />
-            
+
             <ion-range label-placement="end" label="Label at the End"></ion-range>
-            
+
             <br />
-            
+
             <ion-range label-placement="fixed" label="Fixed Width Label"></ion-range>
           </div>
         </div>
diff --git a/static/usage/v7/select/label-slot/react.md b/static/usage/v7/select/label-slot/react.md
@@ -7,7 +7,9 @@ function Example() {
     <IonList>
       <IonItem>
         <IonSelect placeholder="Select a Fruit">
-          <div slot="label">Favorite Fruit <IonText color="danger">(Required)</IonText></div>
+          <div slot="label">
+            Favorite Fruit <IonText color="danger">(Required)</IonText>
+          </div>
           <IonSelectOption value="apple">Apple</IonSelectOption>
           <IonSelectOption value="banana">Banana</IonSelectOption>
           <IonSelectOption value="orange">Orange</IonSelectOption>
diff --git a/static/usage/v7/select/label-slot/vue.md b/static/usage/v7/select/label-slot/vue.md
@@ -2,12 +2,12 @@
 <template>
   <ion-list>
     <ion-item>
-     <ion-select placeholder="Select a Fruit">
-       <div slot="label">Favorite Fruit <ion-text color="danger">(Required)</ion-text></div>
-       <ion-select-option value="apple">Apple</ion-select-option>
-       <ion-select-option value="banana">Banana</ion-select-option>
-       <ion-select-option value="orange">Orange</ion-select-option>
-     </ion-select>
+      <ion-select placeholder="Select a Fruit">
+        <div slot="label">Favorite Fruit <ion-text color="danger">(Required)</ion-text></div>
+        <ion-select-option value="apple">Apple</ion-select-option>
+        <ion-select-option value="banana">Banana</ion-select-option>
+        <ion-select-option value="orange">Orange</ion-select-option>
+      </ion-select>
     </ion-item>
   </ion-list>
 </template>
diff --git a/static/usage/v7/select/no-visible-label/vue.md b/static/usage/v7/select/no-visible-label/vue.md
@@ -2,11 +2,11 @@
 <template>
   <ion-list>
     <ion-item>
-     <ion-select aria-label="Favorite Fruit" value="apple">
-       <ion-select-option value="apple">Apple</ion-select-option>
-       <ion-select-option value="banana">Banana</ion-select-option>
-       <ion-select-option value="orange">Orange</ion-select-option>
-     </ion-select>
+      <ion-select aria-label="Favorite Fruit" value="apple">
+        <ion-select-option value="apple">Apple</ion-select-option>
+        <ion-select-option value="banana">Banana</ion-select-option>
+        <ion-select-option value="orange">Orange</ion-select-option>
+      </ion-select>
     </ion-item>
   </ion-list>
 </template>
diff --git a/static/usage/v7/textarea/label-slot/index.md b/static/usage/v7/textarea/label-slot/index.md
@@ -5,8 +5,4 @@ import react from './react.md';
 import vue from './vue.md';
 import angular from './angular.md';
 
-<Playground
-  version="7"
-  code={{ javascript, react, vue, angular }}
-  src="usage/v7/textarea/label-slot/demo.html"
-/>
+<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/textarea/label-slot/demo.html" />
diff --git a/static/usage/v7/textarea/label-slot/react.md b/static/usage/v7/textarea/label-slot/react.md
@@ -7,7 +7,9 @@ function Example() {
     <IonList>
       <IonItem>
         <IonTextarea labelPlacement="floating" value="Lorem Ipsum">
-          <div slot="label">Comments <IonText color="danger">(Required)</IonText></div>
+          <div slot="label">
+            Comments <IonText color="danger">(Required)</IonText>
+          </div>
         </IonTextarea>
       </IonItem>
     </IonList>
diff --git a/static/usage/v7/textarea/no-visible-label/index.md b/static/usage/v7/textarea/no-visible-label/index.md
@@ -5,8 +5,4 @@ import react from './react.md';
 import vue from './vue.md';
 import angular from './angular.md';
 
-<Playground
-  version="7"
-  code={{ javascript, react, vue, angular }}
-  src="usage/v7/textarea/no-visible-label/demo.html"
-/>
+<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/textarea/no-visible-label/demo.html" />
