Router Merged Params

UniversalRouter example: merge route params with parents

by Vladimir Kutepov

HTML

<script src="https://unpkg.com/[email protected]/universal-router.min.js"></script>

JavaScript

// window.location
const location = new URL('https://example.com/jhon/edit');

// routes
const route = {
  path: '/:user',
  children: [
    {
      path: '/',
      action({ params }) {
        return `User: ${params.user}`;
      },
    },
    {
      path: '/edit',
      action({ params }) {
        return `Edit User: ${params.user}`;
      },
    },
  ],
};

// https://github.com/kriasoft/universal-router
UniversalRouter.resolve(route, location.pathname).then(result => {
  document.body.textContent = result;
});