fix async behaviour

Krutsch · May 22, 2021 · 2b3e532 · 2b3e532
1 parent c2855c6
commit 2b3e532
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
-coverage
+coverage
+src/bundle.js
diff --git a/dist/router.js b/dist/router.js
@@ -108,15 +108,15 @@ export default class Router {
                     setReuseElements(false);
                     const parent = route.isChildOf;
                     if (parent.templateUrl) {
-                        handleTemplate(parent, outletSelector);
+                        await handleTemplate(parent, outletSelector);
                     }
                     else if (parent.element) {
                         render(html `<div data-outlet>${parent.element}</div>`, outletSelector, false);
                     }
                     setReuseElements(true);
                 }
                 if (route?.templateUrl) {
-                    handleTemplate(route, $(outletSelector).querySelector(outletSelector) ?? outletSelector);
+                    await handleTemplate(route, $(outletSelector).querySelector(outletSelector) ?? outletSelector);
                 }
                 else if (route?.element) {
                     render(html `<div data-outlet>${route?.element}</div>`, $(outletSelector).querySelector(outletSelector) ?? outletSelector, false);

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "router-dom",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "A lightweight router for everyone",
   "type": "module",
   "main": "dist/router.js",

diff --git a/src/router.ts b/src/router.ts
@@ -134,7 +134,7 @@ export default class Router {
           setReuseElements(false);
           const parent = route.isChildOf!;
           if (parent.templateUrl) {
-            handleTemplate(parent, outletSelector);
+            await handleTemplate(parent, outletSelector);
           } else if (parent.element) {
             render(
               html`<div data-outlet>${parent.element}</div>`,
@@ -146,7 +146,7 @@ export default class Router {
         }
 
         if (route?.templateUrl) {
-          handleTemplate(
+          await handleTemplate(
             route,
             $(outletSelector)!.querySelector(outletSelector) ?? outletSelector
           );