siimee/frontend/src/components/SideBar.vue

<template lang="pug">
aside.sidebar.w-flex.column.pa8
    Messages(:matches="matches" :pid="pid")
    .spacer
    nav.temp-control-box
        input(v-model="switchToPID" @keyup.enter="$emit('updatePid', switchToPID)")
        button(@click="$emit('updatePid', switchToPID)") switch profile
    
</template>

<script>
import { currentProfile } from '../services'
import Messages from './Messages.vue'
import { mixins } from '../utils'

export default {
    components: { Messages },
    mixins: [mixins.pidMixin],
    data: () => ({
        switchToPID: null,
    }),
    computed: {
        profile: () => currentProfile,
        matches: () =>
            currentProfile.groupings.filter(g => g.grouping_type == 'match'),
    },
    mounted() {
        // Set the form to display the default pid set in Home.vue
        this.switchToPID = this.pid
    },
}
</script>