implemented questionmair

src/App.vue

@@ -40,6 +40,10 @@
     color: #FFFFFF;
   }
 
+  button.alert {
+    background-color: #E94A47;
+  }
+
   body {
     background-color: #FCF7F8;
     color: #0B2545;

src/components/Question.vue

@@ -0,0 +1,21 @@
+<template>
+    <div class="question">
+        <p>{{ question }}</p>
+        <button v-bind:key="answer" v-for="answer in answers">{{ answer }}</button>
+        <router-link to="/questionmaire"><button class="alert">Ich brauche Hilfe zu dieser Frage</button></router-link>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "Question",
+        props: {
+            question: String,
+            answers: Array
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/Questionnaire.vue

@@ -0,0 +1,17 @@
+<template>
+    <div class="questionmaire">
+        <Question question="Frage" v-bind:answers="['Antwort 1', 'Antwort 2', 'Antwort 3']"></Question>
+    </div>
+</template>
+
+<script>
+    import Question from "@/components/Question";
+    export default {
+        name: "Questionnaire",
+        components: {Question}
+    }
+</script>
+
+<style scoped>
+
+</style>