From afc27e4610d9fe4b6d0d585206e588f15032d10c Mon Sep 17 00:00:00 2001
From: Majid Alavizadeh <majidonline@gmail.com>
Date: Fri, 21 Apr 2023 20:01:18 +0200
Subject: [PATCH] add params for route

---
 .laravel-guide/README.md | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

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 `<component>` with `:href="routeName ? route
   <component
     :is="is"
     :class="componentClass"
-    :href="routeName ? route(routeName) : href"
+    :href="routeName ? route(routeName, routeParams) : href"
     :type="computedType"
     :target="target"
     :disabled="disabled"
@@ -278,9 +291,19 @@ 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
 );
 
 // Update `const is` to return `Link` when `props.routeName` is set: