feat(types): improve link and view slots (#1544)

Co-authored-by: Eduardo San Martin Morote <[email protected]>

Author: xiaoxiangmoe

packages/router/src/RouterLink.ts

@@ -174,6 +174,9 @@ export function useLink(props: UseLinkOptions) {
     }
   }
 
+  /**
+   * NOTE: update {@link _RouterLinkI}'s `$slots` type when updating this
+   */
   return {
     route,
     href: computed(() => route.value.href),
@@ -269,7 +272,13 @@ export interface _RouterLinkI {
       RouterLinkProps
 
     $slots: {
-      default: (arg: UnwrapRef<ReturnType<typeof useLink>>) => VNode[]
+      default?: ({
+        route,
+        href,
+        isActive,
+        isExactActive,
+        navigate,
+      }: UnwrapRef<ReturnType<typeof useLink>>) => VNode[]
     }
   }
 

packages/router/src/RouterView.ts

@@ -224,7 +224,10 @@ export const RouterView = RouterViewImpl as unknown as {
       RouterViewProps
 
     $slots: {
-      default: (arg: {
+      default?: ({
+        Component,
+        route,
+      }: {
         Component: VNode
         route: RouteLocationNormalizedLoaded
       }) => VNode[]