➕ Add Chart.vue and Table.vue

No login or actions, only the routing elements

web/src/router/index.ts

@@ -41,6 +41,31 @@ const routes: Array<RouteRecordRaw> = [
                 name: 'Athlete',
                 component: () => import('../views/Athlete.vue')
             },
+            {
+                path: 'athletes/:id/table',
+                name: 'Table',
+                component: () => import('../views/Table.vue')
+            },
+            {
+                path: 'athletes/:id/chart',
+                name: 'Chart',
+                component: () => import('../views/Chart.vue')
+            },
+            {
+                path: 'guide',
+                name: 'Guide',
+                component: () => import('../views/DashboardHome.vue')
+            },
+            {
+                path: 'ticket',
+                name: 'Ticket',
+                component: () => import('../views/DashboardHome.vue')
+            },
+            {
+                path: 'docs',
+                name: 'Docs',
+                component: () => import('../views/DashboardHome.vue')
+            },
         ],
         meta: {
             requiresAuth: true

web/src/views/Chart.vue

@@ -0,0 +1,21 @@
+<template>
+  <h1 class="title is-2">/athletes/{{ athlete.name }}/chart</h1>
+
+</template>
+
+<script lang="ts">
+import {Vue} from 'vue-class-component';
+import {AthleteInterface} from "@/store/modules/athletes";
+
+export default class Chart extends Vue {
+  private athlete = <AthleteInterface>{}
+
+  mounted() {
+    this.athlete = this.$store.getters.currentAthlete
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

web/src/views/Table.vue

@@ -0,0 +1,21 @@
+<template>
+  <h1 class="title is-2">/athletes/{{ athlete.name }}/table</h1>
+
+</template>
+
+<script lang="ts">
+import {Vue} from 'vue-class-component';
+import {AthleteInterface} from "@/store/modules/athletes";
+
+export default class Table extends Vue {
+  private athlete = <AthleteInterface>{}
+
+  mounted() {
+    this.athlete = this.$store.getters.currentAthlete
+  }
+}
+</script>
+
+<style scoped>
+
+</style>