diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 5c9280c..47cfcfa 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -27,4 +27,14 @@ export default class App extends Vue
         // Debug output TODO: Remove this
         console.log(courses);
     }
+
+    /**
+     * This is called when a navigation tab is clicked
+     *
+     * @param tab Tab name
+     */
+    public onNavigate(tab: string)
+    {
+
+    }
 }
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 9e2c45e..53f48ec 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="app">
         <login v-if="showLogin" v-on:login:courses="onLogin"></login>
-        <navigation :courses="courses"></navigation>
+        <navigation :courses="courses" v-on:navigation:select="onNavigate"></navigation>
     </div>
 </template>