From 8a27c425e01df929a8201380bda0215f4cf532ff Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Tue, 7 May 2024 17:38:05 +0200
Subject: [PATCH] FIX : button  click activating card

---
 components/MarketCards.vue | 16 +++++++++-------
 components/PlayerSlot.vue  | 25 +++++++++++++------------
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/components/MarketCards.vue b/components/MarketCards.vue
index 4f00c3a..924cf28 100644
--- a/components/MarketCards.vue
+++ b/components/MarketCards.vue
@@ -13,16 +13,18 @@ const isTurn = computed(() => goStore.self && goStore.game?.started && (goStore.
         <div class="separator"></div>
         <CardPreview :data="c" v-for="c in goStore.game?.market" @click="c && buy(c)">
             <template v-if="isTurn && c && c.cost && (goStore.self?.turn.gold_reserve ?? 0) >= c.cost">
-                <button @click="buy(c)">BUY</button>
-                <button @click="useEffect(goStore.self!.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value!, c)"
+                <button @click.stop="buy(c)">BUY</button>
+                <button
+                    @click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value!, c)"
                     v-if="goStore.self?.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value">
                     BUY IN HAND</button>
-                <button @click="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value!, c)"
+                <button
+                    @click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value!, c)"
                     v-if="goStore.self?.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value">
                     BUY IN STACK (generic)</button>
 
                 <button
-                    @click="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_ACTION_BOUGHT).value!, c)"
+                    @click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_ACTION_BOUGHT).value!, c)"
                     v-if="c.card_type == CardType.ACTION && goStore.self?.turn.find_effect(CardEffects.STACK_NEXT_ACTION_BOUGHT).value">
                     BUY IN STACK (actions)</button>
             </template>
@@ -31,15 +33,15 @@ const isTurn = computed(() => goStore.self && goStore.game?.started && (goStore.
         <CardPreview :data="goStore.game?.gem_stack.at(-1)" @click="buy(goStore.game?.gem_stack.at(-1)!)">
             <template
                 v-if="isTurn && goStore.game?.gem_stack.length && goStore.game?.gem_stack.length > 0 && (goStore.self?.turn.gold_reserve ?? 0) >= (goStore.game?.gem_stack.at(-1)?.cost ?? Infinity)">
-                <button @click="buy(goStore.game.gem_stack.at(-1)!)">
+                <button @click.stop="buy(goStore.game.gem_stack.at(-1)!)">
                     BUY
                 </button>
                 <button
-                    @click="useEffect(goStore.self!.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value!, goStore.game.gem_stack.at(-1))"
+                    @click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value!, goStore.game.gem_stack.at(-1))"
                     v-if="goStore.self?.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value">
                     BUY IN HAND</button>
                 <button
-                    @click="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value!, goStore.game.gem_stack.at(-1))"
+                    @click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value!, goStore.game.gem_stack.at(-1))"
                     v-if="goStore.self?.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value">
                     BUY IN STACK(generic)
                 </button>
