changed tiles routing to inertia's one, added two controllers and showing up the info

Author: marcmarfer

app/Http/Controllers/RepairController.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Http\Controllers;
+use Inertia\Inertia;
+use App\Models\Repair;
+
+class RepairController extends Controller
+{
+    public function index()
+    {
+        return Inertia::render('Repairs', [
+            'repairs' => Repair::all()
+        ]);
+    }
+}

app/Http/Controllers/VehicleController.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Http\Controllers;
+use Inertia\Inertia;
+use App\Models\Vehicle;
+
+class VehicleController extends Controller
+{
+    public function index()
+    {
+        return Inertia::render('Vehicles', [
+            'vehicles' => Vehicle::all()
+        ]);
+    }
+}

resources/js/Components/Tile.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { router } from '@inertiajs/vue3';
 defineProps({
     title: String,
     description: String,
@@ -10,8 +11,8 @@ defineProps({
 </script>
 
 <template>
-    <a 
-        :href="link" 
+    <div 
+        @click="router.get(link)"
         class="tile-container" 
         :style="{
             backgroundColor: bgColor || '#ffffff',
@@ -23,7 +24,7 @@ defineProps({
             <h3 class="tile-title">{{ title }}</h3>
             <p class="tile-description">{{ description }}</p>
         </div>
-    </a>
+    </div>
 </template>
 
 

resources/js/Pages/Repairs.vue

@@ -1,6 +1,11 @@
 <script setup>
+const props = defineProps({
+    repairs: Array
+});
 </script>
 
 <template>
-    <p>repairs page working</p>
-</template>
+    <div class="repairs" v-for="repair in repairs" :key="repair.id">
+        <span>id: {{ repair.id }}, state: {{ repair.status }}</span>
+    </div>
+</template>

resources/js/Pages/Vehicles.vue

@@ -1,6 +1,11 @@
 <script setup>
+const props = defineProps({
+    vehicles: Array
+});
 </script>
 
 <template>
-    <p>vehicles page working</p>
+    <div class="vehicles" v-for="vehicle in vehicles" :key="vehicle.id">
+        <span>name: {{ vehicle.client_id }}, plate: {{ vehicle.plate_number }}</span>
+    </div>
 </template>

routes/web.php

@@ -6,6 +6,8 @@
 use Inertia\Inertia;
 use App\Http\Controllers\UserController;
 use App\Http\Controllers\ClientController;
+use App\Http\Controllers\VehicleController;
+use App\Http\Controllers\RepairController;
 
 Route::get('/', function () {
     return Inertia::render('Welcome', [
@@ -31,5 +33,7 @@
 
 //pages routes
 Route::get('/clients', [ClientController::class, 'index'])->name('clients');
+Route::get('/vehicles', [VehicleController::class, 'index'])->name('vehicles');
+Route::get('/repairs', [RepairController::class, 'index'])->name('repairs');
 
 require __DIR__.'/auth.php';