diff --git a/browser-extensions/popup.html b/browser-extensions/popup.html
index 57bf41f..f274c9b 100644
--- a/browser-extensions/popup.html
+++ b/browser-extensions/popup.html
@@ -1,6 +1,8 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 
 <head>
+    <title>Sharp Cooking Extension</title>
     <style>
         .container {
             height: 5rem;
diff --git a/browser-extensions/popup.js b/browser-extensions/popup.js
index 3b586d4..4d47947 100644
--- a/browser-extensions/popup.js
+++ b/browser-extensions/popup.js
@@ -11,7 +11,7 @@ chrome.runtime.onMessage.addListener(
             document.getElementById("sharp-cooking-code").innerHTML = request.code || "";
             document.getElementById("sharp-cooking-message").innerHTML = request.error || "";
 
-            new QRCode(document.getElementById("qrcode"), {
+            _ = new QRCode(document.getElementById("qrcode"), {
                 text: request.code,
                 width: 128,
                 height: 128
diff --git a/src/components/Scanner.vue b/src/components/Scanner.vue
index 68c3b4b..1950615 100644
--- a/src/components/Scanner.vue
+++ b/src/components/Scanner.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from "vue";
-import { Html5Qrcode, Html5QrcodeScanType, Html5QrcodeSupportedFormats } from "html5-qrcode";
+import { onMounted, onUnmounted } from "vue";
+import { Html5Qrcode } from "html5-qrcode";
 
 const emit = defineEmits<{
     (e: "codeScanned", value: string): void;
diff --git a/src/pages/recipe/[id]/index.vue b/src/pages/recipe/[id]/index.vue
index 0b835f5..4a65095 100644
--- a/src/pages/recipe/[id]/index.vue
+++ b/src/pages/recipe/[id]/index.vue
@@ -420,7 +420,7 @@ async function shareOnline() {
 
     const result = await response.json();
     shareCode.value = result.id;
-    shareQRCode.value = result.qrCode;
+    shareQRCode.value = result.qr_code;
 
     isShareOptionsModalOpen.value = true;
 
diff --git a/src/pages/scan.vue b/src/pages/scan.vue
deleted file mode 100644
index 11498c7..0000000
--- a/src/pages/scan.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import { onMounted, ref } from "vue";
-import { useState } from "../services/store";
-import { useTranslation } from "i18next-vue";
-import { Html5QrcodeScanner, Html5QrcodeScanType, Html5QrcodeSupportedFormats    } from "html5-qrcode";
-
-const { t } = useTranslation();
-
-const state = useState()!;
-
-let html5QrcodeScanner: Html5QrcodeScanner;
-
-onMounted(async () => {
-    state.title = t("pages.categories.title");
-    state.menuOptions = [];
-    setupScanner();
-});
-
-function setupScanner() {
-    function onScanSuccess(decodedText: string) {
-        // handle the scanned code as you like, for example:
-        console.log(`Code matched = ${decodedText}`);
-        html5QrcodeScanner.pause(true);
-    }
-
-    function onScanFailure(error: string) {
-        // handle scan failure, usually better to ignore and keep scanning.
-        // for example:
-        console.warn(`Code scan error = ${error}`);
-    }
-
-    html5QrcodeScanner = new Html5QrcodeScanner(
-        "reader",
-        {
-            fps: 10,
-            useBarCodeDetectorIfSupported: true,
-            rememberLastUsedCamera: true,
-            showTorchButtonIfSupported: true,
-            showZoomSliderIfSupported: true,
-            defaultZoomValueIfSupported: 1.5,
-            supportedScanTypes: [
-                Html5QrcodeScanType.SCAN_TYPE_CAMERA
-            ],
-            formatsToSupport: [
-                Html5QrcodeSupportedFormats.QR_CODE
-            ],
-            qrbox: {width: 250, height: 250}
-        }, false);
-    html5QrcodeScanner.render(onScanSuccess, onScanFailure);
-}
-
-</script>
-
-<template>
-    <div id="reader" width="600px"></div>
-</template>
