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>
     );
   }

core/src/components/infinite-scroll-content/readme.md

@@ -3,17 +3,6 @@
 InfiniteScrollContent is a component that adds the content to InfiniteScroll.
 You can loading icon or loading text with the component's properties.
 
-```html
-<ion-content>
-  <ion-infinite-scroll>
-    <ion-infinite-scroll-content
-      loadingSpinner="bubbles"
-      loadingText="Loading more data...">
-    </ion-infinite-scroll-content>
-  </ion-infinite-scroll>
-</ion-content>
-```
-
 <!-- Auto Generated Below -->
 
 

core/src/components/infinite-scroll-content/usage/javascript.md

@@ -0,0 +1,10 @@
+```html
+<ion-content>
+  <ion-infinite-scroll>
+    <ion-infinite-scroll-content
+      loadingSpinner="bubbles"
+      loadingText="Loading more data…">
+    </ion-infinite-scroll-content>
+  </ion-infinite-scroll>
+</ion-content>
+```