How to use the @dojo/framework/routing/RouterInjector.registerRouterInjector function in @dojo/framework

div.setAttribute('has-ci', 'ci');
}

div.textContent = `Built with Build Time Render: ${!!div.getAttribute('hasBtr')}
Currently Rendered by BTR: ${has('build-time-render')}`;

div.classList.add(...css.root.split(' '));
if (div.parentNode === null) {
	root!.appendChild(div);
}

const appRoot = document.getElementById('app-root')!;
console.log(appRoot);

const registry = new Registry();
const router = registerRouterInjector(routes, registry);

if (!btr) {
	router.setPath('/foo/bar');
}

const r = renderer(() => w(LazyApp, {}));
r.mount({ domNode: appRoot, registry });

import { ProjectorMixin } from '@dojo/framework/widget-core/mixins/Projector';
import { Registry } from '@dojo/framework/widget-core/Registry';

import { RouteConfig } from '@dojo/framework/routing/interfaces';
import { registerRouterInjector } from '@dojo/framework/routing/RouterInjector';
import { Link } from '@dojo/framework/routing/Link';
import { App as BasicApp, BasicAppRouteConfig } from './basic';
import { App as UrlParametersApp, UrlParametersRouteConfig } from './url-parameters';
import { App as AmbiguousMatchesApp, AmbiguousMatchesRouteConfig } from './ambigious-matches';
import { Outlet } from '@dojo/framework/routing/Outlet';

const applicationRoutes: RouteConfig[] = [BasicAppRouteConfig, UrlParametersRouteConfig, AmbiguousMatchesRouteConfig];

const registry = new Registry();

registerRouterInjector(applicationRoutes, registry);

const sideBarStyles = {
	fontSize: '13px',
	background: '#eee',
	overflow: 'auto',
	position: 'fixed',
	height: '100vh',
	left: '0px',
	top: '0px',
	bottom: '0px',
	width: '250px',
	display: 'block'
};

const linkStyles = {
	textDecoration: 'none',

}
		]
	},
	{
		path: 'new-worker',
		outlet: 'new-worker'
	},
	{
		path: '/',
		outlet: 'home',
		defaultRoute: true
	}
];

const registry = new Registry();
registerRouterInjector(routingConfig, registry);

const r = renderer(() => w(App, {}));
r.mount({ domNode: document.querySelector('my-app') as HTMLElement, registry });

import { renderer, tsx } from '@dojo/framework/core/vdom';
import Registry from '@dojo/framework/core/Registry';
import { registerRouterInjector } from '@dojo/framework/routing/RouterInjector';

import App from './App';

const registry = new Registry();
registerRouterInjector(
	[
		{
			path: 'filter/{filter}',
			outlet: 'filter',
			defaultParams: { filter: 'all' },
			defaultRoute: true
		}
	],
	registry
);

const r = renderer(() => );
r.mount({ registry });

path: 'view/{view}/{filter}',
		outlet: 'view',
		defaultParams: {
			filter: 'all',
			view: 'list'
		},
		defaultRoute: true,
		children: [
			{
				path: 'todo/{id}',
				outlet: 'edit'
			}
		]
	}
];
registerRouterInjector(config, registry);

const r = renderer(() => );
r.mount({ registry });

}
		]
	},
	{
		path: 'new-worker',
		outlet: 'new-worker'
	},
	{
		path: '/',
		outlet: 'home',
		defaultRoute: true
	}
];

const registry = new Registry();
registerRouterInjector(routingConfig, registry);

const r = renderer(() => w(App, {}));
r.mount({ domNode: document.querySelector('my-app') as HTMLElement, registry });

import has from "@dojo/framework/core/has";
import global from "@dojo/framework/shim/global";
import { createStoreMiddleware } from "@dojo/framework/core/middleware/store";
import { registerRouterInjector } from "@dojo/framework/routing/RouterInjector";

import { getTagsProcess } from "./processes/tagProcesses";
import { setSessionProcess } from "./processes/loginProcesses";
import { State } from "./interfaces";
import Store from "@dojo/framework/stores/Store";
import config from "./routes";
import Registry from "@dojo/framework/core/Registry";
import { changeRouteProcess } from "./processes/routeProcesses";

export const registry = new Registry();
const router = registerRouterInjector(config, registry);

const store = createStoreMiddleware((store: Store) => {
	let session: any;
	if (!has("build-time-render") && !has("test")) {
		session = global.sessionStorage.getItem("conduit-session");
	}
	if (session) {
		setSessionProcess(store)({ session: JSON.parse(session) });
	}
	getTagsProcess(store)({});
	router.on("nav", ({ outlet, context }: any) => {
		changeRouteProcess(store)({ outlet, context });
	});

	function onRouteChange() {
		const outlet = store.get(store.path("routing", "outlet"));

import renderer from '@dojo/framework/widget-core/vdom';
import Registry from '@dojo/framework/widget-core/Registry';
import { w } from '@dojo/framework/widget-core/d';
import { registerRouterInjector } from '@dojo/framework/routing/RouterInjector';
import { registerThemeInjector } from '@dojo/framework/widget-core/mixins/Themed';
import { registerI18nInjector } from '@dojo/framework/widget-core/mixins/I18n';
import dojo from '@dojo/themes/dojo';
import '@dojo/themes/dojo/index.css';

import routes from './routes';
import App from './App';

const registry = new Registry();
registerRouterInjector(routes, registry);
registerThemeInjector(dojo, registry);
registerI18nInjector({}, registry);

const r = renderer(() => w(App, {}));
r.mount({ registry });

const registry = new Registry();
const store = createStore(todoReducer, defaultState, global.__REDUX_DEVTOOLS_EXTENSION__ && global.__REDUX_DEVTOOLS_EXTENSION__());
registry.defineInjector('application-state', reduxInjectorFactory(store));

const config = [
	{
		path: 'filter/{filter}',
		outlet: 'filter',
		defaultParams: {
			filter: 'all'
		},
		defaultRoute: true
	}
];

const router = registerRouterInjector(config, registry);
const r = renderer(() => w(TodoAppContainer, {}));
r.mount({ registry });

import renderer from '@dojo/framework/widget-core/vdom';
import { w } from '@dojo/framework/widget-core/d';
import App from './widgets/App';
import { Registry } from '@dojo/framework/widget-core/Registry';
import { registerRouterInjector } from '@dojo/framework/routing/RouterInjector';
import routes from './routes';

const registry = new Registry();
registerRouterInjector(routes, registry);

const r = renderer(() => w(App, {}));
r.mount({ domNode: document.querySelector('my-app') as HTMLElement, registry });