From 52a85acff88a2b99eece5cf185f9627dde84be0b Mon Sep 17 00:00:00 2001
From: Aayush Lamichhane <lamichhaneaayush5@gmail.com>
Date: Mon, 2 Jun 2025 15:23:18 +0545
Subject: [PATCH] fix errors on manifest v3

---
 package.json         |  1 +
 public/background.js |  7 ++++---
 public/manifest.json | 12 ++++++------
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 77e9ebf..f4b63e7 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^0.1.10",
+    "regenerator-runtime": "^0.14.1",
     "vue": "^2.7.14",
     "vuex": "^3.5.1",
     "vuex-persistedstate": "^2.7.1"
diff --git a/public/background.js b/public/background.js
index dca97b4..3d81342 100644
--- a/public/background.js
+++ b/public/background.js
@@ -1,12 +1,13 @@
 chrome.runtime.onInstalled.addListener((details) => {
 
   // remove the legacy state.
-  localStorage.removeItem('vuex');
+  chrome.storage.local.remove('vuex', () => { });
 
   // remove the state for the previous version.
   const manifestVersion = chrome.runtime.getManifest().version;
   if (details.previousVersion && details.previousVersion !== manifestVersion) {
-    localStorage.removeItem(`vuex-state-${details.previousVersion}`);
-    console.log(`Successfully removed the old state for ${details.previousVersion}`);
+    chrome.storage.local.remove(`vuex-state-${details.previousVersion}`, () => {
+      console.log(`Successfully removed the old state for ${details.previousVersion}`);
+    });
   }
 });
diff --git a/public/manifest.json b/public/manifest.json
index 5636978..ca2c8d7 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -4,7 +4,7 @@
   "author": "Burak Karakan",
   "short_name": "Devo",
   "version": "1.10.1",
-  "manifest_version": 2,
+  "manifest_version": 3,
   "icons": {
     "16": "icons/icon-16.png",
     "24": "icons/icon-24.png",
@@ -17,12 +17,12 @@
     "newtab": "index.html"
   },
   "background": {
-    "scripts": [
-      "background.js"
-    ],
-    "persistent": false
+    "service_worker": "background.js"
   },
-  "permissions": [
+  "host_permissions": [
     "https://lobste.rs/*"
+  ],
+  "permissions": [
+    "storage"
   ]
 }