:sparkles: more details to the survey

frontend/src/components/form/input-string.vue

     default: {
         required: true,
         type: String,
-        default: () => 'start',
+        default: () => 'Bob',
     },
     multiline: {
         required: false,

frontend/src/entities/survey/survey.js

     setRoleResponses(position) {
         const roleStep = this.steps.filter(step => step.response_key_prompt == 'role')[0]
         roleStep.responses = this.roleTree[position]
-        console.log(roleStep)
-        console.log(this.roleTree[position])
     }
     isValid() {
         const validate = surveySchema.validate(this)

frontend/src/utils/lang.js

     name: 'InputString',
     seeking: 'ButtonChoice',
     urgency: 'ButtonChoice',
+    experience: 'ButtonChoice',
     role: 'ButtonChoice',
     duration: 'ButtonChoice',
     distance: 'ButtonChoice',
         name: 'name',
         seeking: 'seeking',
         urgency: 'urgency',
+        experience: 'experience',
         role: 'role',
         duration: 'duration',
         distance: 'distance',
         'flexible',
     ],
     // Everything else concats under role, key: 14
-    experience_levels: [
+    experience: [
         'associate',
         'junior',
         'mid-level',

frontend/src/views/Survey.vue

 <template lang="pug">
 main.f-col.start.w-full
+    p {{step }}
     //- ButtonMulti
     //- ButtonChoice
     //- InputString
             span How would you like to use siimee? 
             br
             span I am ________________.
-        h3(v-else-if="[3, 4, 5].includes(step)")
-            span I am a _________. 
+        h3(v-else-if="[3, 4, 5, 6].includes(step)")
+            span I am a
+            span(v-if="!role && !experience") _________ _________
+            span(v-else-if="role && !experience") _________ {{ role }}
+            span(v-else-if="!role && experience") {{ experience }} _________
+            span(v-else) {{ experience }} {{ role }}
+            span .&nbsp;
             br
-            span Looking for a ________
-            span  ________ 
-            span in _______.
+            span Looking for a&nbsp;
+            span(v-if="!distance && !duration") ________ ________&nbsp;
+            span(v-else-if="!distance && duration") {{ duration }} ________&nbsp;
+            span(v-else-if="distance && !duration") _________ {{ distance }}&nbsp;
+            span(v-else) {{ duration }} {{ distance }}&nbsp;
+            span role.
+        h3(v-else)
+            p My name is {{ name }}.
+                span(v-if="pronouns") My pronouns are {{ pronouns }}.
+            p I am&nbsp;
+                span a {{ experience }}
+                span {{ role }}
+            p Looking for a {{ duration }},&nbsp;
+                span {{ distance }}&nbsp;
+                span {{ seeking }}.
+            p I am proficient in 
+                span(v-for="(lang, i) in language") {{ lang }} &nbsp;
+                    span(v-if="i > 1") , 
 
     article.match.w-full
         ul.w-full