feat: Expose useRoute and useRouter for future compatibility with vue 3

Author: MattCCC

src/index.ts

@@ -1,4 +1,4 @@
-import { createRouter } from "./vue-router.common";
+import { createRouter, useRouter, useRoute } from "./vue-router.common";
 export { Route, RouteOptions, RouterServiceOptions } from "./typings/router-service";
 
-export { createRouter };
+export { createRouter, useRouter, useRoute };

src/vue-router.common.ts

@@ -12,6 +12,8 @@ import { registerActionDispatcher } from "./router-dispatcher-service";
 
 import routerMixin from "./router-mixin";
 
+const routers = [] as RouterService[];
+
 /**
  * Create router wrapper function
  *
@@ -32,11 +34,15 @@ export const createRouter = (
     ...routerOptions,
   });
 
+  routers.push(router);
+
   // Vue 3 compatibility
   if (vm.createApp && vm.config.globalProperties) {
     vm.config.globalProperties.$routeTo = router.push.bind(router);
     vm.config.globalProperties.$routeBack = router.back.bind(router);
     vm.config.globalProperties.$router = router;
+
+    vm.provide('$router', router);
   } else {
     proto.$routeTo = router.push.bind(router);
     proto.$routeBack = router.back.bind(router);
@@ -62,6 +68,14 @@ export const createRouter = (
   return router;
 };
 
+export const useRouter = (routerIndex = 0) => {
+  return routers[routerIndex];
+};
+
+export const useRoute = (routerIndex = 0) => {
+  return routers[routerIndex].getCurrentRoute();
+};
+
 export default {
   createRouter,
 };