From 63d96f38905cc86d95eafff4b888dfaf6f8ad71a Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Thu, 6 Jul 2023 12:37:27 -0400
Subject: [PATCH] chore: lint content (#3020)

---
 docs/vue/lifecycle.md                              |  8 ++++----
 static/usage/v7/input/label-slot/index.md          |  6 +-----
 static/usage/v7/input/label-slot/react.md          |  4 +++-
 static/usage/v7/input/no-visible-label/index.md    |  6 +-----
 static/usage/v7/list/inset/index.md                |  6 +++---
 static/usage/v7/range/basic/index.md               |  2 +-
 static/usage/v7/range/label-slot/angular.md        |  4 +---
 static/usage/v7/range/label-slot/demo.html         |  4 +---
 static/usage/v7/range/label-slot/javascript.md     |  4 +---
 static/usage/v7/range/label-slot/vue.md            |  4 +---
 static/usage/v7/range/labels/demo.html             |  8 ++++----
 static/usage/v7/select/label-slot/react.md         |  4 +++-
 static/usage/v7/select/label-slot/vue.md           | 12 ++++++------
 static/usage/v7/select/no-visible-label/vue.md     | 10 +++++-----
 static/usage/v7/textarea/label-slot/index.md       |  6 +-----
 static/usage/v7/textarea/label-slot/react.md       |  4 +++-
 static/usage/v7/textarea/no-visible-label/index.md |  6 +-----
 17 files changed, 40 insertions(+), 58 deletions(-)

diff --git a/docs/vue/lifecycle.md b/docs/vue/lifecycle.md
index 1c144b53d61..fe0e8ad01aa 100644
--- 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
index 24328d5cd70..5161508076b 100644
--- 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
index d4bc7902935..144a7e80e97 100644
--- 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
index de0fe522748..715c46e475f 100644
--- 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
index c77760038a7..db7339d24eb 100644
--- 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
index 7da08dbd165..49aed4c5b42 100644
--- 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" />
\ No newline at end of file
+<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
index 83ae393896e..a1942046521 100644
--- 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
index 8364ee4e28c..1a39163e66f 100644
--- 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
index 83ae393896e..a1942046521 100644
--- 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
index 56765cdd14d..b67e731d684 100644
--- 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
index b44cc98584e..7357f88d861 100644
--- 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
index 30dd46d7532..a903897a65b 100644
--- 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
index 4bdeb67e1d0..8c8a8dd8be5 100644
--- 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
index 1d3753d58f8..038d7d32130 100644
--- 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
index 8af442e5bce..a9f9136612b 100644
--- 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
index 648c0aafb04..4c58fdf2a7b 100644
--- 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
index ca0024ae17c..411fc52d502 100644
--- 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" />