diff --git a/.laravel-guide/README.md b/.laravel-guide/README.md index d8140d12..e4705128 100644 --- a/.laravel-guide/README.md +++ b/.laravel-guide/README.md @@ -184,14 +184,23 @@ import { Link } from "@inertiajs/vue3"; // import { RouterLink } from "vue-router"; // ... +// Define route and params +let routeName, routeParams; +if (props.item.route && typeof (props.item.route) === "object") { + routeName = props.item.route[0]; + routeParams = props.item.route[1]; +} else if (props.item.route) { + routeName = props.item.route; +} + // Add itemHref const itemHref = computed(() => - props.item.route ? route(props.item.route) : props.item.href + props.item.route ? route(routeName, routeParams) : props.item.href ); // Add activeInactiveStyle const activeInactiveStyle = computed(() => - props.item.route && route().current(props.item.route) + props.item.route && route().current(routeName) ? styleStore.asideMenuItemActiveStyle : "" ); @@ -227,6 +236,10 @@ const props = defineProps({ type: String, default: null, }, + routeParams: { + type: Object, + default: null, + }, // ... }); ``` @@ -258,7 +271,7 @@ Remove `:to` and replace `:href` in `` with `:href="routeName ? route - props.item.route ? route(props.item.route) : props.item.href + props.item.route ? route(routeName, routeParams) : props.item.href ); // Update `const is` to return `Link` when `props.routeName` is set: