@simonbackx/vue-app-navigation 2.19.0 → 2.19.1

package/dist/index.js

@@ -1803,14 +1803,14 @@ function useNavigate() {
   const show = useShow();
   const showDetail = useShowDetail();
   const toRoute = async function(route, options) {
-    let componentProperties = (options == null ? void 0 : options.properties) ?? {};
+    let componentProperties = (options == null ? void 0 : options.properties) ?? ("defaultProperties" in route && route.defaultProperties ? route.defaultProperties() : null) ?? {};
     let params = (options == null ? void 0 : options.params) ?? {};
     if (!(options == null ? void 0 : options.properties)) {
       if ("paramsToProps" in route) {
         componentProperties = route.paramsToProps((options == null ? void 0 : options.params) ?? {}, options == null ? void 0 : options.query);
       } else {
         if (options == null ? void 0 : options.params) {
-          throw new Error("Using route to a route that only has properties, no parameters. Use properties instead of params in navigate() for this route: " + route.url);
+          console.error("Using route to a route that only has properties, no parameters. Use properties instead of params in navigate() for this route: " + route.url, route, options);
         }
       }
     }
@@ -1973,7 +1973,7 @@ function addCheckRoutesMountedHandler() {
     }
   });
 }
-function defineRoutes(routes) {
+function defineRoutes(tmpRoutes) {
   const urlhelpers = useUrl();
   const navigate = useNavigate();
   const currentRoutes = getCurrentRoutes();
@@ -1981,19 +1981,19 @@ function defineRoutes(routes) {
   let hadRoutes = false;
   if (currentRoutes.value.length) {
     hadRoutes = true;
-    routes = [...currentRoutes.value, ...Array.isArray(routes) ? routes : []];
+    tmpRoutes = [...currentRoutes.value, ...tmpRoutes];
   }
-  currentRoutes.value = Array.isArray(routes) ? routes : [];
-  if (hadRoutes) {
+  currentRoutes.value = tmpRoutes;
+  if (hadRoutes || tmpRoutes.length === 0) {
     return;
   }
-  async function handleRoutes(routes2) {
-    for (const route of routes2) {
+  async function handleRoutes(routes) {
+    for (const route of routes) {
       const result = urlhelpers.match(route.url, "params" in route ? route.params : {});
       if (result) {
         try {
           await navigate(route, {
-            params: result.params,
+            params: "params" in route ? result.params : void 0,
             animated: false,
             adjustHistory: false,
             query: result.query,
@@ -2015,6 +2015,7 @@ function defineRoutes(routes) {
     return false;
   }
   const getDefaultRoute = ({ allowDetail } = { allowDetail: true }) => {
+    const routes = currentRoutes.value;
     if (!Array.isArray(routes)) {
       return null;
     }
@@ -2046,12 +2047,10 @@ function defineRoutes(routes) {
     }
   };
   onCheckRoutes(async () => {
-    const routes2 = currentRoutes.value;
-    if (Array.isArray(routes2)) {
-      if (await handleRoutes(routes2)) {
-        setDefaultHandler();
-        return;
-      }
+    const routes = currentRoutes.value;
+    if (await handleRoutes(routes)) {
+      setDefaultHandler();
+      return;
     }
     setDefaultHandler();
   });
@@ -2585,7 +2584,6 @@ const navigationMethods = {
 };
 const NavigationMixin = {
   created() {
-    var _a;
     const definitions = {
       pop: usePop(),
       showDetail: useShowDetail(),
@@ -2605,10 +2603,6 @@ const NavigationMixin = {
       $url: useUrl(),
       $navigate: useNavigate()
     };
-    const navigationOptions = (_a = this.$options) == null ? void 0 : _a.navigation;
-    if (navigationOptions || this.customRoutes) {
-      defineRoutes((navigationOptions == null ? void 0 : navigationOptions.routes) ?? (this.customRoutes ? this.customRoutes.bind(this) : null) ?? []);
-    }
     injectHooks(this, definitions);
   },
   computed: {

package/dist/src/NavigationMixin.d.ts

@@ -1,10 +1,10 @@
 import { DefineComponent, Ref } from 'vue';
 import { default as NavigationController } from './NavigationController.vue';
 import { default as Popup } from './Popup.vue';
+import { useNavigationController } from './useNavigationController';
 import { useSplitViewController } from './useSplitViewController';
 import { NavigationOptions, useCanDismiss, useCanPop, useDismiss, useFocused, useNavigate, usePop, usePresent, useShow, useShowDetail, useUrl } from './utils/navigationHooks';
 import { useModalStackComponent } from './utils/useModalStackComponent';
-import { useNavigationController } from './useNavigationController';
 
 /**
  * @returns To detect whether you are in a popup

package/dist/src/utils/navigationHooks.d.ts

@@ -63,7 +63,7 @@ export type NavigationOptions<T> = {
     routes?: Route<any>[];
 };
 export declare function usePop(): (options?: PopOptions) => Promise<void> | undefined;
-export declare function useNavigate(): <Props extends Record<string, unknown>, Params extends Record<string, unknown>>(prop1: string | Route<Props, Params>, prop2?: RouteNavigationOptions<Props, Params>) => Promise<void>;
+export declare function useNavigate(): <Props, Params>(prop1: string | Route<Props, Params>, prop2?: RouteNavigationOptions<Props, Params>) => Promise<void>;
 export type DefaultRouteHandler = () => Promise<boolean>;
 /**
  * Return true when the route has been handled and other route checks should not be executed.
@@ -71,7 +71,7 @@ export type DefaultRouteHandler = () => Promise<boolean>;
 export type OnCheckRoutesHandler = () => Promise<void | boolean> | void | boolean;
 export declare function onCheckRoutes(handler: OnCheckRoutesHandler): void;
 export declare function onNotCheckRoutes(handler: OnCheckRoutesHandler): void;
-export declare function defineRoutes(routes: Route<any, any>[]): void;
+export declare function defineRoutes(tmpRoutes: Route<any>[]): void;
 export declare function useCurrentHref(): Ref<string, string>;
 export declare function useCheckRoute(): <Params extends Record<string, unknown>>(prop1: string | Route<Params>, prop2?: RouteNavigationOptions<Params>) => boolean;
 export declare function normalizePushOptions(o: PushOptions | ComponentWithProperties, currentComponent: ComponentWithProperties | null, urlHelpers: ReturnType<typeof useUrl>): PushOptions;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@simonbackx/vue-app-navigation",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "version": "2.19.0",
+  "version": "2.19.1",
   "exports": {
     ".": {
       "import": "./dist/index.js",