main.view--onboarding
article(
style='display: flex; flex-direction: column; align-items: center'
v-if='currentStep !== survey?.steps?.length'
)
.answers(v-for='(value, key) in answered')
span(v-if='key == "name" && value && currentStep == 2') Hi {{ value }}!
br
.step(v-for='(step, i) in survey?.steps')
component(
:answered='answered'
:currentStep='currentStep'
:is='step.component'
:question='step'
:responses='responses'
:survey='survey'
:surveyStepsCount='survey?.steps?.length'
@handle-submit='onSubmit'
@update-answers='updateAnswers'
v-if='step && currentStep == i'
)
.invalidResponseMessage(
style='text-align: center'
v-if='invalidResponse'
)
p {{ survey.steps[currentStep].invalidInputPrompt }}
footer
p(v-if='currentStep != 0') You have completed: {{ currentStep }} / {{ survey?.steps?.length }} survey steps
article(v-else)
SurveyCompleteView(:answers='answered' :surveySteps='survey?.steps')