Modal Close Button behoben, Events verbessert, Galerie fertiggestellt, ESLint Config hinzugefügt

src/components/startseite/Events.vue

@@ -4,12 +4,12 @@ import striptags from "striptags";
 import moment, { Moment } from "moment";
 import Modal from "../Modal.vue";
 import $ from "jquery";
-import MarkdownRender from 'vue-renderer-markdown'
-import 'katex/dist/katex.min.css'
+import MarkdownRender from "vue-renderer-markdown";
+import "katex/dist/katex.min.css";
 
 export default {
 	data() {
-		let openedModals: number[] = [];
+		const openedModals: number[] = [];
 		return {
 			openedModals,
 			modaltypes: ["text", "html"],
@@ -18,7 +18,7 @@ export default {
 	},
 	computed: {
 		events() {
-			let result: any[] = [];
+			let result: Array<any> = [];
 
 			$.ajax(RitzenbergenLib.RitzenbergenLib.api("get_events.php"), {
 				crossDomain: true,
@@ -91,8 +91,8 @@ export default {
 	},
 	methods: {
 		vorschautext(content: string) {
-			let stripped = striptags(content);
-			let vorschaulen = 30;
+			const stripped = striptags(content);
+			const vorschaulen = 30;
 			if (stripped.length > vorschaulen) {
 				return stripped.substring(0, vorschaulen) + "...";
 			} else {
@@ -100,7 +100,7 @@ export default {
 			}
 		},
 		format_date(date: string) {
-			let mymoment: Moment = moment(date);
+			const mymoment: Moment = moment(date);
 
 			return mymoment.format("DD.MM.YYYY");
 		},
@@ -110,7 +110,7 @@ export default {
 	},
 	components: {
 		Modal,
-		MarkdownRender
+		MarkdownRender,
 	},
 };
 </script>
@@ -136,9 +136,10 @@ export default {
 				</h5>
 
 				<div
+					v-for="(event, i) in events"
+					:key="i"
 					class="item features-image col-12 col-md-6 col-lg-3"
 					:class="{ active: i % 4 == 0 }"
-					v-for="(event, i) in events"
 				>
 					<Modal
 						v-show="
@@ -152,7 +153,9 @@ export default {
 							)
 						"
 					>
-					<MarkdownRender :content="event.content" :options="{'allowHtml': true}"/>
+						<MarkdownRender
+							:content="event.content"
+						/>
 					</Modal>
 
 					<div class="item-wrapper">