fix(extension): highlight vue icon when detecting vue2 app

Author: webfansplz

packages/chrome-extension/src/background.ts

@@ -94,6 +94,14 @@ chrome.runtime.onMessage.addListener((req, sender) => {
       tabId: sender.tab.id,
       popup: chrome.runtime.getURL('popups/vue2-migration-guide.html'),
     })
+    chrome.action.setIcon({
+      tabId: sender.tab.id,
+      path: {
+        16: chrome.runtime.getURL(`icons/16.png`),
+        48: chrome.runtime.getURL(`icons/48.png`),
+        128: chrome.runtime.getURL(`icons/128.png`),
+      },
+    })
   }
 
   if (sender.tab && req.vueDetected) {

packages/firefox-extension/src/background.ts

@@ -92,6 +92,14 @@ chrome.runtime.onMessage.addListener((req, sender) => {
       tabId: sender.tab.id,
       popup: 'popups/vue2-migration-guide.html',
     })
+    chrome.browserAction.setIcon({
+      tabId: sender.tab.id,
+      path: {
+        16: `icons/16.png`,
+        48: `icons/48.png`,
+        128: `icons/128.png`,
+      },
+    })
   }
 
   if (sender.tab && req.vueDetected) {