From e4945e7648273b44b299f588dc9c732e55abfa8e Mon Sep 17 00:00:00 2001
From: maciejpedzich <contact@maciejpedzi.ch>
Date: Sun, 10 Jul 2022 21:34:33 +0100
Subject: [PATCH] Change chart grid lines color

---
 components/stats/FollowerGrowth.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/components/stats/FollowerGrowth.vue b/components/stats/FollowerGrowth.vue
index ffc6748..68ec9f9 100644
--- a/components/stats/FollowerGrowth.vue
+++ b/components/stats/FollowerGrowth.vue
@@ -27,6 +27,18 @@ const sinceDate = computed(() => {
 
 const chartOptions = {
   responsive: true,
+  scales: {
+    x: {
+      grid: {
+        color: 'rgba(255, 255, 255, 0.2)'
+      }
+    },
+    y: {
+      grid: {
+        color: 'rgba(255, 255, 255, 0.2)'
+      }
+    }
+  },
   plugins: {
     legend: {
       display: false
@@ -86,9 +98,13 @@ watch(chartPeriod, async () => await refresh());
       <p v-else-if="error">
         Something went wrong while fetching follwer growth data
       </p>
-      <template v-else-if="data">
-        <Chart class="mt-3" type="line" :options="chartOptions" :data="data" />
-      </template>
+      <Chart
+        v-else-if="data"
+        class="mt-3"
+        type="line"
+        :options="chartOptions"
+        :data="data"
+      />
     </ClientOnly>
   </NuxtLayout>
 </template>