siimee/frontend/src/components/onboarding/Interests.vue

<template lang="pug">
.interests
    h3 Interests
    p {{ question }}
    DynamicTagList(:placeholder='"interest"' :tags='interests')
    w-button.ma1.grow(@click='handleSubmit') NEXT
</template>

<script>
import DynamicTagList from '../DynamicTagList.vue'
export default {
    name: 'Interests',
    components: {
        DynamicTagList,
    },
    props: {
        currentStep: {
            required: true,
            type: Number,
            default: 0,
        },
    },
    emits: ['go-to-step', 'update-answers'],
    data: () => ({
        interests: [],
        question:
            'What are some interests you would like in your next candidates?',
    }),
    methods: {
        handleSubmit() {
            let payload = {
                key: 'Interests',
                question: this.question,
                answer: this.interests,
            }
            this.$emit('update-answers', payload)
            this.$emit('go-to-step', this.currentStep + 1)
        },
    },
}
</script>