cleanup + handle empty panel data

Author: aguingand

resources/js/dashboard/components/widgets/Panel.vue

@@ -35,8 +35,10 @@
                 </MaybeInertiaLink>
             </CardHeader>
         </template>
-        <CardContent>
-            <Content class="content-sm text-sm" :html="value.html" />
-        </CardContent>
+        <template v-if="value">
+            <CardContent>
+                <Content class="content-sm text-sm" :html="value.html" />
+            </CardContent>
+        </template>
     </Card>
 </template>

resources/js/dashboard/components/widgets/graph/Line.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
     import { useApexCharts } from "@/dashboard/components/widgets/graph/useApexCharts";
-    import { computed, useTemplateRef } from "vue";
     import { normalizeColor } from "@/dashboard/utils/chart";
     import { GraphWidgetData } from "@/types";
     import ApexChart from "vue3-apexcharts";
@@ -27,7 +26,7 @@
             },
             colors: value?.datasets?.map(dataset => normalizeColor(dataset.color)),
             dataLabels: {
-                enabled: false
+                enabled: false,
             },
             labels: value?.labels,
             legend: {
@@ -43,7 +42,6 @@
             },
             xaxis: {
                 type: widget.dateLabels ? 'datetime' : 'category',
-
             },
             yaxis: {
                 show: !widget.minimal,