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

Co-authored-by: Eduardo San Martin Morote <[email protected]>
jillztom · Sep 2, 2022 · 4a0cc8b · 4a0cc8b
1 parent 3fe8f81
commit 4a0cc8b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/router/src/RouterLink.ts b/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[]
     }
   }
 

diff --git a/packages/router/src/RouterView.ts b/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[]