add description for export/import

src/languages/en.js

@@ -119,5 +119,8 @@ export default {
     "Clear Data": "Clear Data",
     Events: "Events",
     Heartbeats: "Heartbeats",
-    "Auto Get": "Auto Get"
+    "Auto Get": "Auto Get",
+    backupDescription: "You can backup all monitors and all notifications into a JSON file.",
+    backupDescription2: "PS: History and event data is not included.",
+    backupDescription3: "Sensitive data such as notification tokens is included in the export file, please keep it carefully.",
 }

src/pages/Settings.vue

@@ -122,12 +122,19 @@
 
                             <h2 class="mt-5 mb-2">{{ $t("Import/Export Backup") }}</h2>
 
+                            <p>
+                                {{ $t("backupDescription") }} <br />
+                                ({{ $t("backupDescription2") }}) <br />
+                            </p>
+
                             <div class="input-group mb-3">
                                 <button class="btn btn-outline-primary" @click="downloadBackup">{{ $t("Export") }}</button>
                                 <button type="button" class="btn btn-outline-primary" @click="importBackup">{{ $t("Import") }}</button>
                                 <input id="importBackup" type="file" class="form-control">
                             </div>
 
+                            <p><strong>{{ $t("backupDescription3") }}</strong></p>
+
                             <h2 class="mt-5 mb-2">{{ $t("Advanced") }}</h2>
 
                             <div class="mb-3">