diff --git a/frontend/src/main.js b/frontend/src/main.js
index e8df39b57f71..aeed236b4b37 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -8,7 +8,7 @@ import { globals } from "@/utils/globals";
 import i18n from "./i18n";
 import "@mdi/font/css/materialdesignicons.css";
 import "typeface-roboto/index.css";
-// import "./registerServiceWorker";
+import "./registerServiceWorker";
 
 Vue.config.productionTip = false;
 Vue.use(VueRouter);
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index 9551069dc262..af79fd15455b 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,5 +1,5 @@
 const path = require("path");
-// const manifestJSON = require("./public/manifest.json");
+const manifestJSON = require("./public/manifest.json");
 module.exports = {
   transpileDependencies: ["vuetify"],
   publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
@@ -27,18 +27,18 @@ module.exports = {
       },
     },
   },
-  // pwa: {
-  //   name: manifestJSON.short_name,
-  //   themeColor: manifestJSON.theme_color,
-  //   msTileColor: manifestJSON.background_color,
-  //   appleMobileWebAppCapable: "yes",
-  //   appleMobileWebAppStatusBarStyle: "black",
-  //   manifestCrossorigin: "use-credentials",
+  pwa: {
+    name: manifestJSON.short_name,
+    themeColor: manifestJSON.theme_color,
+    msTileColor: manifestJSON.background_color,
+    appleMobileWebAppCapable: "yes",
+    appleMobileWebAppStatusBarStyle: "black",
+    manifestCrossorigin: "use-credentials",
 
-  //   workboxPluginMode: "InjectManifest",
-  //   workboxOptions: {
-  //     swSrc: "./src/sw.js",
-  //     swDest: "service-worker.js",
-  //   },
-  // },
+    workboxPluginMode: "InjectManifest",
+    workboxOptions: {
+      swSrc: "./src/sw.js",
+      swDest: "service-worker.js",
+    },
+  },
 };