diff --git a/components/PlayerSlot.vue b/components/PlayerSlot.vue
index 863fba6..708f47f 100644
--- a/components/PlayerSlot.vue
+++ b/components/PlayerSlot.vue
@@ -66,15 +66,15 @@ const restack_discarded_card = (target: Card) => run_effect(CardEffects.RESTACK_
                     <template v-if="c && isSelf && isPlayerTurn">
 
                         <button v-if="goStore.self?.turn.find_effect(CardEffects.SACRIFICE).value"
-                            @click="sacrifice(c)">
+                            @click.stop="sacrifice(c)">
                             SACRIFICE
                         </button>
                         <button v-if="goStore.self?.turn.find_effect(CardEffects.RESTACK_DISCARDED_CHAMPION).value"
-                            @click="restack_discarded_champion(c)">
+                            @click.stop="restack_discarded_champion(c)">
                             RESTACK_DISCARDED_CHAMPION
                         </button>
                         <button v-if="goStore.self?.turn.find_effect(CardEffects.RESTACK_DISCARDED_CARD).value"
-                            @click="restack_discarded_card(c)">
+                            @click.stop="restack_discarded_card(c)">
                             RESTACK_DISCARDED_CARD
                         </button>
 
@@ -87,11 +87,11 @@ const restack_discarded_card = (target: Card) => run_effect(CardEffects.RESTACK_
             <b>{{ props.player.username }}</b>
         </div>
         <div id="current_player_board">
-            <button @click="damage_team(props.player.team)" v-if="isSelfTurn && isPlayerEnemy"
+            <button @click.stop="damage_team(props.player.team)" v-if="isSelfTurn && isPlayerEnemy"
                 :disabled="(goStore.self?.turn.damage_reserve ?? 0) <= 0">
                 Damage
             </button>
-            <button v-if="isSelfTurn && isPlayerEnemy" @click="make_discard(props.player)"
+            <button v-if="isSelfTurn && isPlayerEnemy" @click.stop="make_discard(props.player)"
                 :disabled="!goStore.self?.turn.find_effect(CardEffects.MAKE_DISCARD).value">
                 make Discard
             </button>
@@ -100,7 +100,7 @@ const restack_discarded_card = (target: Card) => run_effect(CardEffects.RESTACK_
             <div class="cards_container">
                 <!-- HAND -->
                 <CardPreview :data="c" v-for="c in props.player.hand" @click="c && playCard(c)">
-                    <button v-if="c && isSelf && props.player.turn.discard_markers > 0" @click="discard(c)">
+                    <button v-if="c && isSelf && props.player.turn.discard_markers > 0" @click.stop="discard(c)">
                         DISCARD
                     </button>
                 </CardPreview>
@@ -111,30 +111,31 @@ const restack_discarded_card = (target: Card) => run_effect(CardEffects.RESTACK_
                     <template v-if="c && isSelf && isPlayerTurn">
                         <template v-if="c.uuid in props.player.turn.cards_locked"
                             v-for="e in props.player.turn.effects_availables">
-                            <button v-if="e.card == c" @click="useEffect(e)" :disabled="!e.usable">
+                            <button v-if="e.card == c" @click.stop="useEffect(e)" :disabled="!e.usable">
                                 EFFECT<br>
                                 {{ e.effect + " " + (e.effect_type ?? '') }}
                             </button>
                         </template>
                         <template v-if="!(c.uuid in props.player.turn.cards_locked)">
-                            <button v-if="props.player.turn.discard_markers > 0" @click="discard(c)">
+                            <button v-if="props.player.turn.discard_markers > 0" @click.stop="discard(c)">
                                 DISCARD
                             </button>
                             <button v-if="goStore.self?.turn.find_effect(CardEffects.SACRIFICE).value"
-                                @click="sacrifice(c)">
+                                @click.stop="sacrifice(c)">
                                 SACRIFICE
                             </button>
-                            <button @click="lockCard(c)"
+                            <button @click.stop="lockCard(c)"
                                 :disabled="(props.player.turn.discard_markers > 0 && c !== props.player.turn.discard_marker_card) || props.player.turn.fuck_u_markers > 0">
                                 LOCK
                             </button>
                         </template>
                     </template>
                     <template v-if="isPlayerEnemy && isSelfTurn && (c.health_as_champion ?? 0) > 0">
-                        <button :disabled="(goStore.self?.turn.damage_reserve ?? 0) <= 0" @click="damage_champion(c)">
+                        <button :disabled="(goStore.self?.turn.damage_reserve ?? 0) <= 0"
+                            @click.stop="damage_champion(c)">
                             DAMAGE
                         </button>
-                        <button v-if="goStore.self?.turn.find_effect(CardEffects.STUN).value" @click="stun(c)">
+                        <button v-if="goStore.self?.turn.find_effect(CardEffects.STUN).value" @click.stop="stun(c)">
                             STUN
                         </button>
                     </template>