Functions: createRouter()

Call Signature

function createRouter<TRoutes, TOptions, TPlugin>(
   routes, 
   options?, 
   plugins?
): Router<TRoutes, TOptions, TPlugin>;

Creates a router instance for a Vue application, equipped with methods for route handling, lifecycle hooks, and state management.

Type Parameters

Type Parameter	Default type
TRoutes extends Routes	-
TOptions extends RouterOptions	object
TPlugin extends RouterPlugin	EmptyRouterPlugin

Parameters

Parameter	Type	Description
routes	TRoutes	Routes An array of route definitions specifying the configuration of routes in the application. Use createRoute method to create the route definitions.
options?	TOptions	RouterOptions for the router, including history mode and initial URL settings.
plugins?	TPlugin[]	-

Returns

Router<TRoutes, TOptions, TPlugin>

Router instance

Example

import { createRoute, createRouter } from '@kitbag/router'

const Home = { template: '<div>Home</div>' }
const About = { template: '<div>About</div>' }

export const routes = [
  createRoute({ name: 'home', path: '/', component: Home }),
  createRoute({ name: 'path', path: '/about', component: About }),
] as const

const router = createRouter(routes)

Call Signature

function createRouter<TRoutes, TOptions, TPlugin>(
   routes, 
   options?, 
   plugins?
): Router<TRoutes, TOptions, TPlugin>;

Creates a router instance for a Vue application, equipped with methods for route handling, lifecycle hooks, and state management.

Type Parameters

Type Parameter	Default type
TRoutes extends Routes	-
TOptions extends RouterOptions	object
TPlugin extends RouterPlugin	EmptyRouterPlugin

Parameters

Parameter	Type	Description
routes	TRoutes[]	Routes An array of route definitions specifying the configuration of routes in the application. Use createRoute method to create the route definitions.
options?	TOptions	RouterOptions for the router, including history mode and initial URL settings.
plugins?	TPlugin[]	-

Returns

Router<TRoutes, TOptions, TPlugin>

Router instance

Example

import { createRoute, createRouter } from '@kitbag/router'

const Home = { template: '<div>Home</div>' }
const About = { template: '<div>About</div>' }

export const routes = [
  createRoute({ name: 'home', path: '/', component: Home }),
  createRoute({ name: 'path', path: '/about', component: About }),
] as const

const router = createRouter(routes)