From 2d4412e60d51f65b13d82c87121196295020c92e Mon Sep 17 00:00:00 2001
From: "Maurice L." <maurice.lariviere@icloud.com>
Date: Wed, 7 May 2025 13:44:20 +0200
Subject: [PATCH] Make coasters in park overview clickable

---
 src/views/app/coasters/Coasters.vue | 2 +-
 src/views/app/parks/Park.vue        | 5 +++--
 src/views/app/parks/Parks.vue       | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/app/coasters/Coasters.vue b/src/views/app/coasters/Coasters.vue
index 5be4d7a..783062e 100644
--- a/src/views/app/coasters/Coasters.vue
+++ b/src/views/app/coasters/Coasters.vue
@@ -21,7 +21,7 @@ export default {
 </script>
 
 <template>
-    <title>Coaster Übersicht – CoasterDB</title>
+    <title>Coaster Übersicht - CoasterDB</title>
     <Header />
     <div style="margin-top: 63px;">
         <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">
diff --git a/src/views/app/parks/Park.vue b/src/views/app/parks/Park.vue
index 53e6eed..bcff86f 100644
--- a/src/views/app/parks/Park.vue
+++ b/src/views/app/parks/Park.vue
@@ -53,13 +53,14 @@ export default {
         <div>
           <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">Achterbahnen in diesem Park:</h2>
           <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
-            <div
+            <a
               v-for="coaster in coasters"
               :key="coaster.name"
               class="bg-white dark:bg-gray-800 shadow p-4 rounded-lg"
+              :href="`/app/coaster/${coaster.name.replace(' ', '_')}`"
             >
               <h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ coaster.name }}</h3>
-            </div>
+          </a>
           </div>
         </div>
       </div>
diff --git a/src/views/app/parks/Parks.vue b/src/views/app/parks/Parks.vue
index cf77666..90b1bc9 100644
--- a/src/views/app/parks/Parks.vue
+++ b/src/views/app/parks/Parks.vue
@@ -21,7 +21,7 @@ export default {
 </script>
 
 <template>
-    <title>Park Übersicht – CoasterDB</title>
+    <title>Park Übersicht - CoasterDB</title>
     <Header />
     <div style="margin-top: 63px;">
         <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">