fix(router): until directive breaks haunted effects

The haunted state is updated twice in the same update-render-loop, causing the scheduler to miss running the effects upon component initialization.

cosmoz-page-router.js

@@ -1,25 +1,26 @@
 import {
-	nothing, html
+	nothing,
+	html
 } from 'lit-html';
-import { until } from 'lit-html/directives/until';
 import {
-	component, useMemo
+	component,
+	useMemo
 } from 'haunted';
-import {
-	useRoutes
-} from './lib/use-routes';
+import { useRoutes } from './lib/use-routes';
 import { useRouteEvents } from './lib/use-route-events';
+import { usePromise } from '@neovici/cosmoz-utils/lib/hooks/use-promise';
 
 const Router = function ({
 	routes
 }) {
 	const route = useRoutes(routes),
 		result = useMemo(() => route ? route.handle() : undefined, [route]),
-		renderResult = useMemo(() => Promise.resolve(result).catch(() => nothing), [result]);
+		renderResult = useMemo(() => Promise.resolve(result).catch(() => nothing), [result]),
+		[output] = usePromise(renderResult);
 
 	useRouteEvents(route, result, this);
 
-	return html`${until(renderResult, nothing)}`;
+	return html`${output || nothing}`;
 };
 
 customElements.define('cosmoz-page-router', component(Router));

package.json

@@ -55,6 +55,7 @@
 		}
 	},
 	"dependencies": {
+		"@neovici/cosmoz-utils": "^3.4.0",
 		"@polymer/iron-location": "^3.0.0",
 		"@polymer/polymer": "^3.3.1",
 		"haunted": "^4.7.0",