Cleanup code & make sure it has a common code style

src/views/teams/ListTeams.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="content loader-container is-max-width-desktop" v-bind:class="{ 'is-loading': teamService.loading}">
-		<router-link :to="{name:'teams.create'}" class="button is-success button-right" >
+		<router-link :to="{name:'teams.create'}" class="button is-success button-right">
 			<span class="icon is-small">
 				<icon icon="plus"/>
 			</span>
@@ -8,9 +8,9 @@
 		</router-link>
 		<h1>Teams</h1>
 		<ul class="teams box">
-			<li v-for="t in teams" :key="t.id">
+			<li :key="t.id" v-for="t in teams">
 				<router-link :to="{name: 'teams.edit', params: {id: t.id}}">
-					{{t.name}}
+					{{ t.name }}
 				</router-link>
 			</li>
 		</ul>
@@ -18,33 +18,33 @@
 </template>
 
 <script>
-	import TeamService from '../../services/team'
-	
-	export default {
-		name: 'ListTeams',
-		data() {
-			return {
-				teamService: TeamService,
-				teams: [],
-			}
-		},
-		created() {
-			this.teamService = new TeamService()
-			this.loadTeams()
-		},
-		mounted() {
-			this.setTitle('Teams')
-		},
-		methods: {
-			loadTeams() {
-				this.teamService.getAll()
-					.then(response => {
-						this.$set(this, 'teams', response)
-					})
-					.catch(e => {
-						this.error(e, this)
-					})
-			},
+import TeamService from '../../services/team'
+
+export default {
+	name: 'ListTeams',
+	data() {
+		return {
+			teamService: TeamService,
+			teams: [],
 		}
-	}
+	},
+	created() {
+		this.teamService = new TeamService()
+		this.loadTeams()
+	},
+	mounted() {
+		this.setTitle('Teams')
+	},
+	methods: {
+		loadTeams() {
+			this.teamService.getAll()
+				.then(response => {
+					this.$set(this, 'teams', response)
+				})
+				.catch(e => {
+					this.error(e, this)
+				})
+		},
+	},
+}
 </script>