:recycle: Refactored thank you into separate component

frontend/src/views/OnboardingView.vue

@@ -19,29 +19,15 @@ main.view--onboarding
                 @update-answers='updateAnswers'
                 v-if='step && currentStep == i'
             )
-    // TODO: change to different vue component
-    article(
-        style='display: flex; flex-direction: column; align-items: center; text-align: center;'
-        v-else
-    )
-        h1 Thanks for Completing Our Survey!!
-        h2 Please review your answers and let us know if you need to change anything.
-        span Your name: {{ answered.name }}
-        span Your email: {{ answered.email }}
-        span Your zipcode: {{ answered.zipcode }}
-        span Your blurb: {{ answered.blurb }}
-        span Your image: {{ answered.image }}
-        br
-        button(@click="changeAnswers") Change Answers
-        br
-        button(@click="finalSubmit") Submit Answers
-
+    article(v-else)
+        SurveyCompleteView(:answers='answered')
 </template>
 
 <script>
 import { surveyFactory } from '@/utils'
 import { allSteps } from '@/utils/lang'
 import stepViews from '@/components/onboarding'
+import SurveyCompleteView from './SurveyCompleteView.vue'
 
 // import savesurveybyprfileid - call it on submit
 // paginate to save every steps answers
@@ -49,6 +35,7 @@ export default {
     name: 'OnboardingView',
     components: {
         ...stepViews,
+        SurveyCompleteView
     },
     data: () => ({
         answered: {},
@@ -62,7 +49,6 @@ export default {
     methods: {
         onSubmit() {
             console.log(JSON.stringify(this.answered))
-            // TODO: Change to different vue component
             this.survey = null
             this.goToStep(this.currentStep + 1)
         },

frontend/src/views/SurveyCompleteView.vue

@@ -0,0 +1,26 @@
+<template lang="pug">
+main.view--surveycomplete
+    article(style='display: flex; flex-direction: column; align-items: center; text-align: center;')
+        h1 Thanks for Completing Our Survey!!
+        h2 Please review your answers and let us know if you need to change anything.
+        span Your name: {{ answers.name }}
+        span Your email: {{ answers.email }}
+        span Your zipcode: {{ answers.zipcode }}
+        span Your blurb: {{ answers.blurb }}
+        span Your image: {{ answers.image }}
+        br
+        button(@click="changeAnswers") Change Answers
+        br
+        button(@click="finalSubmit") Submit Answers
+</template>
+
+<script>
+export default {
+    props: {
+        answers: {
+            type: Object,
+                default: () => ({})
+        },
+    }
+}
+</script>