fix(types): allow components defined via defineComponent (#421)

Co-authored-by: cexbrayat <cedric@ninja-squad.com>

diff --git a/src/RouterView.ts b/src/RouterView.ts
index f68cc658e14fbea1414220f0bd3c23e12c5c5c86..5f5dba406c1831d8cc268d6938c6092ef8256a46 100644 (file)
--- a/src/RouterView.ts
+++ b/src/RouterView.ts
@@ -62,7 +62,7 @@ export const RouterViewImpl = defineComponent({
           : null
       }
 
-      // props from route configration
+      // props from route configuration
       const routePropsOption = matchedRoute.props[props.name]
       const routeProps = routePropsOption
         ? routePropsOption === true

diff --git a/src/types/index.ts b/src/types/index.ts
index fd9e14a2f94b406638a78b7c825ec05847558b92..e858f55498a654e14741b2c8e71ac28fc4e385e9 100644 (file)
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,6 +1,6 @@
 import { LocationQuery, LocationQueryRaw } from '../query'
 import { PathParserOptions } from '../matcher'
-import { Ref, ComputedRef, Component, ComponentPublicInstance } from 'vue'
+import { Ref, ComputedRef, ComponentPublicInstance, Component } from 'vue'
 import { RouteRecord, RouteRecordNormalized } from '../matcher/types'
 import { HistoryState } from '../history/common'
 import { NavigationFailure } from '../errors'

diff --git a/test-dts/createRouter.test-d.ts b/test-dts/createRouter.test-d.ts
index ca647b3e39b8f89132149e1e4d3c5aff834dbf46..75ff3b872335db05435ddc376a2f0499dc7578d2 100644 (file)
--- a/test-dts/createRouter.test-d.ts
+++ b/test-dts/createRouter.test-d.ts
@@ -5,13 +5,40 @@ import {
   NavigationGuardNext,
   RouteLocationNormalized,
 } from './index'
-import { createApp, defineComponent } from 'vue'
+import { createApp, defineComponent, h } from 'vue'
 
 const component = defineComponent({})
 
+const WithProps = defineComponent({
+  props: {
+    id: {
+      type: String,
+      required: true,
+    },
+  },
+})
+
+const Foo = defineComponent({
+  props: {
+    test: String,
+  },
+  setup() {
+    return {
+      title: 'homepage',
+    }
+  },
+  render() {
+    return h('div', `${this.title}: ${this.test}`)
+  },
+})
+
 const router = createRouter({
   history: createWebHistory(),
-  routes: [{ path: '/', component }],
+  routes: [
+    { path: '/', component },
+    { path: '/foo', component: Foo },
+    { path: '/', component: WithProps },
+  ],
   parseQuery: search => ({}),
   stringifyQuery: query => '',
   strict: true,