Functions: createRouter()

Call Signature

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

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

Type Parameters

Type Parameter
TRoutes extends Routes
TOptions extends RouterOptions

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.

Returns

Router<TRoutes, TOptions>

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>(arrayOfRoutes, options?): Router<TRoutes, TOptions>

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

Type Parameters

Type Parameter
TRoutes extends Routes
TOptions extends RouterOptions

Parameters

Parameter	Type	Description
arrayOfRoutes	TRoutes[]	-
options?	TOptions	RouterOptions for the router, including history mode and initial URL settings.

Returns

Router<TRoutes, TOptions>

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)