<template>
  <v-container>
    <v-row>
      <v-col cols="12">
        <v-img
          :src="require('../assets/logo.svg')"
          contain
          height="200"
          position="center top"
        ></v-img>
      </v-col>
      <v-col cols="12" v-if="this.formReady">
        <h1 class="display-1 font-weight-bold text-center">
          {{ lt("Welcome") }}
        </h1>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  created() {
    window.$gz.locale
      .fetch(["Welcome"])
      .then(() => (this.formReady = true))
      .catch(err => {
        this.formReady = true;
        window.$gz.errorHandler.handleFormError(err);
      });
  },
  data() {
    return { formReady: false };
  },
  methods: {
    lt(ltKey) {
      return window.$gz.locale.get(ltKey);
    }
  }
};
</script>

<style></style>
