<template>
  <v-container>
    <v-layout text-xs-center wrap>
      <v-flex xs12>
        <v-img
          :src="require('../assets/logo.svg')"
          class="my-3"
          contain
          height="200"
        ></v-img>
      </v-flex>
      <v-flex mb-4 v-if="this.formReady">
        <h1 class="display-2 font-weight-bold mb-3">
          {{ this.$gzlocale.get("Welcome") }}
        </h1>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  created() {
    this.$gzlocale
      .fetch(["Welcome"])
      .then(() => (this.formReady = true))
      .catch(err => {
        this.formReady = true;
        this.$gzHandleFormError(err);
      });
  },
  data() {
    return { formReady: false };
  }
};
</script>

<style></style>
