chore(): update some wording

readme.md

@@ -1,6 +1,6 @@
 # Ionic PWA Toolkit
 
-The Ionic PWA Toolkit is the recommended way to build production ready PWAs with Ionic. This toolkit gets you started with using [Stencil](https://stenciljs.com/), Ionic Core and Ionic PWA hosting. This combination of tools gives you the ability to build a fast, efficient PWA with 0 config needed and all the best practices built in out of the box.
+The Ionic PWA Toolkit is the recommended way to build production ready PWAs with Ionic. This toolkit gets you started with using [Stencil](https://stenciljs.com/), Ionic Core and Ionic PWA hosting. This combination of tools gives you the ability to build a fast, efficient PWA with zero config needed and all the best practices built in out of the box.
 
 ## What does this include
 

src/components.d.ts

@@ -8,9 +8,6 @@ import '@stencil/router';
 
 import '@ionic/core';
 
-import {
-  MatchResults,
-} from '@stencil/router';
 
 import {
   AppHome as AppHome
@@ -41,63 +38,3 @@ declare global {
   }
 }
 
-
-import {
-  AppProfile as AppProfile
-} from './components/app-profile/app-profile';
-
-declare global {
-  interface HTMLAppProfileElement extends AppProfile, HTMLElement {
-  }
-  var HTMLAppProfileElement: {
-    prototype: HTMLAppProfileElement;
-    new (): HTMLAppProfileElement;
-  };
-  interface HTMLElementTagNameMap {
-    "app-profile": HTMLAppProfileElement;
-  }
-  interface ElementTagNameMap {
-    "app-profile": HTMLAppProfileElement;
-  }
-  namespace JSX {
-    interface IntrinsicElements {
-      "app-profile": JSXElements.AppProfileAttributes;
-    }
-  }
-  namespace JSXElements {
-    export interface AppProfileAttributes extends HTMLAttributes {
-      match?: MatchResults;
-    }
-  }
-}
-
-
-import {
-  MyApp as MyApp
-} from './components/my-app/my-app';
-
-declare global {
-  interface HTMLMyAppElement extends MyApp, HTMLElement {
-  }
-  var HTMLMyAppElement: {
-    prototype: HTMLMyAppElement;
-    new (): HTMLMyAppElement;
-  };
-  interface HTMLElementTagNameMap {
-    "my-app": HTMLMyAppElement;
-  }
-  interface ElementTagNameMap {
-    "my-app": HTMLMyAppElement;
-  }
-  namespace JSX {
-    interface IntrinsicElements {
-      "my-app": JSXElements.MyAppAttributes;
-    }
-  }
-  namespace JSXElements {
-    export interface MyAppAttributes extends HTMLAttributes {
-
-    }
-  }
-}
-

src/components/app-home/app-home.tsx

@@ -19,8 +19,8 @@ export class AppHome {
         <ion-content>
           <p>
             Welcome to the Ionic PWA Toolkit.
-            You can use this starter to build entire apps all with
-            web components using Stencil and ionic/core!
+            You can use this starter to build entire PWAs all with
+            web components using Stencil and ionic/core! Check out the readme for everything that comes in this starter out of the box and
             Check out our docs on <a href='https://stenciljs.com'>stenciljs.com</a> to get started.
           </p>
 

src/components/my-app/my-app.tsx

@@ -38,13 +38,15 @@ export class MyApp {
   render() {
     return (
       <ion-app>
-        <stencil-router>
-          <stencil-route url='/' component='app-home' exact={true}>
-          </stencil-route>
+        <main>
+          <stencil-router>
+            <stencil-route url='/' component='app-home' exact={true}>
+            </stencil-route>
 
-          <stencil-route url='/profile/:name' component='app-profile'>
-          </stencil-route>
-        </stencil-router>
+            <stencil-route url='/profile/:name' component='app-profile'>
+            </stencil-route>
+          </stencil-router>
+        </main>
       </ion-app>
     );
   }