labels are now sorted

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>

src/components/Controls.vue

@@ -62,7 +62,7 @@
 						<div class="filter">
 							<h3>{{ t('deck', 'Filter by tag') }}</h3>
 							{{ filter }}
-							<div v-for="label in board.labels" :key="label.id" class="filter--item">
+							<div v-for="label in labelsSorted" :key="label.id" class="filter--item">
 								<input
 									:id="label.id"
 									v-model="filter.tags"
@@ -225,6 +225,9 @@ export default {
 			}
 			return 'opacity: .5;'
 		},
+		labelsSorted() {
+			return [...this.board.labels].sort((a, b) => (a.title < b.title) ? -1 : 1)
+		},
 	},
 	methods: {
 		beforeSetFilter(e) {

src/components/board/TagsTabSidebar.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<ul class="labels">
-			<li v-for="label in labels" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
+			<li v-for="label in labelsSorted" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
 				<!-- Edit Tag -->
 				<template v-if="editingLabelId === label.id">
 					<form class="label-form" @submit.prevent="updateLabel(label)">
@@ -111,6 +111,9 @@ export default {
 
 			return true
 		},
+		labelsSorted() {
+			return [...this.labels].sort((a, b) => (a.title < b.title) ? -1 : 1)
+		},
 
 	},
 	methods: {