perf(router): prevent initializaing page twice

Author: manucorporat

core/src/components/route-redirect/route-redirect.tsx

@@ -1,4 +1,4 @@
-import { Component, Event, EventEmitter, Prop } from '@stencil/core';
+import { Component, Event, EventEmitter, Prop, Watch } from '@stencil/core';
 
 @Component({
   tag: 'ion-route-redirect'
@@ -39,13 +39,16 @@ export class RouteRedirect {
    */
   @Event() ionRouteRedirectChanged!: EventEmitter;
 
-  componentDidLoad() {
+  @Watch('from')
+  @Watch('to')
+  propDidChange() {
     this.ionRouteRedirectChanged.emit();
   }
-  componentDidUnload() {
+
+  componentDidLoad() {
     this.ionRouteRedirectChanged.emit();
   }
-  componentDidUpdate() {
+  componentDidUnload() {
     this.ionRouteRedirectChanged.emit();
   }
 }

core/src/components/router/router.tsx

@@ -66,10 +66,11 @@ export class Router {
     console.debug('[ion-router] found nav');
 
     await this.onRoutesChanged();
+  }
 
+  componentDidLoad() {
     this.win.addEventListener('ionRouteRedirectChanged', debounce(this.onRedirectChanged.bind(this), 10));
     this.win.addEventListener('ionRouteDataChanged', debounce(this.onRoutesChanged.bind(this), 100));
-    this.onRedirectChanged();
   }
 
   @Listen('window:popstate')