From 457d2e7d5b0d3d22ffff4c33f21018b73e6d7080 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 22 Jul 2023 07:28:46 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20(feature=20step)=20naming?=
 =?UTF-8?q?=20conditions?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/FeatureStep.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/FeatureStep.vue b/src/FeatureStep.vue
index 6132d1a..c4e9f1d 100644
--- a/src/FeatureStep.vue
+++ b/src/FeatureStep.vue
@@ -8,6 +8,10 @@ const props = defineProps<{
 const remainingBlueBuckets = computed(() =>
   Math.max(0, props.step.blueBuckets - props.step.featuresDone.length)
 )
+const hasFeaturesInProgress = computed(
+  () => props.step.featuresInProgress.length > 0
+)
+const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
 </script>
 
 <template>
@@ -15,7 +19,7 @@ const remainingBlueBuckets = computed(() =>
     <header>{{ step.title }}</header>
     <section class="doing">
       <h5>📝⌛</h5>
-      <ul v-if="step.featuresInProgress.length > 0">
+      <ul v-if="hasFeaturesInProgress">
         <li v-for="feature in step.featuresInProgress" :key="feature">
           {{ feature }}
         </li>
@@ -23,7 +27,7 @@ const remainingBlueBuckets = computed(() =>
     </section>
     <section class="done">
       <h5>📝✅</h5>
-      <ul v-if="step.featuresDone.length > 0">
+      <ul v-if="hasFeaturesDone">
         <li v-for="feature in step.featuresDone" :key="feature">
           {{ feature }}
         </li>