Named router views

[pleek91]

Description

Adds the ability for a route to define multiple components rather than a single component. These components can then be rendered using named router views. A router view with no name will render the default component which is either route.component or route.components.default.

Closes https://github.com/kitbagjs/router/issues/174

Needs docs

main.ts

const routes = createRoutes([
  {
    name: 'parent',
    path: '/',
    components: {
      default: { template: '<p>default</p>' },
      one: { template: '<p>one</p>' },
      two: { template: '<p>two</p>' },
    },
  },
])

...

App.vue

<template>
    <RouterView name="one" />
    <RouterView />
    <RouterView name="two" />
</template>

Rendered html

<p>one</p>
<p>default</p>
<p>two</p>

[netlify[bot]]

✅ Deploy Preview for kitbag-router ready!

Name	Link
🔨 Latest commit	66b91f1545dfba43e5a5c4af2d47efc80fbd8724
🔍 Latest deploy log	https://app.netlify.com/sites/kitbag-router/deploys/665544e6c097d400072f8623
😎 Deploy Preview	https://deploy-preview-185--kitbag-router.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.