Reverse order of compiler logs

Closes #995

src/components/Compiler/Window/Logs.vue

@@ -1,7 +1,7 @@
 <template>
-	<div v-if="data.length > 0">
+	<div v-if="data.length > 0" ref="scrollElement">
 		<Sheet
-			v-for="([msg, { type }], i) in data"
+			v-for="([msg, { type }], i) in getReversedData()"
 			:key="`${type}//${msg}//${i}`"
 			class="pa-2 mb-2 d-flex"
 			style="overflow: auto"
@@ -66,6 +66,15 @@ export default {
 		getMessageParts(msg) {
 			return msg.split('\n')
 		},
+		getReversedData() {
+			return this.data.slice().reverse()
+		},
+	},
+	watch: {
+		data() {
+			this.$refs.scrollElement.parentElement.scrollTop =
+				this.$refs.scrollElement.parentElement.scrollHeight
+		},
 	},
 }
 </script>