extend inspection_plan by wearable and enable optional interval

src/components/scanner/Phone.vue

@@ -52,6 +52,11 @@ export default defineComponent({
       showQRCode: false as boolean,
     };
   },
+  watch: {
+    linkToScan() {
+      this.renderQRCode();
+    },
+  },
   computed: {
     ...mapState(useScannerStore, ["inUse", "roomId", "results"]),
     linkToScan() {
@@ -59,25 +64,30 @@ export default defineComponent({
     },
   },
   mounted() {
-    QRCode.toDataURL(this.linkToScan, {
-      width: 300,
-      margin: 2,
-      color: {
-        dark: "#000000",
-        light: "#FFFFFF",
-      },
-      errorCorrectionLevel: "M",
-    })
-      .then((res) => {
-        (this.$refs.qr as HTMLImageElement).src = res;
-      })
-      .catch(() => {});
+    this.renderQRCode();
   },
   methods: {
     ...mapActions(useScannerStore, ["startSession", "endSession", "removeElementFromResults"]),
     commit(c: string) {
       this.$emit("code", c);
     },
+    renderQRCode() {
+      QRCode.toDataURL(this.linkToScan, {
+        width: 300,
+        margin: 2,
+        color: {
+          dark: "#000000",
+          light: "#FFFFFF",
+        },
+        errorCorrectionLevel: "M",
+      })
+        .then((res) => {
+          (this.$refs.qr as HTMLImageElement).src = res;
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
   },
 });
 </script>