feat(router): Use new descendantsComplete binding event to delay afte…

…rRender until all descendants c

BREAKING CHANGE: Requires KnockoutJS 3.5.0-rc

packages/router/src/component.ts

@@ -22,6 +22,17 @@ ko.components.register('router', {
 ko.bindingHandlers.__router__ = {
   init(el, valueAccessor, allBindings, viewModel, bindingCtx) {
     const $router = bindingCtx.$rawData
+    const bindingEvent: any = ko.bindingEvent
+
+    bindingEvent.subscribe(el, 'descendantsComplete', () => {
+      if ($router.ctx.$parent) {
+        $router.ctx.$parent.router.initialized
+          .then(() => $router.init())
+          .catch(noop)
+      } else {
+        $router.init()
+      }
+    })
 
     ko.applyBindingsToNode(
       el,
@@ -35,14 +46,6 @@ ko.bindingHandlers.__router__ = {
       bindingCtx.extend({ $router })
     )
 
-    if ($router.isRoot) {
-      $router.init()
-    } else {
-      $router.ctx.$parent.router.initialized
-        .then(() => $router.init())
-        .catch(noop)
-    }
-
     return { controlsDescendantBindings: true }
   }
 }