From 4db21e945a6781f8cf747500855eba682487b07a Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Wed, 13 Apr 2022 19:54:06 +0200
Subject: [PATCH] Add basic routes, fake components

---
 client/src/router/index.ts                |  6 ++++++
 client/src/router/learningpath.routes.ts  |  8 ++++++++
 client/src/views/LearningPath.vue         | 14 ++++++++++++++
 client/src/views/LearningPathOverview.vue | 13 +++++++++++++
 client/vite.config.ts                     |  7 ++++++-
 5 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 client/src/router/learningpath.routes.ts
 create mode 100644 client/src/views/LearningPath.vue
 create mode 100644 client/src/views/LearningPathOverview.vue

diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index a49ae507..98182d1e 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import learningPathRoutes from './learningpath.routes'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -16,6 +17,11 @@ const router = createRouter({
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
       component: () => import('../views/AboutView.vue')
+    },
+    {
+      path: '/learningpath',
+      component: () => import('../views/LearningPath.vue'),
+      children: learningPathRoutes
     }
   ]
 })
diff --git a/client/src/router/learningpath.routes.ts b/client/src/router/learningpath.routes.ts
new file mode 100644
index 00000000..994cece8
--- /dev/null
+++ b/client/src/router/learningpath.routes.ts
@@ -0,0 +1,8 @@
+const LearningPathOverview = () => import('../views/LearningPathOverview.vue')
+
+export default [
+  {
+    path: ':id',
+    component: LearningPathOverview,
+  }
+]
diff --git a/client/src/views/LearningPath.vue b/client/src/views/LearningPath.vue
new file mode 100644
index 00000000..0b060f1e
--- /dev/null
+++ b/client/src/views/LearningPath.vue
@@ -0,0 +1,14 @@
+<template>
+  <h1>Lernpfad</h1>
+  <router-view></router-view>
+</template>
+
+<script>
+export default {
+  name: 'LearningPath'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/client/src/views/LearningPathOverview.vue b/client/src/views/LearningPathOverview.vue
new file mode 100644
index 00000000..ea612ce5
--- /dev/null
+++ b/client/src/views/LearningPathOverview.vue
@@ -0,0 +1,13 @@
+<template>
+  <h1>Lernpfad Overview</h1>
+</template>
+
+<script>
+export default {
+  name: 'LearningPathOverview'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/client/vite.config.ts b/client/vite.config.ts
index 116273fb..944986b5 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -9,6 +9,11 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+  },
+  server: {
+    proxy: {
+      '/foo': 'http://localhost:4567',
     }
-  }
+  },
 })