<script setup>
import { NuxtPage } from "#components";
import { computed, useModalRouter } from "#imports";
const props = defineProps({
  transition: { type: [Boolean, Object], required: false },
  keepalive: { type: [Boolean, Object], required: false },
  pageKey: { type: [String, Function], required: false },
  name: { type: String, required: false },
  route: { type: null, required: false }
});
const { route: modalRoute, layout } = useModalRouter();
const route = computed(() => modalRoute.value || props.route);
</script>

<template>
  <slot :route="route" :layout="layout">
    <NuxtPage v-bind="{ ...$attrs, ...props, route }" />
  </slot>
</template>
