app/ayanova/src/views/log.vue

@@ -1,8 +1,10 @@
 <template>
-  <div>
-    <h1>{{ lt("Log")}}</h1>
-    <span>{{log()}}</span>
-  </div>
+  <v-layout row>
+    <v-flex xs12 sm6 offset-sm3>
+      <h1>{{ lt("Log")}}</h1>
+      <v-textarea v-model="logText" full-width></v-textarea>
+    </v-flex>
+  </v-layout>
 </template>
 
 <script>
@@ -13,18 +15,17 @@ import store from "../store";
 import lt from "../api/locale";
 export default {
   data() {
-    return {};
+    return { logText: "" };
   },
   beforeRouteEnter(to, from, next) {
     lt.fetch(["Log"]).then(() => {
       next();
     });
   },
-  mounted() {},
+  mounted() {
+    this.logText = store.state.logArray.toString();
+  },
   methods: {
-    log: function() {
-      return store.state.logArray;
-    },
     lt: function(key) {
       return lt.get(key);
     }