@simonbackx/vue-app-navigation 2.15.0 → 2.16.0

package/dist/index.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { inject, proxyRefs, markRaw, ref, reactive, getCurrentInstance, provide, computed, unref, onActivated, onMounted, queuePostFlushCb, onBeforeUnmount, onBeforeMount, onUpdated, warn, h, setTransitionHooks, callWithAsyncErrorHandling, ErrorCodes, shallowRef, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, defineComponent, Transition, withCtx, createBlock, createCommentVNode, customRef, onScopeDispose, TransitionGroup, Fragment, renderList, isRef, onDeactivated, normalizeClass, normalizeStyle } from "vue";
+import { inject, proxyRefs, markRaw, ref, reactive, defineComponent, getCurrentInstance, provide, computed, unref, onActivated, onMounted, queuePostFlushCb, onBeforeUnmount, onBeforeMount, onUpdated, warn, h, setTransitionHooks, callWithAsyncErrorHandling, ErrorCodes, shallowRef, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, mergeProps, Transition, withCtx, createBlock, createCommentVNode, customRef, onScopeDispose, TransitionGroup, Fragment, renderList, isRef, onDeactivated, normalizeClass, normalizeStyle } from "vue";
 const _UrlHelper = class _UrlHelper {
   constructor(url, localFixedPrefix) {
     __publicField(this, "url");
@@ -945,7 +945,7 @@ function makeProvidesParentReactive(instance) {
   instance.provides = Object.create(proxyProvider);
   return reactiveInstance;
 }
-const ComponentWithPropertiesInstance = {
+const ComponentWithPropertiesInstance = defineComponent({
   name: "ComponentWithPropertiesInstance",
   props: {
     component: {
@@ -959,7 +959,7 @@ const ComponentWithPropertiesInstance = {
     }
   },
   __isKeepAlive: true,
-  setup(props) {
+  setup(props, context) {
     const instance = getCurrentInstance();
     const sharedContext = instance.ctx;
     const reactiveInstance = makeProvidesParentReactive(instance);
@@ -1114,7 +1114,7 @@ const ComponentWithPropertiesInstance = {
         return null;
       }
       props.component.component.inheritAttrs = false;
-      const vnode = h(props.component.component, props.component.properties);
+      const vnode = h(props.component.component, { ...props.component.properties, ...context.attrs });
       const comp = vnode.type;
       const key = vnode.key == null ? comp : vnode.key;
       pendingCacheKey = key;
@@ -1138,7 +1138,7 @@ const ComponentWithPropertiesInstance = {
       return vnode;
     };
   }
-};
+});
 const _sfc_main$5 = {
   name: "FramedComponent",
   components: {
@@ -1172,7 +1172,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ComponentWithPropertiesInstance = resolveComponent("ComponentWithPropertiesInstance");
   return openBlock(), createElementBlock("div", null, [
     createElementVNode("div", null, [
-      createVNode(_component_ComponentWithPropertiesInstance, { component: $props.root }, null, 8, ["component"])
+      createVNode(_component_ComponentWithPropertiesInstance, mergeProps({ component: $props.root }, _ctx.$attrs), null, 16, ["component"])
     ])
   ]);
 }

package/dist/src/NavigationController.vue.d.ts

@@ -74,8 +74,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
 }>> & Readonly<{}>, {
-    root: ComponentWithProperties | null;
     customProvide: Record<string, any>;
+    root: ComponentWithProperties | null;
     initialComponents: ComponentWithProperties[] | null;
     animationType: string;
 }, {}, {

package/dist/src/SplitViewController.vue.d.ts

@@ -119,8 +119,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>> & Readonly<{}>, {
-        root: ComponentWithProperties | null;
         customProvide: Record<string, any>;
+        root: ComponentWithProperties | null;
         initialComponents: ComponentWithProperties[] | null;
         animationType: string;
     }, {}, {
@@ -445,8 +445,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
         }>> & Readonly<{}>, {
-            root: ComponentWithProperties | null;
             customProvide: Record<string, any>;
+            root: ComponentWithProperties | null;
             initialComponents: ComponentWithProperties[] | null;
             animationType: string;
         }, {}, {

package/package.json

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