<template>
    <div class="help">
        <p>{{ $store.state.questions[$store.state.currentQuestion].description }}</p>
        <router-link to="/questionnaire"><button>Zurück zur Frage</button></router-link>
        <br><br>
        <router-link to="/questionnaire"><button v-on:click="$store.commit('nextQuestion')" class="alert">Ich möchte diese Frage überspringen</button></router-link>
    </div>
</template>

<script>
    export default {
        name: "HelpPage",
        props: {
            text: String
        }
    }
</script>

<style scoped>
.help {
    padding: 1em;
}
</style>
