<i18n>
{
  "en": {
  },
  "de": {
  }
}
</i18n>

<template>
  <div class="account-page">
    <div style="display: flex; justify-content: center; margin-top: 40px">
      <v-btn color="primary" @click="newAlert">New Alert</v-btn>
    </div>
  </div>
</template>

<script>

export default {
  name: 'AccountPage',
  data () {
    return {
      testId: 0
    }
  },
  methods: {
    newAlert () {
      this.$alert({ type: 'success', text: 'test ' + this.testId })
      this.testId++
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
