fix: mitigates console warning (#800)

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
fluidd-core · Aug 2, 2022 · aa55234 · aa55234
1 parent 1258b35
commit aa55234
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -215,15 +215,22 @@ export default class App extends Mixins(StateMixin) {
       this.flashMessage.open = true
     })
 
-    const legacyFavIcons = document.querySelectorAll("link[rel*='icon'][type='image/png']")
+    const legacyElementsSelectors = [
+      "link[rel*='icon'][type='image/png']",
+      "meta[name='theme-color']"
+    ]
 
-    legacyFavIcons.forEach(item => {
-      const parentElement = item.parentElement
+    for (const legacyElementsSelector of legacyElementsSelectors) {
+      const legacyElements = document.querySelectorAll(legacyElementsSelector)
 
-      if (parentElement) {
-        parentElement.removeChild(item)
-      }
-    })
+      legacyElements.forEach(item => {
+        const parentElement = item.parentElement
+
+        if (parentElement) {
+          parentElement.removeChild(item)
+        }
+      })
+    }
   }
 
   handleToolsDrawerChange () {

diff --git a/vue.config.js b/vue.config.js
@@ -19,7 +19,7 @@ module.exports = defineConfig({
     }
   },
   pwa: {
-    themeColor: '',
+    themeColor: '#2196F3',
     msTileColor: '#000000',
     appleMobileWebAppCache: 'yes',
     manifestOptions: {