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

<template lang="pug">
w-flex.column
    w-image.splash-logo(
        :height='300'
        :src='`/assets/logos/siimee_logo.jpg`'
        :width='300'
    )

    w-button.ma1.grow.next-btn(
        :height='50'
        :width='315'
        @click='handleSubmit'
        bg-color='success'
        shadow
        text
        xl
    ) SIGN UP
    router-link(to='/login')
        w-button.ma1.grow.next-btn(
            :height='50'
            :width='315'
            bg-color='success'
            shadow
            text
            xl
        ) LOG IN
</template>

<script>
export default {
    name: 'Splash',
    props: {
        currentStep: {
            required: true,
            type: Number,
            default: 0,
        },
    },
    emits: ['update-answers'],
    methods: {
        handleSubmit() {
            this.$emit('update-answers', null)
        },
    },
}
</script>

<style lang="sass">
.w-button
    &.next-btn
        background-color: #5BA626
</style>