puppyoma-fe/src/components/user_finder/user_finder.js

const UserFinder = {
  data: () => ({
    username: undefined,
    hidden: true,
    error: false,
    loading: false
  }),
  methods: {
    findUser (username) {
      this.$router.push({ name: 'user-search', query: { query: username } })
      this.$refs.userSearchInput.focus()
    },
    toggleHidden () {
      this.hidden = !this.hidden
      this.$emit('toggled', this.hidden)
    }
  }
}

export default UserFinder