fix(guards): vue-class-component call guards on first... (#755)

navigation with lazy routes

diff --git a/src/navigationGuards.ts b/src/navigationGuards.ts
index 6c6316d6924918c8268bc94523af6ea5a10b7e8b..c7a872d15826d7a0be488d6a486a9ce212e39024 100644 (file)
--- a/src/navigationGuards.ts
+++ b/src/navigationGuards.ts
@@ -316,8 +316,10 @@ export function extractComponentsGuards(
               : resolved
             // replace the function with the resolved component
             record.components[name] = resolvedComponent
-            // @ts-ignore: the options types are not propagated to Component
-            const guard: NavigationGuard = resolvedComponent[guardType]
+            // __vccOpts is added by vue-class-component and contain the regular options
+            let options: ComponentOptions =
+              (resolvedComponent as any).__vccOpts || resolvedComponent
+            const guard = options[guardType]
             return guard && guardToPromiseFn(guard, to, from, record, name)()
           })
         )