error message

src/views/ViewNote.vue

@@ -271,8 +271,8 @@
         <canvas id="qrImg" class=""></canvas>
       </p>
       <p style="text-align: center;margin-top:10px;">
-        <Button type="error" style="border-radius: 0px;font-size:19px;"
-          @click="closeShareModel()">{{ $t("button.close") }}</Button>
+        <Button type="error" style="border-radius: 0px;font-size:19px;" @click="closeShareModel()">{{ $t("button.close")
+        }}</Button>
       </p>
     </Modal>
 
@@ -287,6 +287,17 @@
       </p>
     </Modal>
 
+    <Modal v-model="model.showError" width="360" footer-hide class-name="fnmodal" :styles="{ borderRadius: 0 }">
+      <p style="text-align: center;font-size:medium ;margin-bottom: 20px;">
+        {{ errorInfo }}
+      </p>
+      <p style="text-align: center;">
+        <Button type="error" style="border-radius: 0px;font-size: 19px;" @click="cloaseErrorMessage()">{{
+            $t("button.close")
+        }}</Button>
+      </p>
+    </Modal>
+
   </div>
 
 
@@ -338,11 +349,11 @@ export default {
         deleting: false,
         showDownloadText: false,
         copyTip: false,
+        showError: false,
       },
       toTopState: false,
       showMenuState: false,
-
-
+      errorInfo: '',
     }
   },
   created() {
@@ -384,7 +395,9 @@ export default {
       this.bindToTopEvent();
 
     } else {
-      alert("Unconnected.");
+      this.errorInfo = this.$t('error.100001');
+      this.model.showError = true;
+      return false;
     }
 
   },
@@ -469,6 +482,10 @@ export default {
     createNote() {
       window.open("/");
     },
+    cloaseErrorMessage() {
+      this.errorInfo = '';
+      this.model.showError = false;
+    },
     showShareModel() {
       this.model.showShare = true;
       let qrimg = document.getElementById("qrImg");