Fix navigation colors

Author: astagi

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <div class="navigation" :style="`background-color: ${currentFrameworkColor}`">
+    <div class="navigation" :style="`background-color: ${currentFrameworkColor()}`">
         <a v-for="framework in frameworks"
           :key="framework.name"
           class="navigation__item"
@@ -39,15 +39,16 @@ export default {
       ]
     }
   },
-  computed: {
-    currentFrameworkColor () {
-      let framework = this.frameworks.find(framework => window.location.pathname.toLowerCase().includes(framework.path));
-      return framework.color
-    }
-  },
   methods: {
     isActive(frameworkPath) {
       return window.location.pathname.includes(frameworkPath)
+    },
+    currentFrameworkColor () {
+      let framework = this.frameworks.find(framework => window.location.pathname.toLowerCase().includes(framework.path));
+      if (!framework) {
+        return 'black'
+      }
+      return framework.color
     }
   }
 }