preload fonts, fix click event bug

Author: Sami Kolari

src/components/Navbar.vue

@@ -116,7 +116,7 @@ export default {
     },
     onClick(ev) {
       // close link dropdown if clicked outside
-      if (this.linkDropdownOpen && !this.$refs.dropdown.contains(ev.target)) this.linkDropdownOpen = false
+      if (this.linkDropdownOpen && this.$refs.dropdown && !this.$refs.dropdown.contains(ev.target)) this.linkDropdownOpen = false
     }
   },
   mounted() {
@@ -126,6 +126,9 @@ export default {
     observer.observe(this.$refs.nav)
     document.addEventListener('click', this.onClick)
   },
+  beforeUnmount() {
+    document.removeEventListener('click', this.onClick)
+  },
   watch: {
     linkDropdownOpen() {
       if (this.linkDropdownOpen) this.langDropdownOpen = false

src/components/ResourceBox.vue

@@ -259,13 +259,17 @@ export default {
       const key = this.stars.find(({ name }) => href.toLowerCase().includes(name.toLowerCase()))
       if (key) return key.stars
       return null
+    },
+    onClick({ target }) {
+      if (this.$refs.tagInput && !this.$refs.tagInput.contains(target)) this.tagsDropdownShown = false
     }
   },
   mounted() {
     this.stars = stars()
-    document.addEventListener('click', ({ target }) => {
-      if (!this.$refs.tagInput.contains(target)) this.tagsDropdownShown = false
-    })
+    document.addEventListener('click', this.onClick)
+  },
+  beforeUnmount() {
+    document.removeEventListener('click', this.onClick)
   }
 }
 </script>

vue.config.js

@@ -29,5 +29,16 @@ module.exports = {
         }
         return args
       })
+    config
+      .plugin('preload')
+      .tap(args => {
+        args[0].include = 'allAssets'
+        args[0].as = (entry) => {
+          if (/\.css$/.test(entry)) return 'style'
+          if (/\.woff$/.test(entry)) return 'font'
+          return 'script'
+        }
+        return args
+      })
   }
 }