[IMP] component: support dynamic t-component

src/router/RouteComponent.ts

@@ -3,25 +3,16 @@ import { xml } from "../tags";
 
 export class RouteComponent extends Component<any, {}, {}> {
   static template = xml`
-    <t t-foreach="routes" t-as="route">
-        <t t-if="env.router.currentRouteName === route.name">
-            <t t-component="{{route.component}}" t-props="env.router.currentParams"/>
-        </t>
+    <t>
+        <t
+            t-if="routeComponent"
+            t-component="routeComponent"
+            t-key="env.router.currentRouteName"
+            t-props="env.router.currentParams" />
     </t>
   `;
 
-  routes: any[] = [];
-  constructor(parent, props) {
-    super(parent, props);
-    const router = this.env.router;
-    for (let name of router.routeIds) {
-      const route = router.routes[name];
-      if (route.component) {
-        this.routes.push({
-          name: route.name,
-          component: "__component__" + route.name
-        });
-      }
-    }
+  get routeComponent(): any {
+      return this.env.router.currentRoute && this.env.router.currentRoute.component;
   }
 }