From c114c053d633243f6343e52360c2e5a4b8e6f062 Mon Sep 17 00:00:00 2001
From: Adam Stachowicz <adam.stachowicz@fingo.info>
Date: Sat, 30 Apr 2022 03:51:14 +0200
Subject: [PATCH 1/2] Fix ESLint warnings and errors

---
 src/components/CountUp.vue  |  5 ++++-
 src/components/Datetime.vue |  5 ++++-
 src/components/Status.vue   |  5 ++++-
 src/components/Uptime.vue   | 10 ++++++++--
 src/pages/StatusPage.vue    | 40 ++++++++++++++++++-------------------
 5 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/src/components/CountUp.vue b/src/components/CountUp.vue
index 41edc4a0e..df1d1ac6c 100644
--- a/src/components/CountUp.vue
+++ b/src/components/CountUp.vue
@@ -10,7 +10,10 @@ import { sleep } from "../util.ts";
 export default {
 
     props: {
-        value: [ String, Number ],
+        value: {
+            type: [ String, Number ],
+            default: 0,
+        },
         time: {
             type: Number,
             default: 0.3,
diff --git a/src/components/Datetime.vue b/src/components/Datetime.vue
index ed38c434d..fa68d02c7 100644
--- a/src/components/Datetime.vue
+++ b/src/components/Datetime.vue
@@ -13,7 +13,10 @@ dayjs.extend(relativeTime);
 
 export default {
     props: {
-        value: String,
+        value: {
+            type: String,
+            default: null,
+        },
         dateOnly: {
             type: Boolean,
             default: false,
diff --git a/src/components/Status.vue b/src/components/Status.vue
index a3916adce..1985d8518 100644
--- a/src/components/Status.vue
+++ b/src/components/Status.vue
@@ -5,7 +5,10 @@
 <script>
 export default {
     props: {
-        status: Number,
+        status: {
+            type: Number,
+            default: 0,
+        }
     },
 
     computed: {
diff --git a/src/components/Uptime.vue b/src/components/Uptime.vue
index 3a63c6d08..487d62b72 100644
--- a/src/components/Uptime.vue
+++ b/src/components/Uptime.vue
@@ -5,8 +5,14 @@
 <script>
 export default {
     props: {
-        monitor: Object,
-        type: String,
+        monitor: {
+            type: Object,
+            default: null,
+        },
+        type: {
+            type: String,
+            default: null,
+        },
         pill: {
             type: Boolean,
             default: false,
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 8cda7ebba..34c71e06b 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -104,15 +104,16 @@
 
                 <!-- Uploader -->
                 <!--    url="/api/status-page/upload-logo" -->
-                <ImageCropUpload v-model="showImageCropUpload"
-                                 field="img"
-                                 :width="128"
-                                 :height="128"
-                                 :langType="$i18n.locale"
-                                 img-format="png"
-                                 :noCircle="true"
-                                 :noSquare="false"
-                                 @crop-success="cropSuccess"
+                <ImageCropUpload
+                    v-model="showImageCropUpload"
+                    field="img"
+                    :width="128"
+                    :height="128"
+                    :langType="$i18n.locale"
+                    img-format="png"
+                    :noCircle="true"
+                    :noSquare="false"
+                    @crop-success="cropSuccess"
                 />
 
                 <!-- Title -->
@@ -273,7 +274,7 @@
             {{ $t("deleteStatusPageMsg") }}
         </Confirm>
 
-        <component is="style" v-if="config.customCSS" type="text/css">
+        <component :is="style" v-if="config.customCSS" type="text/css">
             {{ config.customCSS }}
         </component>
     </div>
@@ -281,22 +282,21 @@
 
 <script>
 import axios from "axios";
-import PublicGroupList from "../components/PublicGroupList.vue";
-import ImageCropUpload from "vue-image-crop-upload";
-import { STATUS_PAGE_ALL_DOWN, STATUS_PAGE_ALL_UP, STATUS_PAGE_PARTIAL_DOWN, UP } from "../util.ts";
-import { useToast } from "vue-toastification";
 import dayjs from "dayjs";
 import Favico from "favico.js";
-import { getResBaseURL } from "../util-frontend";
-import Confirm from "../components/Confirm.vue";
-// import Prism Editor
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-
 // import highlighting library (you can use any library you want just return html string)
 import { highlight, languages } from "prismjs/components/prism-core";
 import "prismjs/components/prism-css";
 import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
+import ImageCropUpload from "vue-image-crop-upload";
+// import Prism Editor
+import { PrismEditor } from "vue-prism-editor";
+import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
+import { useToast } from "vue-toastification";
+import Confirm from "../components/Confirm.vue";
+import PublicGroupList from "../components/PublicGroupList.vue";
+import { getResBaseURL } from "../util-frontend";
+import { STATUS_PAGE_ALL_DOWN, STATUS_PAGE_ALL_UP, STATUS_PAGE_PARTIAL_DOWN, UP } from "../util.ts";
 
 const toast = useToast();
 

From 069d3765f0b582a35237857431bf47a11456946f Mon Sep 17 00:00:00 2001
From: Adam Stachowicz <adam.stachowicz@fingo.info>
Date: Mon, 2 May 2022 01:13:17 +0200
Subject: [PATCH 2/2] Revert change for StatusPage

---
 src/pages/StatusPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 34c71e06b..1a64d0fa6 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -274,7 +274,7 @@
             {{ $t("deleteStatusPageMsg") }}
         </Confirm>
 
-        <component :is="style" v-if="config.customCSS" type="text/css">
+        <component is="style" v-if="config.customCSS" type="text/css">
             {{ config.customCSS }}
         </component>
     </div>