From e0a39dab0a5130d8f98e956e3a1c5676410b2d25 Mon Sep 17 00:00:00 2001
From: Valentin Haudiquet <valentin.haudiquet@canonical.com>
Date: Sun, 25 Jan 2026 01:03:38 +0100
Subject: [PATCH] matchups: filter out <0.5 or >0.5 for counters

---
 frontend/components/matchup/Section.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/components/matchup/Section.vue b/frontend/components/matchup/Section.vue
index a128b5e..e592a1b 100644
--- a/frontend/components/matchup/Section.vue
+++ b/frontend/components/matchup/Section.vue
@@ -28,7 +28,7 @@ function getChampionImageUrl(championId: number): string {
       <h2 class="section-title">Strong Against</h2>
       <div v-if="matchups?.length" class="counter-list">
         <div
-          v-for="(counter, index) in matchups.slice(0, 5)"
+          v-for="(counter, index) in matchups.slice(0, 5).filter(x => x.winrate > 0.5)"
           :key="'strong-' + index"
           class="counter-item"
           @click="navigateTo(`/champion/${counter.championAlias.toLowerCase()}`)"
@@ -60,7 +60,10 @@ function getChampionImageUrl(championId: number): string {
       <h2 class="section-title">Weak Against</h2>
       <div v-if="matchups?.length" class="counter-list">
         <div
-          v-for="(counter, index) in matchups.slice(matchups.length - 5, matchups.length).reverse()"
+          v-for="(counter, index) in matchups
+            .slice(matchups.length - (5 < matchups.length ? 5 : matchups.length), matchups.length)
+            .reverse()
+            .filter(x => x.winrate < 0.5)"
           :key="'weak-' + index"
           class="counter-item"
           @click="navigateTo(`/champion/${counter.championAlias.toLowerCase()}`)"