From 33b4ba6b053ea42b19496ff930c6dfd685ad8ac7 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Tue, 25 Mar 2025 18:11:42 +0100
Subject: [PATCH] Button made hidden when useless for features

---
 src/components/home/feature.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/home/feature.vue b/src/components/home/feature.vue
index cdf58a0..8ebcb23 100644
--- a/src/components/home/feature.vue
+++ b/src/components/home/feature.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="feature_div" :class="{'reversed':props.side}">
+  <div class="feature_div" :class="{'reversed':side}">
       <div class="feature_img_div">
-        <img :src="props.picture">
+        <img :src="picture">
       </div>
       <div class="feature_text_div">
-        <h2>{{ props.title }}</h2>
+        <h2>{{ title }}</h2>
         <article>
-          <p>{{ props.desc }}</p>
+          <p>{{ desc }}</p>
         </article>
-        <RouterLink :to="props.link">
-            <button @click="goToTop" class="button feature_button">{{ props.buttonText }}</button>
+        <RouterLink :to="link" v-if="link!='#'">
+            <button @click="goToTop" class="button feature_button">{{ buttonText }}</button>
         </RouterLink>
       </div>
     </div> <!-- Feature div -->
@@ -29,11 +29,13 @@
         },
         buttonText:{
             type:String,
-            required:true
+            required:false,
+            default:""
         },
         link:{
             type:String,
-            required:true
+            required:false,
+            default: "#"
         },
         picture:{
             type:String,