Add Type generic for RouteRecordRaw Meta data

[bastiW]

What problem does this feature solve?

My route metadata should be type save

What does the proposed API look like?

Add a generic to RouteRecordRaw type.

The API in short

const routes:  RouteRecordRaw<RouteMeta>[]  = // Routes are here

Full example:

import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router'

export type RouteMeta = {
  label: string,
  iconClass: string,
}


const routes:  RouteRecordRaw<RouteMeta>[] = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      label: 'My Home',
      iconClass: 'home-icon',
    },
  },
  {
    path: '/settings',
    name: 'Settings',
    component: Settings,
    meta: {
      label: 'Settings',
      iconClass: 'settings-icon',
    }
  },
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router

[posva]

https://next.router.vuejs.org/guide/advanced/meta.html#typescript