From f95773ca8dd2a80a0461bb272119c433947b79dd Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Sun, 25 Aug 2024 11:18:20 -0400
Subject: [PATCH] Added comment count

---
 src/views/contents/ContentCard.vue                | 3 ++-
 src/views/contents/contentcards/NContentCard.vue  | 3 ++-
 src/views/contents/contentcards/SmContentCard.vue | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index aa6ea25..b53ab47 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -68,10 +68,11 @@
 
         <v-btn
             :class="{'comment-active': hasMessages}"
+            icon="true"
             variant="plain"
-            icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+          {{ messages.length }}
         </v-btn>
 
         <donation-button :color-border="colorMenu"
diff --git a/src/views/contents/contentcards/NContentCard.vue b/src/views/contents/contentcards/NContentCard.vue
index d2a187b..3880652 100644
--- a/src/views/contents/contentcards/NContentCard.vue
+++ b/src/views/contents/contentcards/NContentCard.vue
@@ -68,10 +68,11 @@
 
         <v-btn
             :class="{'comment-active': hasMessages}"
+            icon="true"
             variant="plain"
-            icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+          {{ messages.length }}
         </v-btn>
 
         <donation-button :color-border="colorMenu"
diff --git a/src/views/contents/contentcards/SmContentCard.vue b/src/views/contents/contentcards/SmContentCard.vue
index 6ec31c0..d32f485 100644
--- a/src/views/contents/contentcards/SmContentCard.vue
+++ b/src/views/contents/contentcards/SmContentCard.vue
@@ -68,10 +68,11 @@
 
         <v-btn
             :class="{'comment-active': hasMessages}"
+            icon="true"
             variant="plain"
-            icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+          {{ messages.length }}
         </v-btn>
 
         <donation-button :color-border="colorMenu"