From f3b3dbb6d8f4cef7dd01ae60969e2085a38a143c Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Mon, 29 Apr 2024 18:49:48 +0200
Subject: [PATCH] add automatic resizing to all charts, so they update on
 window resize

---
 resources/js/Components/Dashboard/ActivityGraphCard.vue | 6 +++++-
 resources/js/Components/Dashboard/ProjectsChartCard.vue | 2 +-
 resources/js/Components/Dashboard/ThisWeekOverview.vue  | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/resources/js/Components/Dashboard/ActivityGraphCard.vue b/resources/js/Components/Dashboard/ActivityGraphCard.vue
index 95810f3d..0958c309 100644
--- a/resources/js/Components/Dashboard/ActivityGraphCard.vue
+++ b/resources/js/Components/Dashboard/ActivityGraphCard.vue
@@ -103,7 +103,11 @@ const option = ref({
 <template>
     <DashboardCard title="Activity Graph" :icon="BoltIcon">
         <div class="px-2">
-            <v-chart class="chart" :option="option" style="height: 260px" />
+            <v-chart
+                :autoresize="true"
+                class="chart"
+                :option="option"
+                style="height: 260px" />
         </div>
     </DashboardCard>
 </template>
diff --git a/resources/js/Components/Dashboard/ProjectsChartCard.vue b/resources/js/Components/Dashboard/ProjectsChartCard.vue
index d3d5ca3f..57585a69 100644
--- a/resources/js/Components/Dashboard/ProjectsChartCard.vue
+++ b/resources/js/Components/Dashboard/ProjectsChartCard.vue
@@ -94,7 +94,7 @@ const option = ref({
 </script>
 
 <template>
-    <v-chart class="chart" :option="option" />
+    <v-chart class="chart" :autoresize="true" :option="option" />
 </template>
 
 <style scoped>
diff --git a/resources/js/Components/Dashboard/ThisWeekOverview.vue b/resources/js/Components/Dashboard/ThisWeekOverview.vue
index 9cfadcc9..c5dbb669 100644
--- a/resources/js/Components/Dashboard/ThisWeekOverview.vue
+++ b/resources/js/Components/Dashboard/ThisWeekOverview.vue
@@ -165,7 +165,7 @@ const option = ref({
                 title="This Week"
                 class="pb-8"
                 :icon="ClockIcon"></CardTitle>
-            <v-chart class="chart" :option="option" />
+            <v-chart :autoresize="true" class="chart" :option="option" />
         </div>
         <div class="space-y-6">
             <StatCard