Upgrade to Ionic 5 and Angular 9 Ivy

src/app/app.component.html

@@ -1,12 +1,13 @@
 <ion-app class="dark">
-  <ion-split-pane when="sm">
-    <ion-menu class="sidebar">
+  <ion-split-pane contentId="main-content">
+    <ion-menu class="sidebar" contentId="main-content" content="content" type="push" side="start">
       <ion-header>
         <ion-toolbar color="primary">
-          <ion-title>Noded</ion-title>
+          <ion-title>Noded
+            <ion-menu-toggle menu="first" autoHide="false"></ion-menu-toggle>
+          </ion-title>
         </ion-toolbar>
       </ion-header>
-
       <ion-content>
         <ion-list>
           <ion-list-header>
@@ -34,18 +35,13 @@
       </ion-content>
       <ion-footer>
         <ion-searchbar placeholder="Filter pages..." (ionChange)="onFilterChange($event)"></ion-searchbar>
-        <ion-item button slot="end" lines="full" (click)="showOptions($event)">
+        <ion-item button lines="full" (click)="showOptions($event)">
           <ion-icon name="list" slot="start"></ion-icon>
           <ion-label>Menu</ion-label>
         </ion-item>
       </ion-footer>
     </ion-menu>
 
-    <div class="ion-page" main>
-      <ion-header> </ion-header>
-      <ion-content class="ion-padding">
-        <ion-router-outlet id="main-content"></ion-router-outlet>
-      </ion-content>
-    </div>
+    <ion-router-outlet id="main-content" #content main></ion-router-outlet>
   </ion-split-pane>
 </ion-app>