window bug

window.vue

<template>
  <boilerplate>
    <v-layout align-center justify-center>
      <v-card class="pa-3" width="500">
        <v-chip
          class="elevation-0"
          outline
          @click="step = 0"
        >
        <v-icon
          color="primary"
          left
        >account_circle</v-icon>
        <span
          class="body-2"
          v-text="'[email protected]'"
        />
        <v-icon
          color="black"
          right
        >
          keyboard_arrow_down
        </v-icon>
      </v-chip>
      <v-window v-model="step">
        <v-window-item>
          <div>
            <email
              v-model="email"
              @next="step = 1"
            />
          </div>
        </v-window-item>
        <v-window-item>
          <div>
            <password
              v-model="password"
              @next="step = 0"
            />
          </div>
        </v-window-item>
      </v-window>
    </v-card>
    </v-layout>
  </boilerplate>
</template>

<script>
  import Email from './Email'
  import Password from './Password'
  export default {
    components: {
      Email,
      Password
    },

    data: () => ({
      email: undefined,
      password: undefined,
      step: 0
    }),
  }
</script>