Slug not working with Resources

@Sinnbeck - I made those changes but still the same error

@hjortur17 Start by removing getRouteKey() for now as you are specifying the key in the route already. Still same error ?

@Sinnbeck - Yes

@hjortur17 Then it seems that no CarClass exists with the slug. What is the url you are visiting ?

@Sinnbeck - I am visiting: /our-cars/tesla-model-y

And I dump the resp I get the correct car

@hjortur17 dump the resp ? Can you show a dd($car) or that car ?

@Sinnbeck - So like this:

$resp = new CarResource($carClass);
dd($resp);

App\Http\Resources\CarResource {#1023 ▼ // app/Http/Controllers/CarController.php:34
  +resource: App\Models\CarClass {#621 ▼
    #connection: "mysql"
    #table: "car_classes"
    #primaryKey: "id"
    #keyType: "int"
    +incrementing: true
    #with: []
    #withCount: []
    +preventsLazyLoading: false
    #perPage: 15
    +exists: true
    +wasRecentlyCreated: false
    #escapeWhenCastingToString: false
    #attributes: array:12 [▶]
    #original: array:12 [▼
      "id" => 1
      "slug" => "tesla-model-y"
      "title" => "Tesla Model Y"
      "description" => "The Tesla family car. In every way the same as the Model 3 just BIGGER. Offers you and your family the space that you need while on the road whilst also being a ▶"
      "drive" => "AWD"
      "seating" => 5
      "luggage" => 5
      "image_folder_url" => "https://res.cloudinary.com/..."
      "price_per_day" => "23000"
      "available" => 0
      "created_at" => null
      "updated_at" => null
    ]
    #changes: []
    #casts: []
    #classCastCache: []
    #attributeCastCache: []
    #dates: []
    #dateFormat: null
    #appends: []
    #dispatchesEvents: []
    #observables: []
    #relations: []
    #touches: []
    +timestamps: true
    #hidden: []
    #visible: []
    #fillable: []
    #guarded: array:1 [▶]
  }

@hjortur17 So it now works or ? Where did you put that code ? It looks like it is inside that method you were showing originally ?

@Sinnbeck - No, still getting same error (404). This is in the controller responsible for the route. So like I mention above I was always able to collect the data but if I pass it along to this page I get 404, but if I do ['car' => []] then it work.

This is the controller method show:

public function show(CarClass $carClass)
{
        $resp = new CarResource($carClass);

        dd($resp);

		// THIS FAILS: ['car' => $resp]
		// THIS WORKS: ['car' => []]

        return Inertia::render('Cars/Show', ['car' => $resp]);
}

@hjortur17 Sorry I am confused. You are saying you get 404 (which mean the url does not exist), yet also say that you get to the controller method ?

@Sinnbeck - So yeah, this is quite weird. So I will try to explain this better:

If I am passing along to the view this $resp data I get 404. Like the url does NOT exist. But if I replace the $resp with an empty array then I am able to load the page (like the url does exist).

If I run the command: php artisan route:list, I see this: GET|HEAD our-cars/{carClass} .... CarController@show

And keep in mind CarClass $carClass is returning the right instance of the CarClass.

So basically what is wrong is the $resp, as soon as I insert the CarClass to the variable and pass that along to the view, I get 404. If the $resp is just an empty array, everything works.

Does this clarify?

@hjortur17 Yeah but it makes no sense why it happens. Laravel or inertia does not do a redirect after the return, so there is no way that should happen. Does the url change when you get the 404 ?

@Sinnbeck - No, I do get Inertia pop-up window displaying Laravels 404 message

@hjortur17 Ah so it is not due to this code, but rather something you are doing inside you vue component. I assume there is an Inertia.get() or similar that triggers if the car has data.

@Sinnbeck - So yes, I have $inertia.visit

<Card
	v-for="carClass in carClasses"
	:item="carClass"
	@click="$inertia.visit('/our-cars/' + carClass.slug)"
></Card>

And this is how this carClass is in my view:

{
  "slug": "tesla-model-y",
  "title": "Tesla Model Y",
  "description": "The Tesla family car...",
  "drive": "AWD",
  "seating": 5,
  "luggage": 5,
  "price_per_day": "23000",
  "images": "https://res.cloudinary.com/..."
}

Also, in my network tab - this is the url it's trying to load: http://carrental.test/our-cars/tesla-model-y

@hjortur17 Can you show the resource ?