Fix indentation/formatting

src/App.vue

@@ -2,8 +2,8 @@
 	<div id="content" class="app-upschooling">
 		<AppNavigation>
 			<AppNavigationCaption title="Meine Support-Tickets" />
-				<template>
-					<AppNavigationItem v-for="item in tickets" :key="item.ticketId" v-bind:title="item.title" @click="openTicket(item.ticketId)" /> 
+			<template v-for="item in tickets">
+				<AppNavigationItem :key="item.ticketId" :title="item.title" @click="openTicket(item.ticketId)" />
 				<!-- TODO: show only proper tickets -->
 			</template>
 		</AppNavigation>
@@ -36,7 +36,7 @@ export default {
 		AppContent,
 		AppNavigation,
 		AppNavigationItem,
-		AppNavigationCaption
+		AppNavigationCaption,
 	},
 
 	data() {
@@ -110,9 +110,9 @@ export default {
 		deselectTicket() {
 			this.currentTicket = null
 		},
-		newTicket(){
-			//TODO generate new empty ticket
-		}
+		newTicket() {
+			// TODO: generate new empty ticket
+		},
 	},
 }
 </script>

src/components/TicketList.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="ticketlist">
+	<div class="ticketlist">
 		<div class="header-bar">
 			<button @click="newTicket">
 				{{ t('upschooling', 'Neues Ticket') }}
@@ -57,7 +57,7 @@
 				</tr>
 			</tbody>
 		</table>
-</div>
+	</div>
 </template>
 
 <script>
@@ -81,33 +81,33 @@ export default {
 		},
 		newTicket() {
 			this.$emit('new-ticket')
-		}
+		},
 	},
 }
 </script>
 
 <style scoped>
-
-	table {
+table {
 	width: 100%;
-	}
+}
 
-	td {
+td {
 	border-bottom: solid #000 1px;
-	}
+}
 
-	tr:nth-child(2n) {
+tr:nth-child(2n) {
 	background: #f0f0f0;
-	}
+}
 
-	a .ticket-number {
+a .ticket-number {
 	opacity: 0.5;
-	}
+}
 
-	a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
+a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
 	opacity: 1;
-	}
-	.header-bar {
+}
+
+.header-bar {
 	display: flex;
 	width: 100%;
 	flex-direction: row-reverse;