docs(): update usage and examples

core/src/components/infinite-scroll-content/infinite-scroll-content.tsx

@@ -1,7 +1,6 @@
 import { Component, Prop } from '@stencil/core';
 import { Config } from '../../interface';
 
-
 @Component({
   tag: 'ion-infinite-scroll-content',
   styleUrls: {
@@ -14,36 +13,40 @@ import { Config } from '../../interface';
 })
 export class InfiniteScrollContent {
 
-  @Prop({ context: 'config' }) config!: Config;
+  @Prop({ context: 'config' })
+  config!: Config;
 
   /**
    * An animated SVG spinner that shows while loading.
    */
-  @Prop({ mutable: true }) loadingSpinner?: string;
+  @Prop({ mutable: true })
+  loadingSpinner?: string;
 
   /**
    * Optional text to display while loading.
    */
   @Prop() loadingText?: string;
 
-
   componentDidLoad() {
     if (!this.loadingSpinner) {
-      this.loadingSpinner = this.config.get('infiniteLoadingSpinner', this.config.get('spinner', 'lines'));
+      this.loadingSpinner = this.config.get(
+        'infiniteLoadingSpinner',
+        this.config.get('spinner', 'lines')
+      );
     }
   }
 
   render() {
     return (
       <div class="infinite-loading">
-        {this.loadingSpinner &&
+        {this.loadingSpinner && (
           <div class="infinite-loading-spinner">
-            <ion-spinner name={this.loadingSpinner}></ion-spinner>
+            <ion-spinner name={this.loadingSpinner} />
           </div>
-        }
-        {this.loadingText &&
-          <div class="infinite-loading-text" innerHTML={this.loadingText}></div>
-        }
+        )}
+        {this.loadingText && (
+          <div class="infinite-loading-text" innerHTML={this.loadingText} />
+        )}
       </div>
     );
   }