  <ion-app>
      <ion-nav root="page-one"></ion-nav>
    </ion-app>

    <script>
      class PageOne extends HTMLElement {
        connectedCallback() {
          this.innerHTML = `
        <ion-header>
          <ion-toolbar>
            <ion-title>Page One</ion-title>
          </ion-toolbar>
        </ion-header>
        <ion-content class="ion-padding">
          <h1>Page One</h1>
          <ion-nav-link router-direction="forward" component="page-two">
            <ion-button>Go to Page Two</ion-butto