Fix spacing, add isActive method

assets/js/components/Navbar.vue

@@ -22,7 +22,7 @@
           :href="item.href"
           class="block text-black focus:text-white focus:no-underline focus-within:bg-blue p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline"
           :class="{
-          'border-blue hover:border-blue': pageUrl.match(new RegExp(item.pattern)),
+            'border-blue hover:border-blue': isActive(item),
           }"
         >
           <span class="flex items-center h-full">
@@ -35,9 +35,15 @@
 </template>
 
 <script>
-  export default {
+export default {
   props: ['siteName', 'pageUrl'],
 
+  methods: {
+    isActive(item) {
+      return this.pageUrl.match(new RegExp(item.pattern))
+    }
+  },
+
   data() {
     return {
       mobileNavHidden: true,