Fix eslint

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/navigation/AppNavigation.vue

@@ -28,31 +28,36 @@
 				:text="t('deck', 'All boards')"
 				:boards="noneArchivedBoards"
 				:open-on-add-boards="true"
-				icon="icon-deck" />
+				icon="icon-deck"
+			/>
 			<app-navigation-board-category
 				id="deck-navigation-archived"
 				:text="t('deck', 'Archived boards')"
 				:boards="archivedBoards"
-				icon="icon-archive" />
+				icon="icon-archive"
+			/>
 			<app-navigation-board-category
 				id="deck-navigation-shared"
 				:text="t('deck', 'Shared boards')"
 				:boards="sharedBoards"
-				icon="icon-shared" />
+				icon="icon-shared"
+			/>
 			<app-navigation-add-board />
 		</ul>
-		<div v-click-outside="closeMenu" v-if="isAdmin"
-			id="app-settings" :class="{open: opened}">
+		<div v-if="isAdmin" id="app-settings"
+			v-click-outside="closeMenu" :class="{open: opened}"
+		>
 			<div id="app-settings-header">
 				<button class="settings-button" @click="toggleMenu">
 					{{ t('deck', 'Settings') }}
 				</button>
 			</div>
 			<div id="app-settings-content">
-				<Multiselect :class="{'icon-loading-small': groupLimitDisabled}" :options="groups" :multiple="true"
-					v-model="groupLimit"
+				<Multiselect v-model="groupLimit" :class="{'icon-loading-small': groupLimitDisabled}" :options="groups"
+					:multiple="true"
 					:disabled="groupLimitDisabled" label="displayname" track-by="id"
-					@input="updateConfig" />
+					@input="updateConfig"
+				/>
 				<p>{{ t('deck', 'Limiting Deck will block users not part of those groups from creating their own boards. Users will still be able to work on boards that have been shared with them.') }}</p>
 			</div>
 		</div>
@@ -66,14 +71,12 @@ import ClickOutside from 'vue-click-outside'
 import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
 
 import AppNavigationAddBoard from './AppNavigationAddBoard'
-import AppNavigationBoard from './AppNavigationBoard'
 import AppNavigationBoardCategory from './AppNavigationBoardCategory'
 
 export default {
 	name: 'AppNavigation',
 	components: {
 		AppNavigationAddBoard,
-		AppNavigationBoard,
 		AppNavigationBoardCategory,
 		Multiselect
 	},

src/components/navigation/AppNavigationAddBoard.vue

@@ -21,8 +21,8 @@
   -->
 <template>
 	<li id="deck-navigation-add"
-		:title="t('deck', 'Create new board')" :class="[{'icon-loading-small': loading, 'editing': editing}, classes]">
-
+		:title="t('deck', 'Create new board')" :class="[{'icon-loading-small': loading, 'editing': editing}, classes]"
+	>
 		<a class="icon-add" href="#" @click.prevent.stop="startCreateBoard">
 			{{ t('deck', 'Create new board') }}
 		</a>
@@ -33,7 +33,8 @@
 				<input :placeholder="t('deck', 'New board title')" type="text" required>
 				<input type="submit" value="" class="icon-confirm">
 				<input type="submit" value="" class="icon-close"
-					@click.stop.prevent="cancelEdit">
+					@click.stop.prevent="cancelEdit"
+				>
 			</form>
 			<ColorPicker v-model="color" />
 		</div>

src/components/navigation/AppNavigationBoard.vue

@@ -22,7 +22,8 @@
 <template>
 	<router-link :id="`board-${board.id}`"
 		:title="board.title" :class="[{'icon-loading-small': loading, deleted: deleted, editing: editing }, classes]"
-		:to="routeTo" tag="li">
+		:to="routeTo" tag="li"
+	>
 		<div :style="{ backgroundColor: `#${board.color}` }" class="app-navigation-entry-bullet" />
 		<a href="#">
 			{{ board.title }}
@@ -32,7 +33,8 @@
 			<ul>
 				<li class="app-navigation-entry-utils-menu-button">
 					<button v-if="board.acl.length === 0" class="icon-shared" style="opacity: 0.3"
-						@click="showSidebar" />
+						@click="showSidebar"
+					/>
 					<button v-else class="icon-shared" @click="showSidebar" />
 				</li>
 				<li class="app-navigation-entry-utils-menu-button">
@@ -52,7 +54,8 @@
 			<button
 				:title="t('settings', 'Undo')"
 				class="app-navigation-entry-deleted-button icon-history"
-				@click="unDelete" />
+				@click="unDelete"
+			/>
 		</div>
 
 		<!-- edit entry -->
@@ -61,7 +64,8 @@
 				<input v-model="editTitle" type="text" required>
 				<input type="submit" value="" class="icon-confirm">
 				<input type="submit" value="" class="icon-close"
-					@click.stop.prevent="cancelEdit">
+					@click.stop.prevent="cancelEdit"
+				>
 			</form>
 			<ColorPicker v-model="editColor" />
 		</div>

src/components/navigation/AppNavigationBoardCategory.vue

@@ -21,7 +21,8 @@
   -->
 <template>
 	<li v-if="boards.length > 0" :id="id" :title="text"
-		:class="{'open': opened, 'collapsible': collapsible }">
+		:class="{'open': opened, 'collapsible': collapsible }"
+	>
 		<button v-if="collapsible" class="collapse" @click.prevent.stop="toggleCollapse" />
 		<a :class="icon" href="#">
 			{{ text }}
@@ -33,15 +34,13 @@
 </template>
 
 <script>
-import { PopoverMenu } from '@nextcloud/vue/dist/Components/PopoverMenu'
 import ClickOutside from 'vue-click-outside'
 import AppNavigationBoard from './AppNavigationBoard'
 
 export default {
 	name: 'AppNavigationBoardCategory',
 	components: {
-		AppNavigationBoard,
-		PopoverMenu
+		AppNavigationBoard
 	},
 	directives: {
 		ClickOutside