fix(views): lint

frontend/src/components/project/ProjectWrapper.vue

@@ -11,6 +11,7 @@
 			<div class="switch-view">
 				<BaseButton
 					v-for="v in views"
+					:key="v.id"
 					class="switch-view-button"
 					:class="{'is-active': v.id === viewId}"
 					:to="{ name: 'project.view', params: { projectId, viewId: v.id } }"
@@ -18,7 +19,7 @@
 					{{ getViewTitle(v) }}
 				</BaseButton>
 			</div>
-			<slot name="header"/>
+			<slot name="header" />
 		</div>
 		<CustomTransition name="fade">
 			<Message
@@ -30,7 +31,7 @@
 			</Message>
 		</CustomTransition>
 
-		<slot v-if="loadedProjectId"/>
+		<slot v-if="loadedProjectId" />
 	</div>
 </template>
 
@@ -109,7 +110,7 @@ watch(
 			return
 		}
 
-		console.debug(`Loading project, $route.params =`, route.params, `, loadedProjectId = ${loadedProjectId.value}, currentProject = `, currentProject.value)
+		console.debug('Loading project, $route.params =', route.params, `, loadedProjectId = ${loadedProjectId.value}, currentProject = `, currentProject.value)
 
 		// Set the current project to the one we're about to load so that the title is already shown at the top
 		loadedProjectId.value = 0

frontend/src/components/project/partials/FilterInput.vue

@@ -21,11 +21,8 @@ import {
 	LABEL_FIELDS,
 } from '@/helpers/filters'
 import {useDebounceFn} from '@vueuse/core'
-import {useI18n} from 'vue-i18n'
 import {createRandomID} from '@/helpers/randomId'
 
-const {t} = useI18n()
-
 const {
 	modelValue,
 	projectId,
@@ -270,9 +267,9 @@ const blurDebounced = useDebounceFn(() => emit('blur'), 500)
 			>
 				<div class="control filter-input">
 					<textarea
+						:id
 						ref="filterInput"
 						v-model="filterQuery"
-						:id
 						autocomplete="off"
 						autocorrect="off"
 						autocapitalize="off"

frontend/src/components/project/views/ProjectKanban.vue

@@ -2,7 +2,7 @@
 	<ProjectWrapper
 		class="project-kanban"
 		:project-id="projectId"
-		:viewId
+		:view-id
 	>
 		<template #header>
 			<div class="filter-container">

frontend/src/components/project/views/ProjectList.vue

@@ -2,7 +2,7 @@
 	<ProjectWrapper
 		class="project-list"
 		:project-id="projectId"
-		:viewId
+		:view-id
 	>
 		<template #header>
 			<div class="filter-container">
@@ -73,7 +73,7 @@
 							>
 								<template v-if="canWrite">
 									<span class="icon handle">
-										<icon icon="grip-lines"/>
+										<icon icon="grip-lines" />
 									</span>
 								</template>
 							</SingleTaskInProject>
@@ -114,7 +114,6 @@ import type {ITask} from '@/modelTypes/ITask'
 import {isSavedFilter} from '@/services/savedFilter'
 
 import {useBaseStore} from '@/stores/base'
-import {useTaskStore} from '@/stores/tasks'
 
 import type {IProject} from '@/modelTypes/IProject'
 import type {IProjectView} from '@/modelTypes/IProjectView'
@@ -189,7 +188,6 @@ const firstNewPosition = computed(() => {
 	return calculateItemPosition(null, tasks.value[0].position)
 })
 
-const taskStore = useTaskStore()
 const baseStore = useBaseStore()
 const project = computed(() => baseStore.currentProject)
 

frontend/src/components/project/views/ProjectTable.vue

@@ -2,7 +2,7 @@
 	<ProjectWrapper
 		class="project-table"
 		:project-id="projectId"
-		:viewId
+		:view-id
 	>
 		<template #header>
 			<div class="filter-container">

frontend/src/components/project/views/viewEditForm.vue

@@ -117,11 +117,14 @@ function validateTitle() {
 						class="is-danger"
 						@click.prevent="() => model.bucketConfiguration.splice(index, 1)"
 					>
-						<icon icon="trash-alt"/>
+						<icon icon="trash-alt" />
 					</button>
 					<div class="filter-bucket-form">
 						<div class="field">
-							<label class="label" :for="'bucket_'+index+'_title'">
+							<label
+								class="label"
+								:for="'bucket_'+index+'_title'"
+							>
 								{{ $t('project.views.title') }}
 							</label>
 							<div class="control">
@@ -136,18 +139,18 @@ function validateTitle() {
 
 						<FilterInput
 							v-model="model.bucketConfiguration[index].filter"
-							:inputLabel="$t('project.views.filter')"
+							:input-label="$t('project.views.filter')"
 						/>
 					</div>
 				</div>
 				<div class="is-flex is-justify-content-end">
-					<x-button
+					<XButton
 						variant="secondary"
 						icon="plus"
 						@click="() => model.bucketConfiguration.push({title: '', filter: ''})"
 					>
 						{{ $t('project.kanban.addBucket') }}
-					</x-button>
+					</XButton>
 				</div>
 			</div>
 		</div>