fix: correct arg for useLink

playground/src/App.vue

@@ -6,6 +6,7 @@ import type {
   RouteLocationResolved,
   RouteLocation,
 } from '@vue-router'
+import { ref } from 'vue'
 
 function test(
   a: RouteLocationResolved<'/[name]'>,
@@ -21,11 +22,14 @@ if (route.name === '/deep/nesting/works/[[files]]+') {
 const router = useRouter()
 
 router.resolve('/:name')
-router.resolve({ name: '/[name]' }).params.name
-
-useLink('/:path(.*)')
-useLink({ path: '/articles/:id' })
-useLink({ name: '/[name]', params: { name: 'hey' } }).route.value.params.name
+router.resolve({ name: '/[name]', params: { name: 'hello' } }).params.name
+
+useLink({ to: '/articles/2' }).route.value.name
+useLink({ to: { path: '/articles/:id' } })
+useLink({ to: { name: '/[name]', params: { name: 2 } } }).route.value.params
+  .name
+// useLink({ name: '/[name]', params: { name: 2 } }).route.value.params.name
+useLink({ to: ref({ name: '/[name]', params: { name: 2 } }) }).route.value.name
 
 const customRoute = useRoute('/deep/nesting/works/custom-path')
 </script>

src/typeExtensions/RouterLink.ts

@@ -5,9 +5,11 @@ import type {
   VNode,
   ComputedRef,
   UnwrapRef,
+  Ref,
 } from 'vue'
 import type {
   NavigationFailure,
+  RouteLocationRaw,
   RouterLinkProps as _RouterLinkProps,
 } from 'vue-router'
 import type { _RouterTyped } from './router'
@@ -73,10 +75,12 @@ export interface _UseLinkReturnTyped<
  * Typed version of `useLink()`.
  */
 export interface UseLinkFnTyped<RouteMap extends _RouteMapGeneric> {
-  <Name extends keyof RouteMap = keyof RouteMap>(
+  <Name extends keyof RouteMap = keyof RouteMap>(props: {
     to:
       | RouteLocationAsString<RouteMap>
       | RouteLocationAsRelativeTyped<RouteMap, Name>
       | RouteLocationAsPathTyped<RouteMap, Name>
-  ): _UseLinkReturnTyped<RouteMap, Name>
+      | Ref<RouteLocationRaw>
+    replace?: boolean | undefined | Ref<boolean | undefined>
+  }): _UseLinkReturnTyped<RouteMap, Name>
 }