using createRouterNavigation

src/utilities/createRouter.ts

@@ -1,13 +1,14 @@
 import { readonly } from 'vue'
 import { Resolved, Route, RouteMethods, Routes } from '@/types'
-import { createRouteMethods, resolveRoutes } from '@/utilities'
+import { createRouteMethods, createRouterNavigation, resolveRoutes } from '@/utilities'
 import { resolveRoutesRegex } from '@/utilities/resolveRoutesRegex'
 import { routeMatch } from '@/utilities/routeMatch'
 import { updateBrowserUrl } from '@/utilities/updateBrowserUrl'
 
 type RouterPush = (url: string, options?: { replace: boolean }) => Promise<void>
 type RouterReplace = (url: string) => Promise<void>
-type RouterNavigation = (number: number) => Promise<void>
+type RouterBackForward = () => Promise<void>
+type RouterGo = (delta: number) => Promise<void>
 
 export type Router<
   TRoutes extends Routes
@@ -16,14 +17,15 @@ export type Router<
   route: Readonly<Resolved<Route>>,
   push: RouterPush,
   replace: RouterReplace,
-  back: RouterNavigation,
-  forward: RouterNavigation,
-  go: RouterNavigation,
+  back: RouterBackForward,
+  forward: RouterBackForward,
+  go: RouterGo,
 }
 
 export function createRouter<T extends Routes>(routes: T): Router<T> {
   const resolved = resolveRoutes(routes)
   const resolvedWithRegex = resolveRoutesRegex(resolved)
+  const routerNavigation = createRouterNavigation()
 
   // todo: implement this
   const route: Router<T>['route'] = readonly({} as any)
@@ -35,23 +37,23 @@ export function createRouter<T extends Routes>(routes: T): Router<T> {
       return updateBrowserUrl(url, options)
     }
 
-    throw 'not implemented'
+    await routerNavigation.update(url, options)
   }
 
   const replace: RouterReplace = (url) => {
     return push(url, { replace: true })
   }
 
-  const forward: RouterNavigation = (number = 1) => {
-    return go(number)
+  const forward: RouterBackForward = async () => {
+    await routerNavigation.forward()
   }
 
-  const back: RouterNavigation = (number = -1) => {
-    return go(number)
+  const back: RouterBackForward = async () => {
+    await routerNavigation.back()
   }
 
-  const go: RouterNavigation = (_number) => {
-    throw 'not implemented'
+  const go: RouterGo = async (delta) => {
+    await routerNavigation.go(delta)
   }
 
   const router = {