<template>
  <div class="container">
    <form>
      <label for="username">Username:</label>
      <input name="username" type="text">
      <label for="password">Password:</label>
      <input name="password" type="password">
      <button v-click="login">Log In</button>
    </form>
    <p>{{ errorMessage }}</p>
  </div>
</template>

<script>
export default {
  name: 'LoginView',
  data() {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    login() {
      this.$emit('userCredentials', {
        'username': '',
        'password': ''
      });
    }
  }
}
</script>