<template>
  <v-layout row v-if="this.ready">
    <v-flex>
      <h1>{{ this.$gzlocale.get("Log")}}</h1>
      <v-textarea v-model="logText" full-width readonly auto-grow></v-textarea>
    </v-flex>
  </v-layout>
</template>

<script>
/*  eslint-disable */
import _ from "../utils/libs/lodash.js";
export default {
  created() {
    this.$gzlocale
      .fetch(["Log"])
      .then(() => (this.ready = true))
      .catch(err => {
        throw err;
      });
  },
  data() {
    return { logText: "", ready: false };
  },
  mounted() {
    var outText = "";
    _.forEach(this.$store.state.logArray, function(value) {
      outText += value + "\n";
    });
    this.logText = outText;
  }
};
</script>
