Attempting to make styles apply seamlessly to end user

Author: gmemstr

src/App.vue

@@ -23,6 +23,7 @@ export default {
       if (css.styleSheet) css.styleSheet.cssText = styles
       else css.appendChild(document.createTextNode(styles))
       document.getElementsByTagName('head')[0].appendChild(css)
+      store.setItem('applied', true)
     }
   }
 }

src/main.js

@@ -21,7 +21,9 @@ Vue.mixin({
         }
         store.setItem('colourLink', colourLink)
         store.setItem('colourAccent', colourAccent)
-        location.reload()
+        if (!store.getItem('applied')) {
+          location.reload()
+        }
       } else {
         console.log(err)
       }