anoblet / router

Router

API:

• target - Target node to output response
• routes - Route definition array
• callback - Callback on route change

Objectives:

• Take a location and return the appropriate component/html template
• Update the target node with the correct information

export const routes = [
  {
    path: "",
    component: "page-home",
    src: () => import("../PageHome/PageHome")
  },
  {
    path: "/post/:action/:id?",
    component: "post-controller",
    src: () => import("../../post/PostController")
  }
];

new Router({
  outlet: document.createElement("div"),
  routes: [new Route(), new Route()],
  onRouteChange: () => alert("hi")
})