06-UserView.vue

<script>
import { mapState } from 'vuex'
import VUserSearchForm from '@/components/VUserSearchForm'
import VUserProfile from '@/components/VUserProfile'

export default {
  name: 'UserView',
  components: {
    VUserSearchForm,
    VUserProfile,
  },
  methods: {
    searchUser(username) {
      this.$store.dispatch('SEARCH_USER', { username })
    }
  },
  computed: {
    ...mapState({
      user: 'user',
    })
  }
}
</script>

<template>
  <div>
    <VUserSearchForm
      @submitted="searchUser"
    />
    <VUserProfile :user="user" />
  </div>
</template>