diff --git a/pydatalab/pydatalab/routes/v0_1/items.py b/pydatalab/pydatalab/routes/v0_1/items.py
index e8e78d225..ad1890bdc 100644
--- a/pydatalab/pydatalab/routes/v0_1/items.py
+++ b/pydatalab/pydatalab/routes/v0_1/items.py
@@ -3,7 +3,7 @@
 from typing import Dict, List, Optional, Set, Union
 
 from bson import ObjectId
-from flask import Blueprint, jsonify, request
+from flask import Blueprint, jsonify, redirect, request
 from flask_login import current_user
 from pydantic import ValidationError
 from pymongo.command_cursor import CommandCursor
@@ -644,6 +644,9 @@ def get_item_data(
            call its render function).
 
     """
+    redirect_to_ui = bool(request.args.get("redirect-to-ui", default=False, type=json.loads))
+    if refcode and redirect_to_ui and CONFIG.APP_URL:
+        return redirect(f"{CONFIG.APP_URL}/items/{refcode}", code=307)
 
     if item_id:
         match = {"item_id": item_id}
@@ -767,6 +770,9 @@ def get_item_data(
     # Must be exported to JSON first to apply the custom pydantic JSON encoders
     return_dict = json.loads(doc.json(exclude_unset=True))
 
+    if item_id is None:
+        item_id = return_dict["item_id"]
+
     # create the files_data dictionary keyed by file ObjectId
     files_data: Dict[ObjectId, Dict] = {
         f["immutable_id"]: f for f in return_dict.get("files") or []
diff --git a/pydatalab/tests/server/test_items.py b/pydatalab/tests/server/test_items.py
index c0bd1cba3..4ddf74ae7 100644
--- a/pydatalab/tests/server/test_items.py
+++ b/pydatalab/tests/server/test_items.py
@@ -2,13 +2,19 @@ def test_single_item_endpoints(client, inserted_default_items):
     for item in inserted_default_items:
         response = client.get(f"/items/{item.refcode}")
         assert response.status_code == 200, response.json
+        assert response.json["item_id"] == item.item_id
+        assert response.json["item_data"]["item_id"] == item.item_id
         assert response.json["status"] == "success"
 
         test_ref = item.refcode.split(":")[1]
         response = client.get(f"/items/{test_ref}")
         assert response.status_code == 200, response.json
+        assert response.json["item_id"] == item.item_id
+        assert response.json["item_data"]["item_id"] == item.item_id
         assert response.json["status"] == "success"
 
         response = client.get(f"/get-item-data/{item.item_id}")
         assert response.status_code == 200, response.json
         assert response.json["status"] == "success"
+        assert response.json["item_id"] == item.item_id
+        assert response.json["item_data"]["item_id"] == item.item_id
diff --git a/webapp/package.json b/webapp/package.json
index c167d4397..872e880bc 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -1,6 +1,6 @@
 {
   "name": "datalab-vue",
-  "version": "0.2.5",
+  "version": "0.4.5",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -43,7 +43,9 @@
     "vue-router": "^4.0.0-0",
     "vue-select": "^4.0.0-beta.6",
     "vue3-easy-data-table": "^1.5.45",
-    "vuex": "^4.0.0-0"
+    "vuex": "^4.0.0-0",
+    "qrcode-vue3": "^1.6.8",
+    "vue-qrcode-reader": "^5.5.7"
   },
   "devDependencies": {
     "@babel/core": "^7.24.8",
diff --git a/webapp/src/components/FormattedRefcode.vue b/webapp/src/components/FormattedRefcode.vue
index 679555225..d24eee322 100644
--- a/webapp/src/components/FormattedRefcode.vue
+++ b/webapp/src/components/FormattedRefcode.vue
@@ -1,4 +1,11 @@
 <template>
+  <span v-if="enableQRCode" class="badge clickable" @click="QRCodeModalOpen = true">
+    <font-awesome-icon
+      icon="qrcode"
+      title="Click to show QR Code for this item"
+      aria-label="Click to show QR Code for this item"
+    />
+  </span>
   <span
     class="badge"
     :class="{ clickable: enableClick || enableModifiedClick }"
@@ -9,20 +16,29 @@
   >
     {{ refcode }}
   </span>
+  <QRCodeModal v-model="QRCodeModalOpen" :refcode="refcode" />
 </template>
 
 <script>
+import QRCodeModal from "@/components/QRCodeModal.vue";
+
 export default {
+  components: {
+    QRCodeModal,
+  },
   props: {
     refcode: {
       type: String,
-      default: null,
+      required: true,
     },
-    item_id: { type: String, required: true },
     enableClick: {
       type: Boolean,
       default: false,
     },
+    enableQRCode: {
+      type: Boolean,
+      default: true,
+    },
     enableModifiedClick: {
       type: Boolean,
       default: false,
@@ -33,6 +49,11 @@ export default {
     },
   },
   emits: ["itemIdClicked"],
+  data() {
+    return {
+      QRCodeModalOpen: false,
+    };
+  },
   computed: {
     badgeColor() {
       return "LightGrey";
@@ -41,7 +62,7 @@ export default {
   methods: {
     openEditPageInNewTab() {
       this.$emit("itemIdClicked");
-      window.open(`/edit/${this.item_id}`, "_blank");
+      window.open(`/items/${this.refcode}`, "_blank");
     },
   },
 };
diff --git a/webapp/src/components/QRCode.vue b/webapp/src/components/QRCode.vue
new file mode 100644
index 000000000..6c358f9f0
--- /dev/null
+++ b/webapp/src/components/QRCode.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="text-center">
+    <QRCodeVue3
+      :value="QRCodeUrl"
+      :width="width"
+      :height="width"
+      :qr-options="{ typeNumber: 0, mode: 'Byte', errorCorrectionLevel: 'H' }"
+      :image-options="{ hideBackgroundDots: false, imageSize: 0, margin: 0 }"
+      :dots-options="{
+        type: 'square',
+        color: 'black',
+      }"
+      :background-options="{ color: '#ffffff' }"
+      :corners-square-options="{ type: 'square', color: 'black' }"
+      :corners-dot-options="{ type: 'square', color: 'black' }"
+      file-ext="png"
+    />
+    <div
+      id="qrcode-text-label"
+      :style="{ width: width }"
+      class="qrcode-text-label mx-auto text-center center-text"
+    >
+      {{ refcode }}
+    </div>
+  </div>
+  <div class="alert alert-info">
+    QR_CODE_RESOLVER_URL is not set for this deployment.<br />
+    Links embedded within QR codes generated here will only work if this <i>datalab</i> instance
+    remains at the same URL.<br /><br />
+
+    Visit <a :href="federationQRCodeUrl">{{ federationQRCodeUrl }}</a> to learn about persistent URL
+    resolution in <i>datalab</i>.
+  </div>
+</template>
+
+<script>
+import QRCodeVue3 from "qrcode-vue3";
+import { FEDERATION_QR_CODE_RESOLVER_URL, QR_CODE_RESOLVER_URL, API_URL } from "@/resources.js";
+
+export default {
+  name: "QRCode",
+  components: {
+    QRCodeVue3,
+  },
+  props: {
+    refcode: {
+      type: String,
+      required: true,
+    },
+    width: {
+      type: Number,
+      default: 200,
+    },
+  },
+  data() {
+    return {
+      federationQRCodeUrl: FEDERATION_QR_CODE_RESOLVER_URL,
+    };
+  },
+  computed: {
+    QRCodeUrl() {
+      // If the QR_CODE_RESOLVER_URL is not set, use the API_URL
+      // with the redirect-to-ui option
+      if (QR_CODE_RESOLVER_URL == null) {
+        return API_URL + "/items/" + this.refcode + "?redirect-to-ui=true";
+      }
+      return QR_CODE_RESOLVER_URL + "/" + this.refcode;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.qrcode-text-label {
+  font-family: "Helvetica", "Arial", "Roboto Mono";
+  font-size: 1.8rem;
+}
+</style>
diff --git a/webapp/src/components/QRCodeModal.vue b/webapp/src/components/QRCodeModal.vue
new file mode 100644
index 000000000..ac17d222e
--- /dev/null
+++ b/webapp/src/components/QRCodeModal.vue
@@ -0,0 +1,54 @@
+<template>
+  <form class="modal-enclosure" data-testid="qrcode-form">
+    <Modal :model-value="modelValue" @update:model-value="$emit('update:modelValue', $event)">
+      <template #header>QR Code</template>
+      <template #body>
+        <div class="form-row">
+          <div ref="qrcode" class="form-group mx-auto" data-testid="qrcode">
+            <QRCode :refcode="refcode" />
+          </div>
+        </div>
+      </template>
+      <template #footer>
+        <button type="submit" class="btn btn-info" value="Print" @click="printQR">Print</button>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          data-dismiss="modal"
+          @click="$emit('update:modelValue', false)"
+        >
+          Close
+        </button>
+      </template>
+    </Modal>
+  </form>
+</template>
+
+<script>
+import Modal from "@/components/Modal.vue";
+import QRCode from "@/components/QRCode.vue";
+export default {
+  name: "QRCodeModal",
+  components: {
+    QRCode,
+    Modal,
+  },
+  props: {
+    modelValue: Boolean,
+    refcode: { type: String, required: true },
+  },
+  emits: ["update:modelValue"],
+  methods: {
+    printQR() {
+      const printContents = this.$refs.qrcode.innerHTML;
+      const printWindow = window.open("", "", "height=400, width=800");
+
+      printWindow.document.write(
+        "<html><head><title>QR Code</title></head><body>" + printContents + "</body></html>",
+      );
+      printWindow.document.close();
+      printWindow.print();
+    },
+  },
+};
+</script>
diff --git a/webapp/src/components/QRScannerModal.vue b/webapp/src/components/QRScannerModal.vue
new file mode 100644
index 000000000..c087df506
--- /dev/null
+++ b/webapp/src/components/QRScannerModal.vue
@@ -0,0 +1,90 @@
+<template>
+  <form class="modal-enclosure" data-testid="qrcode-scanner">
+    <Modal :model-value="modelValue" @update:model-value="$emit('update:modelValue', $event)">
+      <template #header>Scan QR Code</template>
+      <template #body>
+        <div v-if="modelValue" class="form-row">
+          <div v-if="decodedQRs != null">
+            <div>
+              Decoded QRs:
+              <ul>
+                <li v-for="qr in decodedQRs" :key="qr">
+                  <a :href="qr">{{ qr }}</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div v-else>
+            <div v-show="!cameraReady">
+              <font-awesome-icon
+                v-if="!cameraReady"
+                icon="spinner"
+                class="fa-spin mx-auto"
+                fixed-width
+                style="color: gray"
+                size="2x"
+              />
+              <div class="alert alert-info text-center">
+                No camera available. You may need to allow this page to have camera access in your
+                browser.
+              </div>
+            </div>
+            <div
+              v-show="cameraReady"
+              ref="qrcode-scanner"
+              class="form-group mx-auto"
+              data-testid="qrcode-scanner"
+            >
+              <QrcodeStream @camera-on="cameraReady = true" @detect="onDetect" />
+            </div>
+            <div ref="qrcode-upload" data-testid="qrcode-upload">
+              <div>Or upload an image:</div>
+              <QrcodeCapture id="upload-qr" class="button button-default" @detect="onDetect" />
+            </div>
+          </div>
+        </div>
+      </template>
+      <template #footer>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          data-dismiss="modal"
+          @click="$emit('update:modelValue', false)"
+        >
+          Close
+        </button>
+      </template>
+    </Modal>
+  </form>
+</template>
+
+<script>
+import Modal from "@/components/Modal.vue";
+import { QrcodeStream, QrcodeCapture } from "vue-qrcode-reader";
+export default {
+  name: "QRScannerModal",
+  components: {
+    Modal,
+    QrcodeCapture,
+    QrcodeStream,
+  },
+  props: {
+    modelValue: Boolean,
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      decodedQRs: null,
+      cameraReady: false,
+    };
+  },
+  methods: {
+    onDetect(detectedQRs) {
+      // get all raw values from decoded QRs
+      this.decodedQRs = detectedQRs.map((qr) => qr.rawValue);
+      // Reset camera stream div
+      this.cameraReady = false;
+    },
+  },
+};
+</script>
diff --git a/webapp/src/main.js b/webapp/src/main.js
index 5885aaef3..42493a4f7 100644
--- a/webapp/src/main.js
+++ b/webapp/src/main.js
@@ -15,6 +15,7 @@ import {
   faCode,
   faEnvelope,
   faCog,
+  faQrcode,
   faUsersCog,
   faChevronRight,
   faArrowUp,
@@ -51,6 +52,7 @@ library.add(
   faSave,
   faPen,
   faCode,
+  faQrcode,
   faEnvelope,
   faCog,
   faUsersCog,
diff --git a/webapp/src/resources.js b/webapp/src/resources.js
index e7169fe66..cb2d719eb 100644
--- a/webapp/src/resources.js
+++ b/webapp/src/resources.js
@@ -24,6 +24,10 @@ export const API_URL =
   process.env.VUE_APP_API_URL != null ? process.env.VUE_APP_API_URL : "http://localhost:5001";
 export const API_TOKEN = process.env.VUE_APP_API_TOKEN;
 
+export const QR_CODE_RESOLVER_URL = process.env.VUE_APP_QR_CODE_RESOLVER_URL;
+
+export const FEDERATION_QR_CODE_RESOLVER_URL = "https://purl.datalab-org.io";
+
 export const LOGO_URL = process.env.VUE_APP_LOGO_URL;
 export const HOMEPAGE_URL = process.env.VUE_APP_HOMEPAGE_URL;
 
diff --git a/webapp/src/router/index.js b/webapp/src/router/index.js
index e36ea6c15..502a8bff0 100644
--- a/webapp/src/router/index.js
+++ b/webapp/src/router/index.js
@@ -38,6 +38,11 @@ const routes = [
     name: "edit",
     component: EditPage,
   },
+  {
+    path: "/items/:refcode",
+    name: "edit item",
+    component: EditPage,
+  },
   {
     path: "/starting-materials",
     name: "starting-materials",
diff --git a/webapp/src/server_fetch_utils.js b/webapp/src/server_fetch_utils.js
index 8cf2f9591..ee98cd286 100644
--- a/webapp/src/server_fetch_utils.js
+++ b/webapp/src/server_fetch_utils.js
@@ -430,6 +430,23 @@ export async function getItemData(item_id) {
     .catch((error) => alert("Error getting sample data: " + error));
 }
 
+export async function getItemByRefcode(refcode) {
+  return fetch_get(`${API_URL}/items/${refcode}`)
+    .then((response_json) => {
+      store.commit("createItemData", {
+        refcode: refcode,
+        item_id: response_json.item_data.item_id,
+        item_data: response_json.item_data,
+        child_items: response_json.child_items,
+        parent_items: response_json.parent_items,
+      });
+      store.commit("updateFiles", response_json.files_data);
+
+      return "success";
+    })
+    .catch((error) => alert("Error getting item data: " + error));
+}
+
 export async function getCollectionData(collection_id) {
   return fetch_get(`${API_URL}/collections/${collection_id}`)
     .then((response_json) => {
diff --git a/webapp/src/store/index.js b/webapp/src/store/index.js
index fed93173b..b565c613c 100644
--- a/webapp/src/store/index.js
+++ b/webapp/src/store/index.js
@@ -11,6 +11,7 @@ export default createStore({
     all_collection_data: {},
     all_collection_children: {},
     all_collection_parents: {},
+    refcode_to_id: {},
     sample_list: [],
     equipment_list: [],
     starting_material_list: [],
@@ -113,12 +114,13 @@ export default createStore({
     },
     createItemData(state, payload) {
       // payload should have the following fields:
-      // item_id, item_data, child_items, parent_items
+      // refcode, item_id, item_data, child_items, parent_items
       // Object.assign(state.all_sample_data[payload.item_data], payload.item_data)
       state.all_item_data[payload.item_id] = payload.item_data;
       state.all_item_children[payload.item_id] = payload.child_items;
       state.all_item_parents[payload.item_id] = payload.parent_items;
       state.saved_status_items[payload.item_id] = true;
+      state.refcode_to_id[payload.refcode] = payload.item_id;
     },
     setCollectionData(state, payload) {
       // payload should have the following fields:
diff --git a/webapp/src/views/EditPage.vue b/webapp/src/views/EditPage.vue
index 4a5e007dc..54c1af292 100644
--- a/webapp/src/views/EditPage.vue
+++ b/webapp/src/views/EditPage.vue
@@ -96,6 +96,7 @@ import FileList from "@/components/FileList";
 import FileSelectModal from "@/components/FileSelectModal";
 import {
   getItemData,
+  getItemByRefcode,
   addABlock,
   saveItem,
   updateBlockFromServer,
@@ -137,7 +138,8 @@ export default {
   },
   data() {
     return {
-      item_id: this.$route.params.id,
+      item_id: this.$route.params?.id || null,
+      refcode: this.$route.params?.refcode || null,
       itemDataLoaded: false,
       isMenuDropdownVisible: false,
       selectedRemoteFiles: [],
@@ -149,7 +151,7 @@ export default {
   },
   computed: {
     itemType() {
-      return this.$store.state.all_item_data[this.item_id]?.type;
+      return this.$store.state.all_item_data[this.item_id]?.type || null;
     },
     itemTypeEntry() {
       return itemTypes[this.itemType] || null;
@@ -158,7 +160,7 @@ export default {
       return this.itemTypeEntry?.navbarColor || "DarkGrey";
     },
     item_data() {
-      return this.$store.state.all_item_data[this.item_id] || {};
+      return this.$store.state.all_item_data[this.item_id] || { display_order: [] };
     },
     blocks() {
       return this.item_data.blocks_obj;
@@ -185,6 +187,9 @@ export default {
     blocksInfos() {
       return this.$store.state.blocksInfos;
     },
+    itemApiUrl() {
+      return API_URL + "/items/" + this.refcode;
+    },
   },
   watch: {
     // add a warning before leaving page if unsaved
@@ -203,7 +208,6 @@ export default {
   },
   beforeMount() {
     this.blockTypes = blockTypes; // bind blockTypes as a NON-REACTIVE object to the this context so that it is accessible by the template.
-    this.itemApiUrl = API_URL + "/get-item-data/" + this.item_id;
   },
   mounted() {
     // overwrite ctrl-s and cmd-s to save the page
@@ -277,16 +281,23 @@ export default {
       this.lastModified = "just now";
     },
     getSampleData() {
-      getItemData(this.item_id).then(() => {
-        this.itemDataLoaded = true;
-
-        // update each block asynchronously
-        this.item_data.display_order.forEach((block_id) => {
-          console.log(`calling update on block ${block_id}`);
-          updateBlockFromServer(this.item_id, block_id, this.item_data.blocks_obj[block_id]);
+      if (this.item_id == null) {
+        getItemByRefcode(this.refcode).then(() => {
+          this.item_id = this.$store.state.refcode_to_id[this.refcode];
+        });
+      } else {
+        getItemData(this.item_id).then(() => {
+          this.refcode = this.item_data.refcode;
         });
-        this.setLastModified();
+      }
+      this.itemDataLoaded = true;
+
+      // update each block asynchronously
+      this.item_data.display_order.forEach((block_id) => {
+        console.log(`calling update on block ${block_id}`);
+        updateBlockFromServer(this.item_id, block_id, this.item_data.blocks_obj[block_id]);
       });
+      this.setLastModified();
     },
     leavePageWarningListener(event) {
       event.preventDefault;
diff --git a/webapp/src/views/Samples.vue b/webapp/src/views/Samples.vue
index fadbc428a..c67d00272 100644
--- a/webapp/src/views/Samples.vue
+++ b/webapp/src/views/Samples.vue
@@ -8,6 +8,9 @@
         <button class="btn btn-default ml-2" @click="batchCreateItemModalIsOpen = true">
           Add batch of items
         </button>
+        <button class="btn btn-default ml-2" @click="qrScannerModalisOpen = true">
+          <font-awesome-icon icon="qrcode" /> Scan QR
+        </button>
       </div>
     </div>
     <div class="row">
@@ -18,6 +21,7 @@
   </div>
   <CreateItemModal v-model="createItemModalIsOpen" :allowed-types="allowedTypes" />
   <BatchCreateItemModal v-model="batchCreateItemModalIsOpen" />
+  <QRScannerModal v-model="qrScannerModalisOpen" />
 </template>
 
 <script>
@@ -25,6 +29,7 @@ import Navbar from "@/components/Navbar";
 import SampleTable from "@/components/SampleTable";
 import CreateItemModal from "@/components/CreateItemModal";
 import BatchCreateItemModal from "@/components/BatchCreateItemModal";
+import QRScannerModal from "@/components/QRScannerModal";
 import { SAMPLE_TABLE_TYPES } from "@/resources.js";
 
 export default {
@@ -34,11 +39,13 @@ export default {
     SampleTable,
     CreateItemModal,
     BatchCreateItemModal,
+    QRScannerModal,
   },
   data() {
     return {
       createItemModalIsOpen: false,
       batchCreateItemModalIsOpen: false,
+      qrScannerModalisOpen: false,
       allowedTypes: SAMPLE_TABLE_TYPES,
     };
   },
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index a68a8bd95..463e68cc4 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -1898,11 +1898,21 @@
   dependencies:
     "@types/ms" "*"
 
+"@types/dom-webcodecs@^0.1.11":
+  version "0.1.11"
+  resolved "https://registry.yarnpkg.com/@types/dom-webcodecs/-/dom-webcodecs-0.1.11.tgz#2e36e5cc71789551f107e2fe15d956845fa19567"
+  integrity sha512-yPEZ3z7EohrmOxbk/QTAa0yonMFkNkjnVXqbGb7D4rMr+F1dGQ8ZUFxXkyLLJuiICPejZ0AZE9Rrk9wUCczx4A==
+
 "@types/ejs@^3.0.6":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@types/ejs/-/ejs-3.1.2.tgz#75d277b030bc11b3be38c807e10071f45ebc78d9"
   integrity sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==
 
+"@types/emscripten@^1.39.10":
+  version "1.39.13"
+  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.13.tgz#afeb1648648dc096efe57983e20387627306e2aa"
+  integrity sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw==
+
 "@types/eslint-scope@^3.7.3":
   version "3.7.4"
   resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
@@ -3523,6 +3533,14 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+barcode-detector@2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/barcode-detector/-/barcode-detector-2.2.2.tgz#1a9c2cfd71a81bdebed29adfcafcf637d5014712"
+  integrity sha512-JcSekql+EV93evfzF9zBr+Y6aRfkR+QFvgyzbwQ0dbymZXoAI9+WgT7H1E429f+3RKNncHz2CW98VQtaaKpmfQ==
+  dependencies:
+    "@types/dom-webcodecs" "^0.1.11"
+    zxing-wasm "1.1.3"
+
 base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -9775,6 +9793,18 @@ punycode@^2.1.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
+qrcode-generator@^1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/qrcode-generator/-/qrcode-generator-1.4.4.tgz#63f771224854759329a99048806a53ed278740e7"
+  integrity sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw==
+
+qrcode-vue3@^1.6.8:
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/qrcode-vue3/-/qrcode-vue3-1.6.8.tgz#66f86f7a45ab3044043b8447ec1b2ebea630d53b"
+  integrity sha512-LtMnwKWi58ZqHbXBcsTF/VxDYhI6RrBIrDQw8fbDVlO8p5tJBZa7TaIaVYLY937vKO2WCEBmOKksGlpm5ccEIg==
+  dependencies:
+    qrcode-generator "^1.4.4"
+
 qs-stringify@^1.1.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/qs-stringify/-/qs-stringify-1.2.1.tgz#9b39ef6b816bd83309628fc9dad435fc0eccc28b"
@@ -10249,6 +10279,11 @@ schema-utils@^4.0.0:
     ajv-formats "^2.1.1"
     ajv-keywords "^5.1.0"
 
+sdp@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/sdp/-/sdp-3.2.0.tgz#8961420552b36663b4d13ddba6f478d1461896a5"
+  integrity sha512-d7wDPgDV3DDiqulJjKiV2865wKsJ34YI+NDREbm+FySq6WuKOikwyNQcm+doLAZ1O6ltdO0SeKle2xMpN3Brgw==
+
 seek-bzip@^1.0.5:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/seek-bzip/-/seek-bzip-1.0.6.tgz#35c4171f55a680916b52a07859ecf3b5857f21c4"
@@ -10747,7 +10782,7 @@ strict-uri-encode@^1.0.0:
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
   integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -10764,6 +10799,15 @@ string-width@^2.1.1:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
+string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
@@ -10787,7 +10831,7 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -10801,6 +10845,13 @@ strip-ansi@^4.0.0:
   dependencies:
     ansi-regex "^3.0.0"
 
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -11479,6 +11530,14 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     watchpack "^2.4.0"
 
+vue-qrcode-reader@^5.5.7:
+  version "5.5.7"
+  resolved "https://registry.yarnpkg.com/vue-qrcode-reader/-/vue-qrcode-reader-5.5.7.tgz#144ff82868c6e7baea4b7691cc4427d6cfe6ab8f"
+  integrity sha512-aflcKS6sQ5CDlmoyAaJJQ3OFeMcdnF6RRO2zHBlmKkHKL5nwPt+ayl/TCw+LvUBXhmfR3kNtPC5oJtgk9TcrBw==
+  dependencies:
+    barcode-detector "2.2.2"
+    webrtc-adapter "8.2.3"
+
 vue-router@^4.0.0-0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.4.0.tgz#128e3fc0c84421035a9bd26027245e6bd68f69ab"
@@ -11709,6 +11768,13 @@ webpack@^5.54.0:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
+webrtc-adapter@8.2.3:
+  version "8.2.3"
+  resolved "https://registry.yarnpkg.com/webrtc-adapter/-/webrtc-adapter-8.2.3.tgz#85e5e52ea68e808be8d6db85e338aa5c95e80022"
+  integrity sha512-gnmRz++suzmvxtp3ehQts6s2JtAGPuDPjA1F3a9ckNpG1kYdYuHWYpazoAnL9FS5/B21tKlhkorbdCXat0+4xQ==
+  dependencies:
+    sdp "^3.2.0"
+
 websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
@@ -11816,7 +11882,7 @@ word-wrap@^1.2.5:
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -11842,6 +11908,15 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.0.1, wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
@@ -11974,3 +12049,10 @@ yorkie@^2.0.0:
     is-ci "^1.0.10"
     normalize-path "^1.0.0"
     strip-indent "^2.0.0"
+
+zxing-wasm@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/zxing-wasm/-/zxing-wasm-1.1.3.tgz#256a7ad65ec60c1604fbe04bac776f4858598ae5"
+  integrity sha512-MYm9k/5YVs4ZOTIFwlRjfFKD0crhefgbnt1+6TEpmKUDFp3E2uwqGSKwQOd2hOIsta/7Usq4hnpNRYTLoljnfA==
+  dependencies:
+    "@types/emscripten" "^1.39.10"