Merge pull request #6 from chen-junyi/main

fix(vue-router): fix useRoute is not reactive & useRoute initial valu…

Author: ambit-tsai

src/vue-router.ts

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { computed, ComputedRef, getCurrentInstance, reactive, shallowRef } from '@vue/composition-api'
+import { getCurrentInstance, reactive } from '@vue/composition-api'
 import VueRouter, { NavigationGuard, Route, RouterOptions } from 'vue-router'
 import { OUT_OF_SCOPE, warn } from './utils'
 
@@ -61,25 +61,13 @@ let currentRoute: RouteLocationNormalizedLoaded
 export function useRoute() {
     const router = useRouter()
     if (!currentRoute) {
-        const routeRef = shallowRef({
-            path: '/',
-            name: undefined,
-            params: {},
-            query: {},
-            hash: '',
-            fullPath: '/',
-            matched: [],
-            meta: {},
-            redirectedFrom: undefined,
-        } as Route);
-        const computedRoute = {} as {
-            [key in keyof Route]: ComputedRef<Route[key]>
+        const inst = getCurrentInstance()
+        if (!inst) {
+            warn(OUT_OF_SCOPE)
+            return
         }
-        for (const key of Object.keys(routeRef.value) as (keyof Route)[]) {
-            computedRoute[key] = computed<any>(() => routeRef.value[key])
-        }
-        router.afterEach(to => routeRef.value = to)
-        currentRoute = reactive(computedRoute)
+        currentRoute = reactive({...inst.proxy.$route} as Route)
+        router.afterEach(to => Object.assign(currentRoute, to))
     }
     return currentRoute
 }