From 4f38f25d11aed82ca81d682345011aa4974da3a9 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 15 Sep 2022 18:04:58 +0200
Subject: [PATCH 001/187] feat: add minimal task wizard

---
 src/components/misc/create-edit.vue           |  6 +-
 .../quick-actions/quick-actions.vue           |  2 +-
 src/i18n/lang/en.json                         |  7 +-
 src/router/index.ts                           | 10 +++
 src/views/tasks/CreateTask.vue                | 83 +++++++++++++++++++
 5 files changed, 105 insertions(+), 3 deletions(-)
 create mode 100644 src/views/tasks/CreateTask.vue

diff --git a/src/components/misc/create-edit.vue b/src/components/misc/create-edit.vue
index 35441c32..fe07ed02 100644
--- a/src/components/misc/create-edit.vue
+++ b/src/components/misc/create-edit.vue
@@ -9,7 +9,7 @@
 			@close="$router.back()"
 			:loading="loading"
 		>
-			<div class="p-4">
+			<div :class="{'p-4': padding}">
 				<slot />
 			</div>
 
@@ -72,6 +72,10 @@ defineProps({
 		type: Boolean,
 		default: false,
 	},
+	padding: {
+		type: Boolean,
+		default: true,
+	},
 })
 
 const emit = defineEmits(['create', 'primary', 'tertiary'])
diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue
index a9b3058e..dd3dd170 100644
--- a/src/components/quick-actions/quick-actions.vue
+++ b/src/components/quick-actions/quick-actions.vue
@@ -186,7 +186,7 @@ export default defineComponent({
 			if (this.selectedCmd !== null) {
 				switch (this.selectedCmd.action) {
 					case CMD_NEW_TASK:
-						return this.$t('quickActions.newTask')
+						return this.$t('task.create.title')
 					case CMD_NEW_LIST:
 						return this.$t('quickActions.newList')
 					case CMD_NEW_NAMESPACE:
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 4674f6e8..41658568 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -616,6 +616,12 @@
       "select": "Select a date range",
       "noTasks": "Nothing to do — Have a nice day!"
     },
+    "create": {
+      "heading": "Create a task in {list}",
+      "title": "Enter the title of the new task…",
+      "descriptionPlaceholder": "Enter your description here…",
+      "description": "Add description…"
+    },
     "detail": {
       "chooseDueDate": "Click here to set a due date",
       "chooseStartDate": "Click here to set a start date",
@@ -933,7 +939,6 @@
     "lists": "Lists",
     "teams": "Teams",
     "newList": "Enter the title of the new list…",
-    "newTask": "Enter the title of the new task…",
     "newNamespace": "Enter the title of the new namespace…",
     "newTeam": "Enter the name of the new team…",
     "createTask": "Create a task in the current list ({title})",
diff --git a/src/router/index.ts b/src/router/index.ts
index 2d150edf..f36f1025 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -23,6 +23,7 @@ import UpcomingTasksComponent from '../views/tasks/ShowTasks.vue'
 import LinkShareAuthComponent from '../views/sharing/LinkSharingAuth.vue'
 import ListNamespaces from '../views/namespaces/ListNamespaces.vue'
 import TaskDetailView from '../views/tasks/TaskDetailView.vue'
+import CreateTask from '../views/tasks/CreateTask.vue'
 // Team Handling
 import ListTeamsComponent from '../views/teams/ListTeams.vue'
 // Label Handling
@@ -348,6 +349,15 @@ const router = createRouter({
 			},
 			props: route => ({ listId: Number(route.params.listId as string) }),
 		},
+		{
+			path: '/lists/:listId/create-task',
+			name: 'task.create',
+			component: CreateTask,
+			meta: {
+				showAsModal: true,
+			},
+			props: route => ({ listId: Number(route.params.listId as string) }),
+		},
 		{
 			path: '/lists/:listId',
 			name: 'list.index',
diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
new file mode 100644
index 00000000..7fc4d05c
--- /dev/null
+++ b/src/views/tasks/CreateTask.vue
@@ -0,0 +1,83 @@
+<template>
+	<CreateEdit
+		:padding="false"
+		:title="heading"
+		@primary="create"
+		:loading="taskService.loading"
+	>
+		<input
+			:placeholder="$t('task.create.title')"
+			class="task-title input"
+			@keyup.enter="create"
+			v-model="newTask.title"
+			v-focus
+		/>
+		<BaseButton
+			v-if="!descriptionFormVisible"
+			@click="() => descriptionFormVisible = true"
+			class="toggle-description-button"
+		>
+			{{ $t('task.create.description') }}
+		</BaseButton>
+		<editor
+			v-if="descriptionFormVisible"
+			v-model="newTask.description"
+			:placeholder="$t('task.create.descriptionPlaceholder')"
+			:preview-is-default="false"
+			class="m-4"
+		/>
+	</CreateEdit>
+</template>
+
+<script lang="ts" setup>
+import {computed, ref} from 'vue'
+import {useStore} from '@/store'
+import {useI18n} from 'vue-i18n'
+import CreateEdit from '@/components/misc/create-edit.vue'
+import type {ITask} from '@/modelTypes/ITask'
+import TaskModel from '@/models/task'
+import Editor from '@/components/input/AsyncEditor'
+import BaseButton from '@/components/base/BaseButton.vue'
+import TaskService from '@/services/task'
+import {useRouter} from 'vue-router'
+
+const store = useStore()
+const router = useRouter()
+const {t} = useI18n()
+const props = defineProps<{
+	listId: number,
+}>()
+
+const heading = computed(() => {
+	const listTitle = store.getters['lists/getListById'](props.listId)?.title || ''
+	return listTitle !== ''
+		? t('task.create.heading', {list: listTitle})
+		: t('task.new')
+})
+
+const descriptionFormVisible = ref(false)
+const newTask = ref<ITask>(new TaskModel({}))
+const taskService = ref(new TaskService())
+
+async function create() {
+	newTask.value.listId = props.listId
+	const task = await taskService.value.create(newTask.value)
+	return router.push({name: 'task.detail', params: {id: task.id}})
+}
+</script>
+
+<style scoped>
+.task-title {
+	width: 100%;
+	font-size: 1.5rem;
+	border: 0;
+	padding: 1rem;
+}
+
+.toggle-description-button {
+	padding: 1rem;
+	color: var(--grey-400);
+	width: 100%;
+	text-align: left;
+}
+</style>

From ec01f516a8f20c8bd83e532e27cece0fcb4bd741 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 21 Sep 2022 21:24:03 +0200
Subject: [PATCH 002/187] fix: use pina list store

---
 src/views/tasks/CreateTask.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 7fc4d05c..9a97d087 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -31,7 +31,6 @@
 
 <script lang="ts" setup>
 import {computed, ref} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 import CreateEdit from '@/components/misc/create-edit.vue'
 import type {ITask} from '@/modelTypes/ITask'
@@ -40,8 +39,9 @@ import Editor from '@/components/input/AsyncEditor'
 import BaseButton from '@/components/base/BaseButton.vue'
 import TaskService from '@/services/task'
 import {useRouter} from 'vue-router'
+import {useListStore} from '@/stores/lists'
 
-const store = useStore()
+const listStore = useListStore()
 const router = useRouter()
 const {t} = useI18n()
 const props = defineProps<{
@@ -49,7 +49,7 @@ const props = defineProps<{
 }>()
 
 const heading = computed(() => {
-	const listTitle = store.getters['lists/getListById'](props.listId)?.title || ''
+	const listTitle = listStore.getListById(props.listId)?.title || ''
 	return listTitle !== ''
 		? t('task.create.heading', {list: listTitle})
 		: t('task.new')

From bf027397b5e2985ca364a2c27b6e40a12cb719d8 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 21 Sep 2022 21:56:04 +0200
Subject: [PATCH 003/187] feat(task wizard): add quick add magic support

---
 src/helpers/findAssignees.ts       | 23 ++++++++++++++++++++++
 src/helpers/findPropertyByValue.ts |  7 +++++++
 src/store/modules/tasks.ts         | 31 ++----------------------------
 src/views/tasks/CreateTask.vue     | 28 ++++++++++++++++++++++++---
 4 files changed, 57 insertions(+), 32 deletions(-)
 create mode 100644 src/helpers/findAssignees.ts
 create mode 100644 src/helpers/findPropertyByValue.ts

diff --git a/src/helpers/findAssignees.ts b/src/helpers/findAssignees.ts
new file mode 100644
index 00000000..ca557cfb
--- /dev/null
+++ b/src/helpers/findAssignees.ts
@@ -0,0 +1,23 @@
+import UserService from '@/services/user'
+import {findPropertyByValue} from '@/helpers/findPropertyByValue'
+
+// Check if the user exists
+function validateUsername(users: IUser[], username: IUser['username']) {
+	return findPropertyByValue(users, 'username', username)
+}
+
+export async function findAssignees(parsedTaskAssignees: string[]) {
+	if (parsedTaskAssignees.length <= 0) {
+		return []
+	}
+
+	const userService = new UserService()
+	const assignees = parsedTaskAssignees.map(async a => {
+		const users = await userService.getAll({}, {s: a})
+		return validateUsername(users, a)
+	})
+
+	const validatedUsers = await Promise.all(assignees)
+	return validatedUsers.filter((item) => Boolean(item))
+}
+
diff --git a/src/helpers/findPropertyByValue.ts b/src/helpers/findPropertyByValue.ts
new file mode 100644
index 00000000..0bd39f50
--- /dev/null
+++ b/src/helpers/findPropertyByValue.ts
@@ -0,0 +1,7 @@
+// IDEA: maybe use a small fuzzy search here to prevent errors
+export function findPropertyByValue(object, key, value) {
+	return Object.values(object).find(
+		(l) => l[key]?.toLowerCase() === value.toLowerCase(),
+	)
+}
+
diff --git a/src/store/modules/tasks.ts b/src/store/modules/tasks.ts
index d18e218e..9ee71684 100644
--- a/src/store/modules/tasks.ts
+++ b/src/store/modules/tasks.ts
@@ -5,7 +5,6 @@ import {formatISO} from 'date-fns'
 import TaskService from '@/services/task'
 import TaskAssigneeService from '@/services/taskAssignee'
 import LabelTaskService from '@/services/labelTask'
-import UserService from '@/services/user'
 
 import {HAS_TASKS} from '../mutation-types'
 import {setLoading} from '../helper'
@@ -28,18 +27,8 @@ import type { RootStoreState, TaskState } from '@/store/types'
 import {useLabelStore} from '@/stores/labels'
 import {useListStore} from '@/stores/lists'
 import {playPop} from '@/helpers/playPop'
-
-// IDEA: maybe use a small fuzzy search here to prevent errors
-function findPropertyByValue(object, key, value) {
-	return Object.values(object).find(
-		(l) => l[key]?.toLowerCase() === value.toLowerCase(),
-	)
-}
-
-// Check if the user exists
-function validateUsername(users: IUser[], username: IUser['username']) {
-	return findPropertyByValue(users, 'username', username)
-}
+import {findPropertyByValue} from '@/helpers/findPropertyByValue'
+import {findAssignees} from '@/helpers/findAssignees'
 
 // Check if the label exists
 function validateLabel(labels: ILabel[], label: ILabel) {
@@ -57,22 +46,6 @@ async function addLabelToTask(task: ITask, label: ILabel) {
 	return response
 }
 
-async function findAssignees(parsedTaskAssignees) {
-	if (parsedTaskAssignees.length <= 0) {
-		return []
-	}
-
-	const userService = new UserService()
-	const assignees = parsedTaskAssignees.map(async a => {
-		const users = await userService.getAll({}, {s: a})
-		return validateUsername(users, a)
-	})
-
-	const validatedUsers = await Promise.all(assignees) 
-	return validatedUsers.filter((item) => Boolean(item))
-}
-
-
 const tasksStore : Module<TaskState, RootStoreState>= {
 	namespaced: true,
 	state: () => ({}),
diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 9a97d087..2edf99f1 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -12,6 +12,7 @@
 			v-model="newTask.title"
 			v-focus
 		/>
+		<QuickAddMagic class="ml-4"/>
 		<BaseButton
 			v-if="!descriptionFormVisible"
 			@click="() => descriptionFormVisible = true"
@@ -32,14 +33,21 @@
 <script lang="ts" setup>
 import {computed, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
+import {formatISO} from 'date-fns'
+
 import CreateEdit from '@/components/misc/create-edit.vue'
-import type {ITask} from '@/modelTypes/ITask'
-import TaskModel from '@/models/task'
 import Editor from '@/components/input/AsyncEditor'
 import BaseButton from '@/components/base/BaseButton.vue'
+import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
+
+import type {ITask} from '@/modelTypes/ITask'
+import TaskModel from '@/models/task'
 import TaskService from '@/services/task'
 import {useRouter} from 'vue-router'
 import {useListStore} from '@/stores/lists'
+import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
+import {parseTaskText} from '@/modules/parseTaskText'
+import {findAssignees} from '@/helpers/findAssignees'
 
 const listStore = useListStore()
 const router = useRouter()
@@ -59,9 +67,23 @@ const descriptionFormVisible = ref(false)
 const newTask = ref<ITask>(new TaskModel({}))
 const taskService = ref(new TaskService())
 
+const parsedTask = computed(() => parseTaskText(newTask.value.title, getQuickAddMagicMode()))
+
 async function create() {
 	newTask.value.listId = props.listId
-	const task = await taskService.value.create(newTask.value)
+	newTask.value.title = parsedTask.value.text
+	const assignees = await findAssignees(parsedTask.value.assignees)
+	const dueDate = parsedTask.value.date !== null ? formatISO(parsedTask.date) : null
+	
+	const finalTask = new TaskModel({
+		...newTask.value,
+		title: parsedTask.value.text,
+		dueDate,
+		priority: parsedTask.value.priority,
+		assignees: parsedTask.value.assignees,
+	})
+	
+	const task = await taskService.value.create(finalTask)
 	return router.push({name: 'task.detail', params: {id: task.id}})
 }
 </script>

From d950aae3a507cab91e55fd980ad2db2d99adae87 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 21 Sep 2022 21:59:37 +0200
Subject: [PATCH 004/187] feat(task wizard): show error message when no title
 is provided

---
 src/views/tasks/CreateTask.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 2edf99f1..9cf0e296 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -12,7 +12,10 @@
 			v-model="newTask.title"
 			v-focus
 		/>
-		<QuickAddMagic class="ml-4"/>
+		<p class="help is-danger ml-4" v-if="errorMessage !== ''">
+			{{ errorMessage }}
+		</p>
+		<QuickAddMagic class="ml-4" v-else/>
 		<BaseButton
 			v-if="!descriptionFormVisible"
 			@click="() => descriptionFormVisible = true"
@@ -63,6 +66,7 @@ const heading = computed(() => {
 		: t('task.new')
 })
 
+const errorMessage = ref('')
 const descriptionFormVisible = ref(false)
 const newTask = ref<ITask>(new TaskModel({}))
 const taskService = ref(new TaskService())
@@ -70,6 +74,12 @@ const taskService = ref(new TaskService())
 const parsedTask = computed(() => parseTaskText(newTask.value.title, getQuickAddMagicMode()))
 
 async function create() {
+	if (newTask.value.title === '') {
+		errorMessage.value = t('list.create.addTitleRequired')
+		return
+	}
+	errorMessage.value = ''
+
 	newTask.value.listId = props.listId
 	newTask.value.title = parsedTask.value.text
 	const assignees = await findAssignees(parsedTask.value.assignees)

From 169f95af337e8d81270b3b48fd7a47a90f0b2cac Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 21 Sep 2022 22:18:35 +0200
Subject: [PATCH 005/187] fix(task wizard): creating new task

---
 src/services/task.ts           | 4 ++--
 src/views/tasks/CreateTask.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/services/task.ts b/src/services/task.ts
index bb41b685..15d2d21e 100644
--- a/src/services/task.ts
+++ b/src/services/task.ts
@@ -51,8 +51,8 @@ export default class TaskService extends AbstractService<ITask> {
 		model.startDate = parseDate(model.startDate)
 		model.endDate = parseDate(model.endDate)
 		model.doneAt = parseDate(model.doneAt)
-		model.created = formatISO(new Date(model.created))
-		model.updated = formatISO(new Date(model.updated))
+		model.created = +(model.created) ? parseDate(model.created) : null
+		model.updated = +(model.updated) ? parseDate(model.updated) : null
 
 		// remove all nulls, these would create empty reminders
 		for (const index in model.reminderDates) {
diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 9cf0e296..485f83f4 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -83,7 +83,7 @@ async function create() {
 	newTask.value.listId = props.listId
 	newTask.value.title = parsedTask.value.text
 	const assignees = await findAssignees(parsedTask.value.assignees)
-	const dueDate = parsedTask.value.date !== null ? formatISO(parsedTask.date) : null
+	const dueDate = parsedTask.value.date !== null ? formatISO(parsedTask.value.date) : null
 	
 	const finalTask = new TaskModel({
 		...newTask.value,

From e492ce40d2539d6764cda23370015caf4d58f5c5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 21 Sep 2022 22:44:42 +0200
Subject: [PATCH 006/187] feat(task wizard): allow setting a due date via popup
 or quick add magic

---
 src/components/input/datepicker.vue |  8 +++++---
 src/views/tasks/CreateTask.vue      | 26 +++++++++++++++++++++-----
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index 733a9fab..89affd4d 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -1,8 +1,10 @@
 <template>
 	<div class="datepicker">
-		<BaseButton @click.stop="toggleDatePopup" class="show" :disabled="disabled || undefined">
-			{{ date === null ? chooseDateLabel : formatDateShort(date) }}
-		</BaseButton>
+		<slot :date="date" :openPopup="toggleDatePopup">
+			<BaseButton @click.stop="toggleDatePopup" class="show" :disabled="disabled || undefined">
+				{{ date === null ? chooseDateLabel : formatDateShort(date) }}
+			</BaseButton>
+		</slot>
 
 		<transition name="fade">
 			<div v-if="show" class="datepicker-popup" ref="datepickerPopup">
diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 485f83f4..c588122d 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -30,11 +30,21 @@
 			:preview-is-default="false"
 			class="m-4"
 		/>
+		<div class="px-4">
+			<Datepicker 
+				v-model="newTask.dueDate" 
+				v-slot="{ date, openPopup }"
+			>
+				<XButton variant="secondary" @click.stop="openPopup()">
+					{{ date ? formatDateShort(date) : t('task.attributes.dueDate') }}
+				</XButton>
+			</Datepicker>
+		</div>
 	</CreateEdit>
 </template>
 
 <script lang="ts" setup>
-import {computed, ref} from 'vue'
+import {computed, ref, watch} from 'vue'
 import {useI18n} from 'vue-i18n'
 import {formatISO} from 'date-fns'
 
@@ -42,6 +52,8 @@ import CreateEdit from '@/components/misc/create-edit.vue'
 import Editor from '@/components/input/AsyncEditor'
 import BaseButton from '@/components/base/BaseButton.vue'
 import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
+import XButton from '@/components/input/button.vue'
+import Datepicker from '@/components/input/datepicker.vue'
 
 import type {ITask} from '@/modelTypes/ITask'
 import TaskModel from '@/models/task'
@@ -51,6 +63,7 @@ import {useListStore} from '@/stores/lists'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {parseTaskText} from '@/modules/parseTaskText'
 import {findAssignees} from '@/helpers/findAssignees'
+import {formatDateShort} from '@/helpers/time/formatDate'
 
 const listStore = useListStore()
 const router = useRouter()
@@ -67,11 +80,15 @@ const heading = computed(() => {
 })
 
 const errorMessage = ref('')
+const taskService = ref(new TaskService())
 const descriptionFormVisible = ref(false)
 const newTask = ref<ITask>(new TaskModel({}))
-const taskService = ref(new TaskService())
 
 const parsedTask = computed(() => parseTaskText(newTask.value.title, getQuickAddMagicMode()))
+watch(
+	() => parsedTask.value.date,
+	date => newTask.value.dueDate = date
+)
 
 async function create() {
 	if (newTask.value.title === '') {
@@ -83,16 +100,15 @@ async function create() {
 	newTask.value.listId = props.listId
 	newTask.value.title = parsedTask.value.text
 	const assignees = await findAssignees(parsedTask.value.assignees)
-	const dueDate = parsedTask.value.date !== null ? formatISO(parsedTask.value.date) : null
 	
 	const finalTask = new TaskModel({
 		...newTask.value,
 		title: parsedTask.value.text,
-		dueDate,
+		dueDate: newTask.value.dueDate !== null ? formatISO(newTask.value.dueDate) : null,
 		priority: parsedTask.value.priority,
 		assignees: parsedTask.value.assignees,
 	})
-	
+
 	const task = await taskService.value.create(finalTask)
 	return router.push({name: 'task.detail', params: {id: task.id}})
 }

From a2b9971e673d6715569d8a01f0e2e92e9f69af69 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 17:41:59 +0200
Subject: [PATCH 007/187] feat(task wizard): more spacing

---
 src/views/tasks/CreateTask.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index c588122d..10a684a3 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -30,7 +30,7 @@
 			:preview-is-default="false"
 			class="m-4"
 		/>
-		<div class="px-4">
+		<div class="px-4 pb-4">
 			<Datepicker 
 				v-model="newTask.dueDate" 
 				v-slot="{ date, openPopup }"

From a712c2b514882d843c79046827a4b952efb23692 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 18:33:31 +0200
Subject: [PATCH 008/187] fix(task wizard): don't re-trigger parsed task
 evaluation when saving a task

---
 src/views/tasks/CreateTask.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 10a684a3..5853f578 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -97,12 +97,11 @@ async function create() {
 	}
 	errorMessage.value = ''
 
-	newTask.value.listId = props.listId
-	newTask.value.title = parsedTask.value.text
 	const assignees = await findAssignees(parsedTask.value.assignees)
 	
 	const finalTask = new TaskModel({
 		...newTask.value,
+		listId: props.listId,
 		title: parsedTask.value.text,
 		dueDate: newTask.value.dueDate !== null ? formatISO(newTask.value.dueDate) : null,
 		priority: parsedTask.value.priority,

From 070b629fb6c78efe28b6f5b4796bca99d1c8876e Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 18:53:46 +0200
Subject: [PATCH 009/187] feat(task wizard): visually show parsed labels from
 quick add

---
 src/views/tasks/CreateTask.vue | 46 +++++++++++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 5853f578..aa61c5d1 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -31,14 +31,22 @@
 			class="m-4"
 		/>
 		<div class="px-4 pb-4">
-			<Datepicker 
-				v-model="newTask.dueDate" 
+			<Datepicker
+				v-model="newTask.dueDate"
 				v-slot="{ date, openPopup }"
 			>
 				<XButton variant="secondary" @click.stop="openPopup()">
 					{{ date ? formatDateShort(date) : t('task.attributes.dueDate') }}
 				</XButton>
 			</Datepicker>
+			<div>
+				<span
+					v-for="label in realLabels"
+					:style="{'background': label.hexColor, 'color': label.textColor}"
+					class="tag mr-2">
+					<span>{{ label.title }}</span>
+				</span>
+			</div>
 		</div>
 	</CreateEdit>
 </template>
@@ -64,8 +72,14 @@ import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {parseTaskText} from '@/modules/parseTaskText'
 import {findAssignees} from '@/helpers/findAssignees'
 import {formatDateShort} from '@/helpers/time/formatDate'
+import {useLabelStore} from '@/stores/labels'
+import {useStore} from '@/store'
+import type {ILabel} from '@/modelTypes/ILabel'
+import LabelModel from '@/models/label'
 
 const listStore = useListStore()
+const labelStore = useLabelStore()
+const store = useStore()
 const router = useRouter()
 const {t} = useI18n()
 const props = defineProps<{
@@ -87,9 +101,27 @@ const newTask = ref<ITask>(new TaskModel({}))
 const parsedTask = computed(() => parseTaskText(newTask.value.title, getQuickAddMagicMode()))
 watch(
 	() => parsedTask.value.date,
-	date => newTask.value.dueDate = date
+	date => newTask.value.dueDate = date,
 )
 
+const labels = ref<string[]>([])
+watch(
+	() => parsedTask.value.labels,
+	labelTitles => labels.value = labelTitles,
+)
+const realLabels = computed<ILabel[]>(() => {
+	const existingLabels = labelStore.getLabelsByExactTitles(labels.value)
+
+	const newLabels = labels.value
+		.filter(l => l !== '' && !(existingLabels.map(le => le.title).includes(l)))
+		.map(newLabel => new LabelModel({title: newLabel}))
+
+	return [
+		...existingLabels,
+		...newLabels,
+	]
+})
+
 async function create() {
 	if (newTask.value.title === '') {
 		errorMessage.value = t('list.create.addTitleRequired')
@@ -98,7 +130,7 @@ async function create() {
 	errorMessage.value = ''
 
 	const assignees = await findAssignees(parsedTask.value.assignees)
-	
+
 	const finalTask = new TaskModel({
 		...newTask.value,
 		listId: props.listId,
@@ -109,6 +141,12 @@ async function create() {
 	})
 
 	const task = await taskService.value.create(finalTask)
+
+	await store.dispatch('tasks/addLabelsToTask', {
+		task,
+		parsedLabels: labels,
+	})
+
 	return router.push({name: 'task.detail', params: {id: task.id}})
 }
 </script>

From 8c61d99393a18b969881c621864ffc2532254c48 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 18:59:21 +0200
Subject: [PATCH 010/187] feat(task wizard): styling

---
 src/views/tasks/CreateTask.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index aa61c5d1..ca5157a3 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -30,16 +30,16 @@
 			:preview-is-default="false"
 			class="m-4"
 		/>
-		<div class="px-4 pb-4">
+		<div class="px-4 pb-4 task-attributes">
 			<Datepicker
 				v-model="newTask.dueDate"
 				v-slot="{ date, openPopup }"
 			>
-				<XButton variant="secondary" @click.stop="openPopup()">
+				<XButton variant="secondary" @click.stop="openPopup()" class="datepicker-button">
 					{{ date ? formatDateShort(date) : t('task.attributes.dueDate') }}
 				</XButton>
 			</Datepicker>
-			<div>
+			<div class="is-flex pl-2">
 				<span
 					v-for="label in realLabels"
 					:style="{'background': label.hexColor, 'color': label.textColor}"
@@ -144,7 +144,7 @@ async function create() {
 
 	await store.dispatch('tasks/addLabelsToTask', {
 		task,
-		parsedLabels: labels,
+		parsedLabels: labels.value,
 	})
 
 	return router.push({name: 'task.detail', params: {id: task.id}})
@@ -165,4 +165,14 @@ async function create() {
 	width: 100%;
 	text-align: left;
 }
+
+.datepicker-button {
+	white-space: nowrap;
+}
+
+.task-attributes {
+	display: flex;
+	align-items: center;
+	overflow-y: auto;
+}
 </style>

From bfb8ab407b24cf9caa8fcf505a53c1e396d924e5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 19:18:16 +0200
Subject: [PATCH 011/187] feat(task wizard): add label removal

---
 src/views/tasks/CreateTask.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index ca5157a3..798855c1 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -45,6 +45,7 @@
 					:style="{'background': label.hexColor, 'color': label.textColor}"
 					class="tag mr-2">
 					<span>{{ label.title }}</span>
+					<BaseButton @click="removeLabel(label)" class="delete is-small"/>
 				</span>
 			</div>
 		</div>
@@ -122,6 +123,16 @@ const realLabels = computed<ILabel[]>(() => {
 	]
 })
 
+function removeLabel(label: ILabel) {
+	while (true) { // Using a loop to remove all labels, including possible duplicates added via quick add magic
+		const index = labels.value.findIndex(el => el.toLowerCase() === label.title.toLowerCase())
+		if (index === -1) {
+			break
+		}
+		labels.value.splice(index, 1)
+	}
+}
+
 async function create() {
 	if (newTask.value.title === '') {
 		errorMessage.value = t('list.create.addTitleRequired')

From e520cd705341e52b46915129dd553a66994f3258 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 19:24:50 +0200
Subject: [PATCH 012/187] feat(task wizard): add label add button

---
 src/views/tasks/CreateTask.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index 798855c1..b28843d9 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -39,6 +39,9 @@
 					{{ date ? formatDateShort(date) : t('task.attributes.dueDate') }}
 				</XButton>
 			</Datepicker>
+			<XButton variant="secondary" class="ml-2">
+				{{ t('task.detail.actions.label') }}
+			</XButton>
 			<div class="is-flex pl-2">
 				<span
 					v-for="label in realLabels"

From 2fd9f0ee47c0ca65141dfa1f66c1ae9586a0106f Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 22 Sep 2022 20:03:25 +0000
Subject: [PATCH 013/187] chore(deps): update dependency esbuild to v0.15.9

---
 package.json   |   2 +-
 pnpm-lock.yaml | 154 +++++++++++++++++++++++--------------------------
 2 files changed, 72 insertions(+), 84 deletions(-)

diff --git a/package.json b/package.json
index 8dcea0be..fd2239cc 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "browserslist": "4.21.4",
     "caniuse-lite": "1.0.30001406",
     "cypress": "10.8.0",
-    "esbuild": "0.15.8",
+    "esbuild": "0.15.9",
     "eslint": "8.23.1",
     "eslint-plugin-vue": "9.5.1",
     "express": "4.18.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d79bf0a5..6d8fe817 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,7 +39,7 @@ specifiers:
   date-fns: 2.29.3
   dompurify: 2.4.0
   easymde: 2.18.0
-  esbuild: 0.15.8
+  esbuild: 0.15.9
   eslint: 8.23.1
   eslint-plugin-vue: 9.5.1
   express: 4.18.1
@@ -146,7 +146,7 @@ devDependencies:
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001406
   cypress: 10.8.0
-  esbuild: 0.15.8
+  esbuild: 0.15.9
   eslint: 8.23.1
   eslint-plugin-vue: 9.5.1_eslint@8.23.1
   express: 4.18.1
@@ -1609,19 +1609,17 @@ packages:
       kuler: 2.0.0
     dev: true
 
-  /@esbuild/android-arm/0.15.8:
-    resolution: {integrity: sha512-CyEWALmn+no/lbgbAJsbuuhT8s2J19EJGHkeyAwjbFJMrj80KJ9zuYsoAvidPTU7BgBf87r/sgae8Tw0dbOc4Q==}
+  /@esbuild/android-arm/0.15.9:
+    resolution: {integrity: sha512-VZPy/ETF3fBG5PiinIkA0W/tlsvlEgJccyN2DzWZEl0DlVKRbu91PvY2D6Lxgluj4w9QtYHjOWjAT44C+oQ+EQ==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dependencies:
-      esbuild-wasm: 0.15.8
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64/0.15.8:
-    resolution: {integrity: sha512-pE5RQsOTSERCtfZdfCT25wzo7dfhOSlhAXcsZmuvRYhendOv7djcdvtINdnDp2DAjP17WXlBB4nBO6sHLczmsg==}
+  /@esbuild/linux-loong64/0.15.9:
+    resolution: {integrity: sha512-O+NfmkfRrb3uSsTa4jE3WApidSe3N5++fyOVGP1SmMZi4A3BZELkhUUvj5hwmMuNdlpzAZ8iAPz2vmcR7DCFQA==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -5863,19 +5861,17 @@ packages:
     resolution: {integrity: sha512-HBL8I3mIki5C1Cc9QjKUenHtnG0A5/xA8Q/AllRcfiwl2CZFXGK7ddBiCoRwAix4i2KxcQfjtIVcrVbB3vbmwg==}
     dev: true
 
-  /esbuild-android-64/0.15.8:
-    resolution: {integrity: sha512-bVh8FIKOolF7/d4AMzt7xHlL0Ljr+mYKSHI39TJWDkybVWHdn6+4ODL3xZGHOxPpdRpitemXA1WwMKYBsw8dGw==}
+  /esbuild-android-64/0.15.9:
+    resolution: {integrity: sha512-HQCX7FJn9T4kxZQkhPjNZC7tBWZqJvhlLHPU2SFzrQB/7nDXjmTIFpFTjt7Bd1uFpeXmuwf5h5fZm+x/hLnhbw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dependencies:
-      esbuild-wasm: 0.15.8
     dev: true
     optional: true
 
-  /esbuild-android-arm64/0.15.8:
-    resolution: {integrity: sha512-ReAMDAHuo0H1h9LxRabI6gwYPn8k6WiUeyxuMvx17yTrJO+SCnIfNc/TSPFvDwtK9MiyiKG/2dBYHouT/M0BXQ==}
+  /esbuild-android-arm64/0.15.9:
+    resolution: {integrity: sha512-E6zbLfqbFVCNEKircSHnPiSTsm3fCRxeIMPfrkS33tFjIAoXtwegQfVZqMGR0FlsvVxp2NEDOUz+WW48COCjSg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -5883,8 +5879,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-darwin-64/0.15.8:
-    resolution: {integrity: sha512-KaKcGfJ+yto7Fo5gAj3xwxHMd1fBIKatpCHK8znTJLVv+9+NN2/tIPBqA4w5rBwjX0UqXDeIE2v1xJP+nGEXgA==}
+  /esbuild-darwin-64/0.15.9:
+    resolution: {integrity: sha512-gI7dClcDN/HHVacZhTmGjl0/TWZcGuKJ0I7/xDGJwRQQn7aafZGtvagOFNmuOq+OBFPhlPv1T6JElOXb0unkSQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -5892,8 +5888,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-darwin-arm64/0.15.8:
-    resolution: {integrity: sha512-8tjEaBgAKnXCkP7bhEJmEqdG9HEV6oLkF36BrMzpfW2rgaw0c48Zrxe+9RlfeGvs6gDF4w+agXyTjikzsS3izw==}
+  /esbuild-darwin-arm64/0.15.9:
+    resolution: {integrity: sha512-VZIMlcRN29yg/sv7DsDwN+OeufCcoTNaTl3Vnav7dL/nvsApD7uvhVRbgyMzv0zU/PP0xRhhIpTyc7lxEzHGSw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -5901,8 +5897,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-freebsd-64/0.15.8:
-    resolution: {integrity: sha512-jaxcsGHYzn2L0/lffON2WfH4Nc+d/EwozVTP5K2v016zxMb5UQMhLoJzvLgBqHT1SG0B/mO+a+THnJCMVg15zw==}
+  /esbuild-freebsd-64/0.15.9:
+    resolution: {integrity: sha512-uM4z5bTvuAXqPxrI204txhlsPIolQPWRMLenvGuCPZTnnGlCMF2QLs0Plcm26gcskhxewYo9LkkmYSS5Czrb5A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -5910,8 +5906,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-freebsd-arm64/0.15.8:
-    resolution: {integrity: sha512-2xp2UlljMvX8HExtcg7VHaeQk8OBU0CSl1j18B5CcZmSDkLF9p3utuMXIopG3a08fr9Hv+Dz6+seSXUow/G51w==}
+  /esbuild-freebsd-arm64/0.15.9:
+    resolution: {integrity: sha512-HHDjT3O5gWzicGdgJ5yokZVN9K9KG05SnERwl9nBYZaCjcCgj/sX8Ps1jvoFSfNCO04JSsHSOWo4qvxFuj8FoA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -5919,8 +5915,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-32/0.15.8:
-    resolution: {integrity: sha512-9u1E54BRz1FQMl86iaHK146+4ID2KYNxL3trLZT4QLLx3M7Q9n4lGG3lrzqUatGR2cKy8c33b0iaCzsItZWkFg==}
+  /esbuild-linux-32/0.15.9:
+    resolution: {integrity: sha512-AQIdE8FugGt1DkcekKi5ycI46QZpGJ/wqcMr7w6YUmOmp2ohQ8eO4sKUsOxNOvYL7hGEVwkndSyszR6HpVHLFg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -5928,8 +5924,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-64/0.15.8:
-    resolution: {integrity: sha512-4HxrsN9eUzJXdVGMTYA5Xler82FuZUu21bXKN42zcLHHNKCAMPUzD62I+GwDhsdgUBAUj0tRXDdsQHgaP6v0HA==}
+  /esbuild-linux-64/0.15.9:
+    resolution: {integrity: sha512-4RXjae7g6Qs7StZyiYyXTZXBlfODhb1aBVAjd+ANuPmMhWthQilWo7rFHwJwL7DQu1Fjej2sODAVwLbcIVsAYQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -5937,8 +5933,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-arm/0.15.8:
-    resolution: {integrity: sha512-7DVBU9SFjX4+vBwt8tHsUCbE6Vvl6y6FQWHAgyw1lybC5gULqn/WnjHYHN2/LJaZRsDBvxWT4msEgwLGq1Wd3Q==}
+  /esbuild-linux-arm/0.15.9:
+    resolution: {integrity: sha512-3Zf2GVGUOI7XwChH3qrnTOSqfV1V4CAc/7zLVm4lO6JT6wbJrTgEYCCiNSzziSju+J9Jhf9YGWk/26quWPC6yQ==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -5946,8 +5942,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-arm64/0.15.8:
-    resolution: {integrity: sha512-1OCm7Aq0tEJT70PbxmHSGYDLYP8DKH8r4Nk7/XbVzWaduo9beCjGBB+tGZIHK6DdTQ3h00/4Tb/70YMH/bOtKg==}
+  /esbuild-linux-arm64/0.15.9:
+    resolution: {integrity: sha512-a+bTtxJmYmk9d+s2W4/R1SYKDDAldOKmWjWP0BnrWtDbvUBNOm++du0ysPju4mZVoEFgS1yLNW+VXnG/4FNwdQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -5955,8 +5951,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-mips64le/0.15.8:
-    resolution: {integrity: sha512-yeFoNPVFPEzZvFYBfUQNG2TjGRaCyV1E27OcOg4LOtnGrxb2wA+mkW3luckyv1CEyd00mpAg7UdHx8nlx3ghgA==}
+  /esbuild-linux-mips64le/0.15.9:
+    resolution: {integrity: sha512-Zn9HSylDp89y+TRREMDoGrc3Z4Hs5u56ozZLQCiZAUx2+HdbbXbWdjmw3FdTJ/i7t5Cew6/Q+6kfO3KCcFGlyw==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -5964,8 +5960,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-ppc64le/0.15.8:
-    resolution: {integrity: sha512-CEyMMUUNabXibw8OSNmBXhOIGhnjNVl5Lpseiuf00iKN0V47oqDrbo4dsHz1wH62m49AR8iG8wpDlTqfYgKbtg==}
+  /esbuild-linux-ppc64le/0.15.9:
+    resolution: {integrity: sha512-OEiOxNAMH9ENFYqRsWUj3CWyN3V8P3ZXyfNAtX5rlCEC/ERXrCEFCJji/1F6POzsXAzxvUJrTSTCy7G6BhA6Fw==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -5973,8 +5969,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-riscv64/0.15.8:
-    resolution: {integrity: sha512-OCGSOaspMUjexSCU8ZiA0UnV/NiRU+s2vIfEcAQWQ6u32R+2luyfh/4ZaY6jFbylJE07Esc/yRvb9Q5fXuClXA==}
+  /esbuild-linux-riscv64/0.15.9:
+    resolution: {integrity: sha512-ukm4KsC3QRausEFjzTsOZ/qqazw0YvJsKmfoZZm9QW27OHjk2XKSQGGvx8gIEswft/Sadp03/VZvAaqv5AIwNA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -5982,8 +5978,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-s390x/0.15.8:
-    resolution: {integrity: sha512-RHdpdfxRTSrZXZJlFSLazFU4YwXLB5Rgf6Zr5rffqSsO4y9JybgtKO38bFwxZNlDXliYISXN/YROKrG9s7mZQA==}
+  /esbuild-linux-s390x/0.15.9:
+    resolution: {integrity: sha512-uDOQEH55wQ6ahcIKzQr3VyjGc6Po/xblLGLoUk3fVL1qjlZAibtQr6XRfy5wPJLu/M2o0vQKLq4lyJ2r1tWKcw==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -5991,8 +5987,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-netbsd-64/0.15.8:
-    resolution: {integrity: sha512-VolFFRatBH09T5QMWhiohAWCOien1R1Uz9K0BRVVTBgBaVBt7eArsXTKxVhUgRf2vwu2c2SXkuP0r7HLG0eozw==}
+  /esbuild-netbsd-64/0.15.9:
+    resolution: {integrity: sha512-yWgxaYTQz+TqX80wXRq6xAtb7GSBAp6gqLKfOdANg9qEmAI1Bxn04IrQr0Mzm4AhxvGKoHzjHjMgXbCCSSDxcw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -6000,8 +5996,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-openbsd-64/0.15.8:
-    resolution: {integrity: sha512-HTAPlg+n4kUeE/isQxlCfsOz0xJGNoT5LJ9oYZWFKABfVf4Ycu7Zlf5ITgOnrdheTkz8JeL/gISIOCFAoOXrSA==}
+  /esbuild-openbsd-64/0.15.9:
+    resolution: {integrity: sha512-JmS18acQl4iSAjrEha1MfEmUMN4FcnnrtTaJ7Qg0tDCOcgpPPQRLGsZqhes0vmx8VA6IqRyScqXvaL7+Q0Uf3A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -6009,8 +6005,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-sunos-64/0.15.8:
-    resolution: {integrity: sha512-qMP/jR/FzcIOwKj+W+Lb+8Cfr8GZHbHUJxAPi7DUhNZMQ/6y7sOgRzlOSpRrbbUntrRZh0MqOyDhJ3Gpo6L1QA==}
+  /esbuild-sunos-64/0.15.9:
+    resolution: {integrity: sha512-UKynGSWpzkPmXW3D2UMOD9BZPIuRaSqphxSCwScfEE05Be3KAmvjsBhht1fLzKpiFVJb0BYMd4jEbWMyJ/z1hQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -6018,16 +6014,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-wasm/0.15.8:
-    resolution: {integrity: sha512-Y7uCl5RNO4URjlemjdx++ukVHEMt5s5AfMWYUnMiK4Sry+pPCvQIctzXq6r6FKCyGKjX6/NGMCqR2OX6aLxj0w==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-32/0.15.8:
-    resolution: {integrity: sha512-RKR1QHh4iWzjUhkP8Yqi75PPz/KS+b8zw3wUrzw6oAkj+iU5Qtyj61ZDaSG3Qf2vc6hTIUiPqVTqBH0NpXFNwg==}
+  /esbuild-windows-32/0.15.9:
+    resolution: {integrity: sha512-aqXvu4/W9XyTVqO/hw3rNxKE1TcZiEYHPsXM9LwYmKSX9/hjvfIJzXwQBlPcJ/QOxedfoMVH0YnhhQ9Ffb0RGA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -6035,8 +6023,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-64/0.15.8:
-    resolution: {integrity: sha512-ag9ptYrsizgsR+PQE8QKeMqnosLvAMonQREpLw4evA4FFgOBMLEat/dY/9txbpozTw9eEOYyD3a4cE9yTu20FA==}
+  /esbuild-windows-64/0.15.9:
+    resolution: {integrity: sha512-zm7h91WUmlS4idMtjvCrEeNhlH7+TNOmqw5dJPJZrgFaxoFyqYG6CKDpdFCQXdyKpD5yvzaQBOMVTCBVKGZDEg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -6044,8 +6032,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-arm64/0.15.8:
-    resolution: {integrity: sha512-dbpAb0VyPaUs9mgw65KRfQ9rqiWCHpNzrJusoPu+LpEoswosjt/tFxN7cd2l68AT4qWdBkzAjDLRon7uqMeWcg==}
+  /esbuild-windows-arm64/0.15.9:
+    resolution: {integrity: sha512-yQEVIv27oauAtvtuhJVfSNMztJJX47ismRS6Sv2QMVV9RM+6xjbMWuuwM2nxr5A2/gj/mu2z9YlQxiwoFRCfZA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -6053,34 +6041,34 @@ packages:
     dev: true
     optional: true
 
-  /esbuild/0.15.8:
-    resolution: {integrity: sha512-Remsk2dmr1Ia65sU+QasE6svJbsHe62lzR+CnjpUvbZ+uSYo1SitiOWPRfZQkCu82YWZBBKXiD/j0i//XWMZ+Q==}
+  /esbuild/0.15.9:
+    resolution: {integrity: sha512-OnYr1rkMVxtmMHIAKZLMcEUlJmqcbxBz9QoBU8G9v455na0fuzlT/GLu6l+SRghrk0Mm2fSSciMmzV43Q8e0Gg==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.15.8
-      '@esbuild/linux-loong64': 0.15.8
-      esbuild-android-64: 0.15.8
-      esbuild-android-arm64: 0.15.8
-      esbuild-darwin-64: 0.15.8
-      esbuild-darwin-arm64: 0.15.8
-      esbuild-freebsd-64: 0.15.8
-      esbuild-freebsd-arm64: 0.15.8
-      esbuild-linux-32: 0.15.8
-      esbuild-linux-64: 0.15.8
-      esbuild-linux-arm: 0.15.8
-      esbuild-linux-arm64: 0.15.8
-      esbuild-linux-mips64le: 0.15.8
-      esbuild-linux-ppc64le: 0.15.8
-      esbuild-linux-riscv64: 0.15.8
-      esbuild-linux-s390x: 0.15.8
-      esbuild-netbsd-64: 0.15.8
-      esbuild-openbsd-64: 0.15.8
-      esbuild-sunos-64: 0.15.8
-      esbuild-windows-32: 0.15.8
-      esbuild-windows-64: 0.15.8
-      esbuild-windows-arm64: 0.15.8
+      '@esbuild/android-arm': 0.15.9
+      '@esbuild/linux-loong64': 0.15.9
+      esbuild-android-64: 0.15.9
+      esbuild-android-arm64: 0.15.9
+      esbuild-darwin-64: 0.15.9
+      esbuild-darwin-arm64: 0.15.9
+      esbuild-freebsd-64: 0.15.9
+      esbuild-freebsd-arm64: 0.15.9
+      esbuild-linux-32: 0.15.9
+      esbuild-linux-64: 0.15.9
+      esbuild-linux-arm: 0.15.9
+      esbuild-linux-arm64: 0.15.9
+      esbuild-linux-mips64le: 0.15.9
+      esbuild-linux-ppc64le: 0.15.9
+      esbuild-linux-riscv64: 0.15.9
+      esbuild-linux-s390x: 0.15.9
+      esbuild-netbsd-64: 0.15.9
+      esbuild-openbsd-64: 0.15.9
+      esbuild-sunos-64: 0.15.9
+      esbuild-windows-32: 0.15.9
+      esbuild-windows-64: 0.15.9
+      esbuild-windows-arm64: 0.15.9
     dev: true
 
   /escalade/3.1.1:
@@ -12611,7 +12599,7 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.15.8
+      esbuild: 0.15.9
       postcss: 8.4.16
       resolve: 1.22.1
       rollup: 2.78.0

From c2ba1b2828439d3bd1e846a4bb9a4c456562c460 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 2 Sep 2022 11:17:21 +0200
Subject: [PATCH 014/187] feat: move attachments store to stores

---
 src/store/index.ts                           | 2 --
 src/{store/modules => stores}/attachments.ts | 0
 2 files changed, 2 deletions(-)
 rename src/{store/modules => stores}/attachments.ts (100%)

diff --git a/src/store/index.ts b/src/store/index.ts
index 6fa53407..3e0b1cda 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -17,7 +17,6 @@ import config from './modules/config'
 import auth from './modules/auth'
 import kanban from './modules/kanban'
 import tasks from './modules/tasks'
-import attachments from './modules/attachments'
 
 import ListModel from '@/models/list'
 
@@ -40,7 +39,6 @@ export const store = createStore<RootStoreState>({
 		auth,
 		kanban,
 		tasks,
-		attachments,
 	},
 	state: () => ({
 		loading: false,
diff --git a/src/store/modules/attachments.ts b/src/stores/attachments.ts
similarity index 100%
rename from src/store/modules/attachments.ts
rename to src/stores/attachments.ts

From 20e94206388ab694248942996fdb67b7be87e76f Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 2 Sep 2022 11:23:47 +0200
Subject: [PATCH 015/187] feat: port attachments store to pinia

---
 src/components/tasks/partials/attachments.vue | 18 ++++-----
 src/store/modules/tasks.ts                    |  6 ++-
 src/stores/attachments.ts                     | 37 +++++++++++--------
 src/views/tasks/TaskDetailView.vue            |  7 +++-
 4 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 21337842..ff5bd6a3 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -138,9 +138,8 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, computed} from 'vue'
+import {ref, shallowReactive, computed, type PropType} from 'vue'
 import {useDropZone} from '@vueuse/core'
-import {useStore} from '@/store'
 
 import User from '@/components/misc/user.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -148,7 +147,9 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import AttachmentService from '@/services/attachment'
 import type AttachmentModel from '@/models/attachment'
 import type {IAttachment} from '@/modelTypes/IAttachment'
+import type {ITask} from '@/modelTypes/ITask'
 
+import {useAttachmentStore} from '@/stores/attachments'
 import {formatDateSince, formatDateLong} from '@/helpers/time/formatDate'
 import {uploadFiles, generateAttachmentUrl} from '@/helpers/attachments'
 import {getHumanSize} from '@/helpers/getHumanSize'
@@ -157,7 +158,7 @@ import {error, success} from '@/message'
 
 const props = defineProps({
 	taskId: {
-		type: Number,
+		type: Number as PropType<ITask['id']>,
 		required: true,
 	},
 	initialAttachments: {
@@ -170,8 +171,8 @@ const props = defineProps({
 
 const attachmentService = shallowReactive(new AttachmentService())
 
-const store = useStore()
-const attachments = computed(() => store.state.attachments.attachments)
+const attachmentStore = useAttachmentStore()
+const attachments = computed(() => attachmentStore.attachments)
 
 function onDrop(files: File[] | null) {
 	if (files && files.length !== 0) {
@@ -213,10 +214,7 @@ async function deleteAttachment() {
 
 	try {
 		const r = await attachmentService.delete(attachmentToDelete.value)
-		store.commit(
-			'attachments/removeById',
-			attachmentToDelete.value.id,
-		)
+		attachmentStore.removeById(this.attachmentToDelete.id)
 		success(r)
 		setAttachmentToDelete(null)
 	} catch(e) {
@@ -236,7 +234,7 @@ async function viewOrDownload(attachment: AttachmentModel) {
 }
 
 const copy = useCopyToClipboard()
-function copyUrl(attachment: AttachmentModel) {
+function copyUrl(attachment: IAttachment) {
 	copy(generateAttachmentUrl(props.taskId, attachment.id))
 }
 </script>
diff --git a/src/store/modules/tasks.ts b/src/store/modules/tasks.ts
index d18e218e..9f7248aa 100644
--- a/src/store/modules/tasks.ts
+++ b/src/store/modules/tasks.ts
@@ -27,6 +27,7 @@ import type { IList } from '@/modelTypes/IList'
 import type { RootStoreState, TaskState } from '@/store/types'
 import {useLabelStore} from '@/stores/labels'
 import {useListStore} from '@/stores/lists'
+import {useAttachmentStore} from '@/stores/attachments'
 import {playPop} from '@/helpers/playPop'
 
 // IDEA: maybe use a small fuzzy search here to prevent errors
@@ -138,7 +139,8 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 				}
 				ctx.commit('kanban/setTaskInBucketByIndex', newTask, {root: true})
 			}
-			ctx.commit('attachments/add', attachment, {root: true})
+			const attachmentStore = useAttachmentStore()
+			attachmentStore.add(attachment)
 		},
 
 		async addAssignee(ctx, {
@@ -282,7 +284,7 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 			const labelStore = useLabelStore()
 
 			const labelAddsToWaitFor = parsedLabels.map(async labelTitle => {
-				let label = validateLabel(labelStore.labels, labelTitle)
+				let label = validateLabel(Object.values(labelStore.labels), labelTitle)
 				if (typeof label === 'undefined') {
 					// label not found, create it
 					const labelModel = new LabelModel({title: labelTitle})
diff --git a/src/stores/attachments.ts b/src/stores/attachments.ts
index 172696e4..7c0f16d5 100644
--- a/src/stores/attachments.ts
+++ b/src/stores/attachments.ts
@@ -1,29 +1,34 @@
-import type { Module } from 'vuex'
+import {defineStore, acceptHMRUpdate} from 'pinia'
 import {findIndexById} from '@/helpers/utils'
 
-import type { AttachmentState, RootStoreState } from '@/store/types'
-import type { IAttachment } from '@/modelTypes/IAttachment'
+import type {AttachmentState} from '@/store/types'
+import type {IAttachment} from '@/modelTypes/IAttachment'
 
-const store : Module<AttachmentState, RootStoreState> = {
-	namespaced: true,
-	state: () => ({
+export const useAttachmentStore = defineStore('attachment', {
+	state: (): AttachmentState => ({
 		attachments: [],
 	}),
-	mutations: {
-		set(state, attachments: IAttachment[]) {
+
+	actions: {
+		set(attachments: IAttachment[]) {
 			console.debug('Set attachments', attachments)
-			state.attachments = attachments
+			this.attachments = attachments
 		},
-		add(state, attachment: IAttachment) {
+
+		add(attachment: IAttachment) {
 			console.debug('Add attachement', attachment)
-			state.attachments.push(attachment)
+			this.attachments.push(attachment)
 		},
-		removeById(state, id: IAttachment['id']) {
-			const attachmentIndex = findIndexById<IAttachment>(state.attachments, id)
-			state.attachments.splice(attachmentIndex, 1)
+
+		removeById(id: IAttachment['id']) {
+			const attachmentIndex = findIndexById(this.attachments, id)
+			this.attachments.splice(attachmentIndex, 1)
 			console.debug('Remove attachement', id)
 		},
 	},
-}
+})
 
-export default store
\ No newline at end of file
+// support hot reloading
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useAttachmentStore, import.meta.hot))
+}
\ No newline at end of file
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 6401f420..ea67956e 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -463,6 +463,7 @@ import {getListTitle} from '@/helpers/getListTitle'
 import type {IList} from '@/modelTypes/IList'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 import {useNamespaceStore} from '@/stores/namespaces'
+import {useAttachmentStore} from '@/stores/attachments'
 
 function scrollIntoView(el) {
 	if (!el) {
@@ -595,7 +596,8 @@ export default defineComponent({
 			return typeof this.task !== 'undefined' && typeof this.task.maxRight !== 'undefined' && this.task.maxRight > rights.READ
 		},
 		hasAttachments() {
-			return this.$store.state.attachments.attachments.length > 0
+			const attachmentsStore = useAttachmentStore()
+			return attachmentsStore.attachments.length > 0
 		},
 		shouldShowClosePopup() {
 			return this.$route.name.includes('kanban')
@@ -624,7 +626,8 @@ export default defineComponent({
 
 			try {
 				this.task = await this.taskService.get({id: taskId})
-				this.$store.commit('attachments/set', this.task.attachments)
+				const attachmentStore = useAttachmentStore()
+				attachmentStore.set(this.task.attachments)
 				this.taskColor = this.task.hexColor
 				this.setActiveFields()
 				await this.$nextTick()

From 5ffb13a3a805d779fe6444a267ebb9a786f24614 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 23 Sep 2022 06:41:16 +0000
Subject: [PATCH 016/187] chore(deps): update pnpm to v7.12.2 (#2408)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2408
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index fd2239cc..8832efce 100644
--- a/package.json
+++ b/package.json
@@ -107,5 +107,5 @@
     }
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.12.1"
+  "packageManager": "pnpm@7.12.2"
 }

From ede5cdd8cf5575bba96d3e7b6824a7ad7b414ea7 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 23 Sep 2022 10:36:21 +0200
Subject: [PATCH 017/187] fix: only pass date to flatpickr if it's a valid date

Resolves #2384
---
 src/components/date/datepickerWithRange.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/date/datepickerWithRange.vue b/src/components/date/datepickerWithRange.vue
index e27acf7a..23181279 100644
--- a/src/components/date/datepickerWithRange.vue
+++ b/src/components/date/datepickerWithRange.vue
@@ -118,7 +118,13 @@ watch(
 	newValue => {
 		from.value = newValue.dateFrom
 		to.value = newValue.dateTo
-		flatpickrRange.value = `${from.value} to ${to.value}`
+		// Only set the date back to flatpickr when it's an actual date.
+		// Otherwise flatpickr runs in an endless loop and slows down the browser.
+		const dateFrom = new Date(from.value)
+		const dateTo = new Date(to.value)
+		if (dateTo.getTime() === dateTo.getTime() && dateFrom.getTime() === dateFrom.getTime()) {
+			flatpickrRange.value = `${from.value} to ${to.value}`
+		}
 	},
 )
 

From aa64e9835c6b9ef2bb10ab8d2a1b4a695cb4321b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 23 Sep 2022 11:11:11 +0200
Subject: [PATCH 018/187] fix: loading state when creating a new task from list
 view

---
 src/components/tasks/add-task.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 60004a92..9c7e0ece 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -3,7 +3,7 @@
 		<div class="field is-grouped">
 			<p class="control has-icons-left is-expanded">
 				<textarea
-					:disabled="taskService.loading || undefined"
+					:disabled="loading || undefined"
 					class="add-task-textarea input"
 					:class="{'textarea-empty': newTaskTitle === ''}"
 					:placeholder="$t('list.list.addPlaceholder')"
@@ -21,10 +21,10 @@
 			<p class="control">
 				<x-button
 					class="add-task-button"
-					:disabled="newTaskTitle === '' || taskService.loading || undefined"
+					:disabled="newTaskTitle === '' || loading || undefined"
 					@click="addTask()"
 					icon="plus"
-					:loading="taskService.loading"
+					:loading="loading"
 					:aria-label="$t('list.list.add')"
 				>
 					<span class="button-text">
@@ -41,13 +41,13 @@
 </template>
 
 <script setup lang="ts">
-import {ref, watch, unref, shallowReactive} from 'vue'
+import {ref, watch, unref, shallowReactive, computed} from 'vue'
 import {useI18n} from 'vue-i18n'
 import {useStore} from '@/store'
 import {tryOnMounted, debouncedWatch, useWindowSize, type MaybeRef} from '@vueuse/core'
 
-import TaskService from '@/services/task'
 import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
+import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 
 function cleanupTitle(title: string) {
 	return title.replace(/^((\* |\+ |- )(\[ \] )?)/g, '')
@@ -136,7 +136,6 @@ const newTaskInput = useAutoHeightTextarea(newTaskTitle)
 const {t} = useI18n({useScope: 'global'})
 const store = useStore()
 
-const taskService = shallowReactive(new TaskService())
 const errorMessage = ref('')
 
 function resetEmptyTitleError(e) {
@@ -148,6 +147,7 @@ function resetEmptyTitleError(e) {
 	}
 }
 
+const loading = computed(() => store.state[LOADING] && store.state[LOADING_MODULE] === 'tasks')
 async function addTask() {
 	if (newTaskTitle.value === '') {
 		errorMessage.value = t('list.create.addTitleRequired')
@@ -155,7 +155,7 @@ async function addTask() {
 	}
 	errorMessage.value = ''
 
-	if (taskService.loading) {
+	if (loading.value) {
 		return
 	}
 

From 3c9c5eff1258b6e04e3d0e9299110fa9b5c9757d Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 23 Sep 2022 11:13:35 +0200
Subject: [PATCH 019/187] fix: make add task button 100% height

---
 src/components/tasks/add-task.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 9c7e0ece..24d44f75 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -214,7 +214,7 @@ defineExpose({
 }
 
 .add-task-button {
-	height: 2.5rem;
+	height: 100% !important;
 
 	@media screen and (max-width: $mobile) {
 		.button-text {

From 2bf9771e2894acb7ad3e563b7b31442d91c49e1a Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 23 Sep 2022 11:50:30 +0200
Subject: [PATCH 020/187] fix: lint

---
 src/components/tasks/add-task.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 24d44f75..2aa3cfaf 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -41,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import {ref, watch, unref, shallowReactive, computed} from 'vue'
+import {ref, watch, unref, computed} from 'vue'
 import {useI18n} from 'vue-i18n'
 import {useStore} from '@/store'
 import {tryOnMounted, debouncedWatch, useWindowSize, type MaybeRef} from '@vueuse/core'

From 62ed7c5964f1252f09fe432c42aaf327da5a8c4f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 23 Sep 2022 12:10:58 +0200
Subject: [PATCH 021/187] fix: color list titles so that they are visible on
 cards with a background

Resolves #2372
---
 src/components/list/partials/list-card.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/list/partials/list-card.vue b/src/components/list/partials/list-card.vue
index 99da97ee..6a70ebb5 100644
--- a/src/components/list/partials/list-card.vue
+++ b/src/components/list/partials/list-card.vue
@@ -1,8 +1,8 @@
 <template>
 	<router-link
 		:class="{
-			'has-light-text': !colorIsDark(list.hexColor),
-			'has-background': blurHashUrl !== ''
+			'has-light-text': !colorIsDark(list.hexColor) || background !== null,
+			'has-background': blurHashUrl !== '' || background !== null,
 		}"
 		:style="{
 			'background-color': list.hexColor,
@@ -101,7 +101,7 @@ const listStore = useListStore()
 	overflow: hidden;
 
 	&.has-light-text .title {
-		color: var(--grey-100);
+		color: var(--grey-100) !important;
 	}
 
 	&.has-background,

From 95ad245b59b0c6398b0bca217572ca36f6ea5a54 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 23 Sep 2022 13:29:10 +0200
Subject: [PATCH 022/187] fix: missed porting these getters and commits

---
 src/components/quick-actions/quick-actions.vue | 10 ++++++----
 src/views/list/settings/background.vue         | 13 +++++++------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue
index a9b3058e..a71d7b38 100644
--- a/src/components/quick-actions/quick-actions.vue
+++ b/src/components/quick-actions/quick-actions.vue
@@ -71,6 +71,8 @@ import {parseTaskText, PrefixMode} from '@/modules/parseTaskText'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {PREFIXES} from '@/modules/parseTaskText'
 import {useListStore} from '@/stores/lists'
+import {useNamespaceStore} from '@/stores/namespaces'
+import {useLabelStore} from '@/stores/labels'
 
 const TYPE_LIST = 'list'
 const TYPE_TASK = 'task'
@@ -139,7 +141,7 @@ export default defineComponent({
 						}
 
 						if (typeof ncache[l.namespaceId] === 'undefined') {
-							ncache[l.namespaceId] = this.$store.getters['namespaces/getNamespaceById'](l.namespaceId)
+							ncache[l.namespaceId] = useNamespaceStore().getNamespaceById(l.namespaceId)
 						}
 
 						return !ncache[l.namespaceId].isArchived
@@ -206,7 +208,7 @@ export default defineComponent({
 					case CMD_NEW_TASK:
 						return this.$t('quickActions.createTask', {title: this.currentList.title})
 					case CMD_NEW_LIST:
-						namespace = this.$store.getters['namespaces/getNamespaceById'](this.currentList.namespaceId)
+						namespace = useNamespaceStore().getNamespaceById(this.currentList.namespaceId)
 						return this.$t('quickActions.createList', {title: namespace.title})
 				}
 			}
@@ -309,7 +311,7 @@ export default defineComponent({
 			}
 
 			if (labels.length > 0) {
-				const labelIds = this.$store.getters['labels/getLabelsByExactTitles'](labels).map(l => l.id)
+				const labelIds = useLabelStore().getLabelsByExactTitles(labels).map(l => l.id)
 				if (labelIds.length > 0) {
 					params.filter_by.push('labels')
 					params.filter_value.push(labelIds.join())
@@ -436,7 +438,7 @@ export default defineComponent({
 		async newNamespace() {
 			const newNamespace = new NamespaceModel({title: this.query})
 
-			await this.$store.dispatch('namespaces/createNamespace', newNamespace)
+			await useNamespaceStore().createNamespace(newNamespace)
 			this.$message.success({message: this.$t('namespace.create.success')})
 			this.closeQuickActions()
 		},
diff --git a/src/views/list/settings/background.vue b/src/views/list/settings/background.vue
index 565e037f..cb48ca68 100644
--- a/src/views/list/settings/background.vue
+++ b/src/views/list/settings/background.vue
@@ -94,8 +94,7 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({ name: 'list-setting-background' })
+export default { name: 'list-setting-background' }
 </script>
 
 <script setup lang="ts">
@@ -106,6 +105,7 @@ import {useRoute, useRouter} from 'vue-router'
 import debounce from 'lodash.debounce'
 import BaseButton from '@/components/base/BaseButton.vue'
 import {useListStore} from '@/stores/lists'
+import {useNamespaceStore} from '@/stores/namespaces'
 
 import BackgroundUnsplashService from '@/services/backgroundUnsplash'
 import BackgroundUploadService from '@/services/backgroundUpload'
@@ -117,7 +117,7 @@ import {useTitle} from '@/composables/useTitle'
 import {CURRENT_LIST} from '@/store/mutation-types'
 
 import CreateEdit from '@/components/misc/create-edit.vue'
-import { success } from '@/message'
+import {success} from '@/message'
 
 const SEARCH_DEBOUNCE = 300
 
@@ -143,6 +143,7 @@ const debounceNewBackgroundSearch = debounce(newBackgroundSearch, SEARCH_DEBOUNC
 const backgroundUploadService = ref(new BackgroundUploadService())
 const listService = ref(new ListService())
 const listStore = useListStore()
+const namespaceStore = useNamespaceStore()
 
 const unsplashBackgroundEnabled = computed(() => store.state.config.enabledBackgroundProviders.includes('unsplash'))
 const uploadBackgroundEnabled = computed(() => store.state.config.enabledBackgroundProviders.includes('upload'))
@@ -187,7 +188,7 @@ async function setBackground(backgroundId: string) {
 
 	const list = await backgroundService.update({id: backgroundId, listId: route.params.listId})
 	await store.dispatch(CURRENT_LIST, {list, forceUpdate: true})
-	store.commit('namespaces/setListInNamespaceById', list)
+	namespaceStore.setListInNamespaceById(list)
 	listStore.setList(list)
 	success({message: t('list.background.success')})
 }
@@ -200,7 +201,7 @@ async function uploadBackground() {
 
 	const list = await backgroundUploadService.value.create(route.params.listId, backgroundUploadInput.value?.files[0])
 	await store.dispatch(CURRENT_LIST, {list, forceUpdate: true})
-	store.commit('namespaces/setListInNamespaceById', list)
+	namespaceStore.setListInNamespaceById(list)
 	listStore.setList(list)
 	success({message: t('list.background.success')})
 }
@@ -208,7 +209,7 @@ async function uploadBackground() {
 async function removeBackground() {
 	const list = await listService.value.removeBackground(currentList.value)
 	await store.dispatch(CURRENT_LIST, {list, forceUpdate: true})
-	store.commit('namespaces/setListInNamespaceById', list)
+	namespaceStore.setListInNamespaceById(list)
 	listStore.setList(list)
 	success({message: t('list.background.removeSuccess')})
 	router.back()

From 9e8c429864923215be5b110fdcb7c4a586c60f3d Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 21 Sep 2022 01:57:47 +0200
Subject: [PATCH 023/187] feat: move config to stores

---
 src/{store/modules => stores}/config.ts | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/{store/modules => stores}/config.ts (100%)

diff --git a/src/store/modules/config.ts b/src/stores/config.ts
similarity index 100%
rename from src/store/modules/config.ts
rename to src/stores/config.ts

From a737fc5bc2affc87b209746ecf04c66e1f6077db Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 21 Sep 2022 02:21:22 +0200
Subject: [PATCH 024/187] feat: port config store to pinia

---
 src/components/home/TheNavigation.vue         |  6 ++--
 .../list/list-settings-dropdown.vue           |  6 ++--
 src/components/misc/legal.vue                 |  9 +++---
 src/components/misc/no-auth-wrapper.vue       | 17 ++++++-----
 src/components/sharing/linkSharing.vue        |  6 ++--
 src/components/tasks/partials/comments.vue    |  4 ++-
 src/helpers/checkAndSetApiUrl.ts              |  6 ++--
 src/models/totp.ts                            |  2 +-
 src/store/index.ts                            |  2 --
 src/store/modules/auth.ts                     |  5 ++--
 src/stores/config.ts                          | 30 +++++++++----------
 src/views/About.vue                           |  5 ++--
 src/views/Home.vue                            |  4 ++-
 src/views/list/settings/background.vue        |  6 ++--
 src/views/list/settings/share.vue             |  5 +++-
 src/views/migrator/Migrate.vue                |  6 ++--
 src/views/user/Login.vue                      | 15 ++++++----
 src/views/user/Settings.vue                   |  8 +++--
 src/views/user/settings/Caldav.vue            |  6 ++--
 src/views/user/settings/Deletion.vue          |  5 +++-
 src/views/user/settings/TOTP.vue              |  8 ++---
 21 files changed, 93 insertions(+), 68 deletions(-)

diff --git a/src/components/home/TheNavigation.vue b/src/components/home/TheNavigation.vue
index 331a8aa5..0df97015 100644
--- a/src/components/home/TheNavigation.vue
+++ b/src/components/home/TheNavigation.vue
@@ -108,15 +108,17 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import MenuButton from '@/components/home/MenuButton.vue'
 
 import {getListTitle} from '@/helpers/getListTitle'
+import {useConfigStore} from '@/stores/config'
 
 const store = useStore()
+const configStore = useConfigStore()
 
 const userInfo = computed(() => store.state.auth.info)
 const userAvatar = computed(() => store.state.auth.avatarUrl)
 const currentList = computed(() => store.state.currentList)
 const background = computed(() => store.state.background)
-const imprintUrl = computed(() => store.state.config.legal.imprintUrl)
-const privacyPolicyUrl = computed(() => store.state.config.legal.privacyPolicyUrl)
+const imprintUrl = computed(() => configStore.legal.imprintUrl)
+const privacyPolicyUrl = computed(() => configStore.legal.privacyPolicyUrl)
 const canWriteCurrentList = computed(() => store.state.currentList.maxRight > Rights.READ)
 const menuActive = computed(() => store.state.menuActive)
 
diff --git a/src/components/list/list-settings-dropdown.vue b/src/components/list/list-settings-dropdown.vue
index c32078a2..bcd8a80f 100644
--- a/src/components/list/list-settings-dropdown.vue
+++ b/src/components/list/list-settings-dropdown.vue
@@ -77,7 +77,6 @@
 
 <script setup lang="ts">
 import {ref, computed, watchEffect, type PropType} from 'vue'
-import {useStore} from '@/store'
 
 import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
 import Dropdown from '@/components/misc/dropdown.vue'
@@ -85,6 +84,7 @@ import DropdownItem from '@/components/misc/dropdown-item.vue'
 import TaskSubscription from '@/components/misc/subscription.vue'
 import type {IList} from '@/modelTypes/IList'
 import type {ISubscription} from '@/modelTypes/ISubscription'
+import {useConfigStore} from '@/stores/config'
 
 const props = defineProps({
 	list: {
@@ -98,7 +98,7 @@ watchEffect(() => {
 	subscription.value = props.list.subscription ?? null
 })
 
-const store = useStore()
-const backgroundsEnabled = computed(() => store.state.config.enabledBackgroundProviders?.length > 0)
+const configStore = useConfigStore()
+const backgroundsEnabled = computed(() => configStore.enabledBackgroundProviders?.length > 0)
 const isSavedFilter = computed(() => getSavedFilterIdFromListId(props.list.id) > 0)
 </script>
diff --git a/src/components/misc/legal.vue b/src/components/misc/legal.vue
index 3adc9a95..3450046f 100644
--- a/src/components/misc/legal.vue
+++ b/src/components/misc/legal.vue
@@ -8,14 +8,13 @@
 
 <script lang="ts" setup>
 import {computed} from 'vue'
-import {useStore} from '@/store'
-
 import BaseButton from '@/components/base/BaseButton.vue'
+import {useConfigStore} from '@/stores/config'
 
-const store = useStore()
+const configStore = useConfigStore()
 
-const imprintUrl = computed(() => store.state.config.legal.imprintUrl)
-const privacyPolicyUrl = computed(() => store.state.config.legal.privacyPolicyUrl)
+const imprintUrl = computed(() => configStore.legal.imprintUrl)
+const privacyPolicyUrl = computed(() => configStore.legal.privacyPolicyUrl)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 5279c300..e56208b0 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -26,22 +26,23 @@
 </template>
 
 <script lang="ts" setup>
+import {computed} from 'vue'
+import {useRoute} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+
 import Logo from '@/components/home/Logo.vue'
 import Message from '@/components/misc/message.vue'
 import Legal from '@/components/misc/legal.vue'
 import ApiConfig from '@/components/misc/api-config.vue'
-import {useStore} from '@/store'
-import {computed} from 'vue'
-import {useRoute} from 'vue-router'
-import {useI18n} from 'vue-i18n'
+
 import {useTitle} from '@/composables/useTitle'
+import {useConfigStore} from '@/stores/config'
+
+const configStore = useConfigStore()
+const motd = computed(() => configStore.motd)
 
 const route = useRoute()
-const store = useStore()
 const {t} = useI18n({useScope: 'global'})
-
-const motd = computed(() => store.state.config.motd)
-
 const title = computed(() => t(route.meta?.title as string || ''))
 useTitle(() => title.value)
 </script>
diff --git a/src/components/sharing/linkSharing.vue b/src/components/sharing/linkSharing.vue
index e0b3bade..1f4c5063 100644
--- a/src/components/sharing/linkSharing.vue
+++ b/src/components/sharing/linkSharing.vue
@@ -189,7 +189,6 @@
 
 <script setup lang="ts">
 import {ref, watch, computed, shallowReactive} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import {RIGHTS} from '@/constants/rights'
@@ -204,6 +203,7 @@ import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
 import {success} from '@/message'
 import type {ListView} from '@/types/ListView'
 import {LIST_VIEWS} from '@/types/ListView'
+import {useConfigStore} from '@/stores/config'
 
 const props = defineProps({
 	listId: {
@@ -241,8 +241,8 @@ watch(
 	{immediate: true},
 )
 
-const store = useStore()
-const frontendUrl = computed(() => store.state.config.frontendUrl)
+const configStore = useConfigStore()
+const frontendUrl = computed(() => configStore.frontendUrl)
 
 async function load(listId: IList['id']) {
 	// If listId == 0 the list on the calling component wasn't already loaded, so we just bail out here
diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index c3e3b198..3b0ebf85 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -167,6 +167,7 @@ import type {ITask} from '@/modelTypes/ITask'
 import {uploadFile} from '@/helpers/attachments'
 import {success} from '@/message'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+import {useConfigStore} from '@/stores/config'
 
 const props = defineProps({
 	taskId: {
@@ -180,6 +181,7 @@ const props = defineProps({
 
 const {t} = useI18n({useScope: 'global'})
 const store = useStore()
+const configStore = useConfigStore()
 
 const comments = ref<ITaskComment[]>([])
 
@@ -196,7 +198,7 @@ const saving = ref<ITask['id'] | null>(null)
 
 const userAvatar = computed(() => store.state.auth.info.getAvatarUrl(48))
 const currentUserId = computed(() => store.state.auth.info.id)
-const enabled = computed(() => store.state.config.taskCommentsEnabled)
+const enabled = computed(() => configStore.taskCommentsEnabled)
 const actions = computed(() => {
 	if (!props.canWrite) {
 		return {}
diff --git a/src/helpers/checkAndSetApiUrl.ts b/src/helpers/checkAndSetApiUrl.ts
index 611fff83..6ce65edf 100644
--- a/src/helpers/checkAndSetApiUrl.ts
+++ b/src/helpers/checkAndSetApiUrl.ts
@@ -1,10 +1,9 @@
-import {store} from '@/store'
+import {useConfigStore} from '@/stores/config'
 
 const API_DEFAULT_PORT = '3456'
 
 export const ERROR_NO_API_URL = 'noApiUrlProvided'
 
-const updateConfig = () => store.dispatch('config/update') 
 
 export const checkAndSetApiUrl = (url: string): Promise<string> => {
 	if(url.startsWith('/')) {
@@ -25,6 +24,9 @@ export const checkAndSetApiUrl = (url: string): Promise<string> => {
 	const oldUrl = window.API_URL
 	window.API_URL = urlToCheck.toString()
 
+	const configStore = useConfigStore()
+	const updateConfig = () => configStore.update()
+
 	// Check if the api is reachable at the provided url
 	return updateConfig()
 		.catch(e => {
diff --git a/src/models/totp.ts b/src/models/totp.ts
index a8b6fdf0..5e36986e 100644
--- a/src/models/totp.ts
+++ b/src/models/totp.ts
@@ -7,7 +7,7 @@ export default class TotpModel extends AbstractModel<ITotp> implements ITotp {
 	enabled = false
 	url = ''
 
-	constructor(data: Partial<ITotp>) {
+	constructor(data: Partial<ITotp> = {}) {
 		super()
 		this.assignData(data)
 	}
diff --git a/src/store/index.ts b/src/store/index.ts
index 3e0b1cda..f0ecd0a4 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -13,7 +13,6 @@ import {
 	MENU_ACTIVE,
 	QUICK_ACTIONS_ACTIVE,
 } from './mutation-types'
-import config from './modules/config'
 import auth from './modules/auth'
 import kanban from './modules/kanban'
 import tasks from './modules/tasks'
@@ -35,7 +34,6 @@ export function useStore () {
 export const store = createStore<RootStoreState>({
 	strict: import.meta.env.DEV,
 	modules: {
-		config,
 		auth,
 		kanban,
 		tasks,
diff --git a/src/store/modules/auth.ts b/src/store/modules/auth.ts
index 0288c193..e299e7c1 100644
--- a/src/store/modules/auth.ts
+++ b/src/store/modules/auth.ts
@@ -14,6 +14,7 @@ import type { RootStoreState, AuthState, Info} from '@/store/types'
 import {AUTH_TYPES} from '@/store/types'
 import type { IUserSettings } from '@/modelTypes/IUserSettings'
 import router from '@/router'
+import {useConfigStore} from '@/stores/config'
 
 function defaultSettings(settings: Partial<IUserSettings>) {
 	if (typeof settings.weekStart === 'undefined' || settings.weekStart === '') {
@@ -198,8 +199,8 @@ const authStore : Module<AuthState, RootStoreState> =  {
 			}
 		},
 
-		redirectToProviderIfNothingElseIsEnabled({rootState}) {
-			const {auth} = rootState.config
+		redirectToProviderIfNothingElseIsEnabled() {
+			const {auth} = useConfigStore()
 			if (
 				auth.local.enabled === false &&
 				auth.openidConnect.enabled &&
diff --git a/src/stores/config.ts b/src/stores/config.ts
index fb1ef8ae..aa2cfb35 100644
--- a/src/stores/config.ts
+++ b/src/stores/config.ts
@@ -1,14 +1,13 @@
-import type { Module } from 'vuex'
+import {defineStore, acceptHMRUpdate} from 'pinia'
 import {parseURL} from 'ufo'
 
-import {CONFIG} from '../mutation-types'
+import {CONFIG} from '../store/mutation-types'
 import {HTTPFactory} from '@/http-common'
 import {objectToCamelCase} from '@/helpers/case'
-import type { RootStoreState, ConfigState } from '@/store/types'
+import type {ConfigState} from '@/store/types'
 
-const configStore : Module<ConfigState, RootStoreState> = {
-	namespaced: true,
-	state: () => ({
+export const useConfigStore = defineStore('config', {
+	state: (): ConfigState => ({
 		// These are the api defaults.
 		version: '',
 		frontendUrl: '',
@@ -45,19 +44,20 @@ const configStore : Module<ConfigState, RootStoreState> = {
 			return protocol + '//' + host
 		},
 	},
-	mutations: {
-		[CONFIG](state, config: ConfigState) {
-			Object.assign(state, config)
-		},
-	},
 	actions: {
-		async update(ctx) {
+		[CONFIG](config: ConfigState) {
+			Object.assign(this, config)
+		},
+		async update() {
 			const HTTP = HTTPFactory()
 			const {data: config} = await HTTP.get('info')
-			ctx.commit(CONFIG, objectToCamelCase(config))
+			this[CONFIG](objectToCamelCase(config))
 			return config
 		},
 	},
-}
+})
 
-export default configStore
\ No newline at end of file
+// support hot reloading
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useConfigStore, import.meta.hot))
+}
\ No newline at end of file
diff --git a/src/views/About.vue b/src/views/About.vue
index 34fb0c73..71da84a6 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -34,8 +34,9 @@
 <script setup lang="ts">
 import {computed} from 'vue'
 
-import { store } from '@/store'
 import {VERSION as frontendVersion} from '@/version.json'
+import {useConfigStore} from '@/stores/config'
 
-const apiVersion = computed(() => store.state.config.version)
+const configStore = useConfigStore()
+const apiVersion = computed(() => configStore.version)
 </script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 7fc51635..5e8edb8a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -72,11 +72,13 @@ import {parseDateOrNull} from '@/helpers/parseDateOrNull'
 import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
 import {useDateTimeSalutation} from '@/composables/useDateTimeSalutation'
 import {useListStore} from '@/stores/lists'
+import {useConfigStore} from '@/stores/config'
 import {useNamespaceStore} from '@/stores/namespaces'
 
 const welcome = useDateTimeSalutation()
 
 const store = useStore()
+const configStore = useConfigStore()
 const namespaceStore = useNamespaceStore()
 const listStore = useListStore()
 const listHistory = computed(() => {
@@ -90,7 +92,7 @@ const listHistory = computed(() => {
 		.filter(l => l !== null)
 })
 
-const migratorsEnabled = computed(() => store.state.config.availableMigrators?.length > 0)
+const migratorsEnabled = computed(() => configStore.availableMigrators?.length > 0)
 const userInfo = computed(() => store.state.auth.info)
 const hasTasks = computed(() => store.state.hasTasks)
 const defaultListId = computed(() => store.state.auth.settings.defaultListId)
diff --git a/src/views/list/settings/background.vue b/src/views/list/settings/background.vue
index cb48ca68..c2a84342 100644
--- a/src/views/list/settings/background.vue
+++ b/src/views/list/settings/background.vue
@@ -106,6 +106,7 @@ import debounce from 'lodash.debounce'
 import BaseButton from '@/components/base/BaseButton.vue'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
+import {useConfigStore} from '@/stores/config'
 
 import BackgroundUnsplashService from '@/services/backgroundUnsplash'
 import BackgroundUploadService from '@/services/backgroundUpload'
@@ -144,9 +145,10 @@ const backgroundUploadService = ref(new BackgroundUploadService())
 const listService = ref(new ListService())
 const listStore = useListStore()
 const namespaceStore = useNamespaceStore()
+const configStore = useConfigStore()
 
-const unsplashBackgroundEnabled = computed(() => store.state.config.enabledBackgroundProviders.includes('unsplash'))
-const uploadBackgroundEnabled = computed(() => store.state.config.enabledBackgroundProviders.includes('upload'))
+const unsplashBackgroundEnabled = computed(() => configStore.enabledBackgroundProviders.includes('unsplash'))
+const uploadBackgroundEnabled = computed(() => configStore.enabledBackgroundProviders.includes('upload'))
 const currentList = computed(() => store.state.currentList)
 const hasBackground = computed(() => store.state.background !== null)
 
diff --git a/src/views/list/settings/share.vue b/src/views/list/settings/share.vue
index 07c43cae..856155e6 100644
--- a/src/views/list/settings/share.vue
+++ b/src/views/list/settings/share.vue
@@ -40,6 +40,7 @@ import {CURRENT_LIST} from '@/store/mutation-types'
 import CreateEdit from '@/components/misc/create-edit.vue'
 import LinkSharing from '@/components/sharing/linkSharing.vue'
 import userTeam from '@/components/sharing/userTeam.vue'
+import {useConfigStore} from '@/stores/config'
 
 const {t} = useI18n({useScope: 'global'})
 
@@ -51,7 +52,9 @@ const title = computed(() => list.value?.title
 useTitle(title)
 
 const store = useStore()
-const linkSharingEnabled = computed(() => store.state.config.linkSharingEnabled)
+const configStore = useConfigStore()
+
+const linkSharingEnabled = computed(() => configStore.linkSharingEnabled)
 const userIsAdmin = computed(() => 'owner' in list.value && list.value.owner.id === store.state.auth.info.id)
 
 async function loadList(listId: number) {
diff --git a/src/views/migrator/Migrate.vue b/src/views/migrator/Migrate.vue
index f9995df5..a404e055 100644
--- a/src/views/migrator/Migrate.vue
+++ b/src/views/migrator/Migrate.vue
@@ -23,17 +23,17 @@
 <script setup lang="ts">
 import {computed} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 
 import {MIGRATORS} from './migrators'
 import {useTitle} from '@/composables/useTitle'
+import {useConfigStore} from '@/stores/config'
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
 
 useTitle(() => t('migrate.title'))
 
-const availableMigrators = computed(() => store.state.config.availableMigrators
+const configStore = useConfigStore()
+const availableMigrators = computed(() => configStore.availableMigrators
 	.map((id) => MIGRATORS[id])
 	.filter((item) => Boolean(item)),
 )
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index dcdb1564..53e87e58 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -104,7 +104,8 @@
 <script lang="ts">
 import {defineComponent} from 'vue'
 import {useDebounceFn} from '@vueuse/core'
-import {mapState} from 'vuex'
+import {mapState as mapStateVuex} from 'vuex'
+import {mapState} from 'pinia'
 
 import {HTTPFactory} from '@/http-common'
 import {LOADING} from '@/store/mutation-types'
@@ -114,6 +115,7 @@ import {redirectToProvider} from '../../helpers/redirectToProvider'
 import {getLastVisited, clearLastVisited} from '../../helpers/saveLastVisited'
 import Password from '@/components/input/password.vue'
 import { setTitle } from '@/helpers/setTitle'
+import {useConfigStore} from '@/stores/config'
 
 export default defineComponent({
 	components: {
@@ -169,13 +171,16 @@ export default defineComponent({
 		hasOpenIdProviders() {
 			return this.openidConnect.enabled && this.openidConnect.providers?.length > 0
 		},
-		...mapState({
-			registrationEnabled: state => state.config.registrationEnabled,
+		...mapStateVuex({
 			loading: LOADING,
 			needsTotpPasscode: state => state.auth.needsTotpPasscode,
 			authenticated: state => state.auth.authenticated,
-			localAuthEnabled: state => state.config.auth.local.enabled,
-			openidConnect: state => state.config.auth.openidConnect,
+		}),
+
+		...mapState(useConfigStore, {
+			registrationEnabled: state => state.registrationEnabled,
+			localAuthEnabled: state => state.auth.local.enabled,
+			openidConnect: state => state.auth.openidConnect,
 		}),
 
 		validateField() {
diff --git a/src/views/user/Settings.vue b/src/views/user/Settings.vue
index 5ec8d9e5..cbc429ff 100644
--- a/src/views/user/Settings.vue
+++ b/src/views/user/Settings.vue
@@ -22,13 +22,15 @@ import {computed} from 'vue'
 import { store } from '@/store'
 import { useI18n } from 'vue-i18n'
 import { useTitle } from '@/composables/useTitle'
+import { useConfigStore } from '@/stores/config'
 
 const { t } = useI18n({useScope: 'global'})
 useTitle(() => t('user.settings.title'))
 
-const totpEnabled = computed(() => store.state.config.totpEnabled)
-const caldavEnabled = computed(() => store.state.config.caldavEnabled)
-const migratorsEnabled = computed(() => store.getters['config/migratorsEnabled'])
+const configStore = useConfigStore()
+const totpEnabled = computed(() => configStore.totpEnabled)
+const caldavEnabled = computed(() => configStore.caldavEnabled)
+const migratorsEnabled = computed(() => configStore.migratorsEnabled)
 const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
 
 const navigationItems = computed(() => {
diff --git a/src/views/user/settings/Caldav.vue b/src/views/user/settings/Caldav.vue
index 88cba511..6735333b 100644
--- a/src/views/user/settings/Caldav.vue
+++ b/src/views/user/settings/Caldav.vue
@@ -79,6 +79,7 @@ import Message from '@/components/misc/message.vue'
 import CaldavTokenService from '@/services/caldavToken'
 import { formatDateShort } from '@/helpers/time/formatDate'
 import type {ICaldavToken} from '@/modelTypes/ICaldavToken'
+import {useConfigStore} from '@/stores/config'
 
 const copy = useCopyToClipboard()
 
@@ -105,8 +106,9 @@ async function deleteToken(token: ICaldavToken) {
 }
 
 const store = useStore()
+const configStore = useConfigStore()
 const username = computed(() => store.state.auth.info?.username)
-const caldavUrl = computed(() => `${store.getters['config/apiBase']}/dav/principals/${username.value}/`)
-const caldavEnabled = computed(() => store.state.config.caldavEnabled)
+const caldavUrl = computed(() => `${configStore.apiBase}/dav/principals/${username.value}/`)
+const caldavEnabled = computed(() => configStore.caldavEnabled)
 const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
 </script>
diff --git a/src/views/user/settings/Deletion.vue b/src/views/user/settings/Deletion.vue
index 5a101c85..fc3961a5 100644
--- a/src/views/user/settings/Deletion.vue
+++ b/src/views/user/settings/Deletion.vue
@@ -96,6 +96,7 @@ import {parseDateOrNull} from '@/helpers/parseDateOrNull'
 import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
 import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
+import {useConfigStore} from '@/stores/config'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.deletion.title')} - ${t('user.settings.title')}`)
@@ -105,7 +106,9 @@ const password = ref('')
 const errPasswordRequired = ref(false)
 
 const store = useStore()
-const userDeletionEnabled = computed(() => store.state.config.userDeletionEnabled)
+const configStore = useConfigStore()
+
+const userDeletionEnabled = computed(() => configStore.userDeletionEnabled)
 const deletionScheduledAt = computed(() => parseDateOrNull(store.state.auth.info?.deletionScheduledAt))
 
 const passwordInput = ref()
diff --git a/src/views/user/settings/TOTP.vue b/src/views/user/settings/TOTP.vue
index ff5b0ee7..11ca323b 100644
--- a/src/views/user/settings/TOTP.vue
+++ b/src/views/user/settings/TOTP.vue
@@ -70,7 +70,6 @@ export default { name: 'user-settings-totp' }
 
 <script lang="ts" setup>
 import {computed, ref, shallowReactive} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import TotpService from '@/services/totp'
@@ -78,7 +77,8 @@ import TotpModel from '@/models/totp'
 
 import {success} from '@/message'
 
-import { useTitle } from '@/composables/useTitle'
+import {useTitle} from '@/composables/useTitle'
+import {useConfigStore} from '@/stores/config'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.totp.title')} - ${t('user.settings.title')}`)
@@ -92,8 +92,8 @@ const totpConfirmPasscode = ref('')
 const totpDisableForm = ref(false)
 const totpDisablePassword = ref('')
 
-const store = useStore()
-const totpEnabled = computed(() => store.state.config.totpEnabled)
+const configStore = useConfigStore()
+const totpEnabled = computed(() => configStore.totpEnabled)
 
 totpStatus()
 

From 4e9c592090be4c65d2bbb63fedb7121fa2042f98 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 26 Sep 2022 10:39:10 +0000
Subject: [PATCH 025/187] chore(deps): update dependency caniuse-lite to
 v1.0.30001412 (#2421)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2421
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 16 ++++++----------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 8832efce..eda51416 100644
--- a/package.json
+++ b/package.json
@@ -79,7 +79,7 @@
     "@vue/tsconfig": "0.1.3",
     "autoprefixer": "10.4.12",
     "browserslist": "4.21.4",
-    "caniuse-lite": "1.0.30001406",
+    "caniuse-lite": "1.0.30001412",
     "cypress": "10.8.0",
     "esbuild": "0.15.9",
     "eslint": "8.23.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6d8fe817..57617011 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,7 +33,7 @@ specifiers:
   browserslist: 4.21.4
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
-  caniuse-lite: 1.0.30001406
+  caniuse-lite: 1.0.30001412
   codemirror: 5.65.9
   cypress: 10.8.0
   date-fns: 2.29.3
@@ -144,7 +144,7 @@ devDependencies:
   '@vue/tsconfig': 0.1.3_@types+node@17.0.17
   autoprefixer: 10.4.12_postcss@8.4.16
   browserslist: 4.21.4
-  caniuse-lite: 1.0.30001406
+  caniuse-lite: 1.0.30001412
   cypress: 10.8.0
   esbuild: 0.15.9
   eslint: 8.23.1
@@ -3994,7 +3994,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       browserslist: 4.21.4
-      caniuse-lite: 1.0.30001409
+      caniuse-lite: 1.0.30001412
       fraction.js: 4.2.0
       normalize-range: 0.1.2
       picocolors: 1.0.0
@@ -4269,7 +4269,7 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001406
+      caniuse-lite: 1.0.30001412
       electron-to-chromium: 1.4.256
       node-releases: 2.0.6
       update-browserslist-db: 1.0.9_browserslist@4.21.4
@@ -4447,12 +4447,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /caniuse-lite/1.0.30001406:
-    resolution: {integrity: sha512-bWTlaXUy/rq0BBtYShc/jArYfBPjEV95euvZ8JVtO43oQExEN/WquoqpufFjNu4kSpi5cy5kMbNvzztWDfv1Jg==}
-    dev: true
-
-  /caniuse-lite/1.0.30001409:
-    resolution: {integrity: sha512-V0mnJ5dwarmhYv8/MzhJ//aW68UpvnQBXv8lJ2QUsvn2pHcmAuNtu8hQEDz37XnA1iE+lRR9CIfGWWpgJ5QedQ==}
+  /caniuse-lite/1.0.30001412:
+    resolution: {integrity: sha512-+TeEIee1gS5bYOiuf+PS/kp2mrXic37Hl66VY6EAfxasIk5fELTktK2oOezYed12H8w7jt3s512PpulQidPjwA==}
     dev: true
 
   /caseless/0.12.0:

From b44c71e6ccad7e8108bd12d99b54563979dbd54f Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 26 Sep 2022 10:45:27 +0000
Subject: [PATCH 026/187] chore(deps): update dependency netlify-cli to v11.8.3
 (#2422)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2422
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 36 ++++++++++++++++++------------------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index eda51416..28c7b60f 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
     "eslint-plugin-vue": "9.5.1",
     "express": "4.18.1",
     "happy-dom": "6.0.4",
-    "netlify-cli": "11.8.0",
+    "netlify-cli": "11.8.3",
     "postcss": "8.4.16",
     "postcss-preset-env": "7.8.2",
     "rollup": "2.79.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57617011..42c3c0f4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,7 +52,7 @@ specifiers:
   lodash.debounce: 4.0.8
   marked: 4.1.0
   minimist: 1.2.6
-  netlify-cli: 11.8.0
+  netlify-cli: 11.8.3
   pinia: 2.0.22
   postcss: 8.4.16
   postcss-preset-env: 7.8.2
@@ -151,7 +151,7 @@ devDependencies:
   eslint-plugin-vue: 9.5.1_eslint@8.23.1
   express: 4.18.1
   happy-dom: 6.0.4
-  netlify-cli: 11.8.0
+  netlify-cli: 11.8.3
   postcss: 8.4.16
   postcss-preset-env: 7.8.2_postcss@8.4.16
   rollup: 2.79.1
@@ -1862,8 +1862,8 @@ packages:
     resolution: {integrity: sha512-4wMPu9iN3/HL97QblBsBay3E1etIciR84izI3U+4iALY+JHCrI+a2jO0qbAZ/nxKoegypYEaiiqWXylm+/zfrw==}
     dev: true
 
-  /@netlify/build/27.18.4:
-    resolution: {integrity: sha512-3DXTuv5X9FWI+6G7uI29GlxkatMqgNyPX9Ey2BiYIi2CSUjILuCealVW+Qo3SV0+afty3teptaUfMQSKa1OLHg==}
+  /@netlify/build/27.18.5:
+    resolution: {integrity: sha512-SmLOcgp/VJiCe9ft/8oUmCdPBOvQ/k7G4Y0fUb1BXusRePdultUDzC0pHFybNa/YyIsA4HDTAtGsTAk8GJpu7g==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     hasBin: true
     dependencies:
@@ -1873,7 +1873,7 @@ packages:
       '@netlify/edge-bundler': 2.2.0
       '@netlify/functions-utils': 4.2.9_supports-color@9.2.1
       '@netlify/git-utils': 4.1.1
-      '@netlify/plugins-list': 6.45.0
+      '@netlify/plugins-list': 6.46.0
       '@netlify/run-utils': 4.0.1
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
@@ -2372,8 +2372,8 @@ packages:
     resolution: {integrity: sha512-1n9VvO/9qM7cRB5f7NgSNqeUrovM7j9WVAY7ZQ4LtQuXSquFmO9Fku7WrV3zAUC6v2Y62fxGyJ0fRllYz5uXLw==}
     dev: true
 
-  /@netlify/plugins-list/6.45.0:
-    resolution: {integrity: sha512-eFvBjP1o+ckujlV81GFDfnMOM9Vz4jeI/ZsRELLH7j1+GnGRrYcdG20THDJCS++l1bWEvX59PC2Je9eyD7fZFA==}
+  /@netlify/plugins-list/6.46.0:
+    resolution: {integrity: sha512-kUX90Eacqko9ni3cepVZKXFTLmhdwES/HDRlMYxyUh+SmvXWRC+h43b11nA0/6M5PEPolUChQOZN9wZql6oJJw==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dev: true
 
@@ -3923,7 +3923,7 @@ packages:
     dev: true
 
   /ascii-table/0.0.9:
-    resolution: {integrity: sha1-BqZgTWpV1L9BqaR9mHLXp42jHnM=}
+    resolution: {integrity: sha512-xpkr6sCDIYTPqzvjG8M3ncw1YOTaloWZOyrUmicoEifBEKzQzt+ooUpRpQ/AbOoJfO/p2ZKiyp79qHThzJDulQ==}
     dev: true
 
   /asn1/0.2.6:
@@ -4291,7 +4291,7 @@ packages:
     dev: true
 
   /buffer-equal-constant-time/1.0.1:
-    resolution: {integrity: sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk=}
+    resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
     dev: true
 
   /buffer-fill/1.0.0:
@@ -6634,7 +6634,7 @@ packages:
     dev: true
 
   /file-size/0.0.5:
-    resolution: {integrity: sha1-BX1Dw6Ptc12j+Q1gUqs4Dx5tXjs=}
+    resolution: {integrity: sha512-ZW056dw8Ta1RWHVOQue3LMZe+mSOnHkcM7AN9is8JoHSIHRiLD5szwPAHM3fM7P5SGJ1bkAmCv3PvUTGoluDqA==}
     dev: true
 
   /file-type/11.1.0:
@@ -9137,7 +9137,7 @@ packages:
     dev: true
 
   /mute-stream/0.0.7:
-    resolution: {integrity: sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=}
+    resolution: {integrity: sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ==}
     dev: true
 
   /mute-stream/0.0.8:
@@ -9200,18 +9200,18 @@ packages:
     resolution: {integrity: sha512-AO81vsIO1k1sM4Zrd6Hu7regmJN1NSiAja10gc4bX3F0wd+9rQmcuHQaHVQCYIEC8iFXnE+mavh23GOt7wBgug==}
     dev: true
 
-  /netlify-cli/11.8.0:
-    resolution: {integrity: sha512-ZCOoUonc/cXBWe7dxkXooILqS3BoyPpQlXZG5rJudCntzfO1EmPc7CFYx33vHFZgn9yjgQAEnLIvB3A//v7Trg==}
+  /netlify-cli/11.8.3:
+    resolution: {integrity: sha512-g8CG+kOrT/euh8dKoS7KB5ItuT0wYs0uxb8HctlWMm5g4DP1wTXX2O9Vnhhoqy4nQ2bhiTp9NUef7EcDim/uzw==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@netlify/build': 27.18.4
+      '@netlify/build': 27.18.5
       '@netlify/config': 18.2.3
       '@netlify/edge-bundler': 2.2.0
       '@netlify/framework-info': 9.2.0
       '@netlify/local-functions-proxy': 1.1.1
-      '@netlify/plugins-list': 6.45.0
+      '@netlify/plugins-list': 6.46.0
       '@netlify/zip-it-and-ship-it': 7.1.2
       '@octokit/rest': 18.12.0
       '@sindresorhus/slugify': 1.1.2
@@ -9277,7 +9277,7 @@ packages:
       multiparty: 4.2.3
       netlify: 12.0.1
       netlify-headers-parser: 6.0.2
-      netlify-onegraph-internal: 0.10.0
+      netlify-onegraph-internal: 0.10.1
       netlify-redirect-parser: 13.0.5
       netlify-redirector: 0.3.1
       node-fetch: 2.6.7
@@ -9335,8 +9335,8 @@ packages:
       toml: 3.0.0
     dev: true
 
-  /netlify-onegraph-internal/0.10.0:
-    resolution: {integrity: sha512-Gf6cE1W+q35niIz54xpSLneShpRxlleYL3ZD3D1tjGazuv19q8XBVAAynaAQFzbOk/RPTnu3+Vi/5L7DGACOIg==}
+  /netlify-onegraph-internal/0.10.1:
+    resolution: {integrity: sha512-lGHBUfILWoMO2iJN3zmqd/S+pbgYyQI4WgWDiMrEPkDQPF6wO1JUmhcMOGiZfsmaX/leD9S+CKDKX7iDc440Hw==}
     dependencies:
       graphql: 16.5.0
       node-fetch: 2.6.7

From b1f2229d22068eb7af15c426f2177c0443bd8c46 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 26 Sep 2022 10:57:32 +0000
Subject: [PATCH 027/187] chore(deps): update dependency eslint to v8.24.0
 (#2410)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2410
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 80 +++++++++++++++++++++++++-------------------------
 2 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/package.json b/package.json
index 28c7b60f..25ca4e57 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
     "caniuse-lite": "1.0.30001412",
     "cypress": "10.8.0",
     "esbuild": "0.15.9",
-    "eslint": "8.23.1",
+    "eslint": "8.24.0",
     "eslint-plugin-vue": "9.5.1",
     "express": "4.18.1",
     "happy-dom": "6.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 42c3c0f4..d770f779 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,7 +40,7 @@ specifiers:
   dompurify: 2.4.0
   easymde: 2.18.0
   esbuild: 0.15.9
-  eslint: 8.23.1
+  eslint: 8.24.0
   eslint-plugin-vue: 9.5.1
   express: 4.18.1
   flatpickr: 4.6.13
@@ -135,11 +135,11 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
-  '@typescript-eslint/eslint-plugin': 5.38.0_b483ed0ee9d3a163025c50069c304c8e
-  '@typescript-eslint/parser': 5.38.0_eslint@8.23.1+typescript@4.8.3
+  '@typescript-eslint/eslint-plugin': 5.38.0_e1942aafd09235b9c200b160615a6fef
+  '@typescript-eslint/parser': 5.38.0_eslint@8.24.0+typescript@4.8.3
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
-  '@vue/eslint-config-typescript': 11.0.2_335600ba66dae5772a6b40c5ca4e85cc
+  '@vue/eslint-config-typescript': 11.0.2_6e223a7e95cc78e4e686f47e5f89e21c
   '@vue/test-utils': 2.0.2_vue@3.2.39
   '@vue/tsconfig': 0.1.3_@types+node@17.0.17
   autoprefixer: 10.4.12_postcss@8.4.16
@@ -147,8 +147,8 @@ devDependencies:
   caniuse-lite: 1.0.30001412
   cypress: 10.8.0
   esbuild: 0.15.9
-  eslint: 8.23.1
-  eslint-plugin-vue: 9.5.1_eslint@8.23.1
+  eslint: 8.24.0
+  eslint-plugin-vue: 9.5.1_eslint@8.24.0
   express: 4.18.1
   happy-dom: 6.0.4
   netlify-cli: 11.8.3
@@ -1703,8 +1703,8 @@ packages:
       '@hapi/hoek': 9.2.1
     dev: true
 
-  /@humanwhocodes/config-array/0.10.4:
-    resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==}
+  /@humanwhocodes/config-array/0.10.5:
+    resolution: {integrity: sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
@@ -3104,7 +3104,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.0_b483ed0ee9d3a163025c50069c304c8e:
+  /@typescript-eslint/eslint-plugin/5.38.0_e1942aafd09235b9c200b160615a6fef:
     resolution: {integrity: sha512-GgHi/GNuUbTOeoJiEANi0oI6fF3gBQc3bGFYj40nnAPCbhrtEDf2rjBmefFadweBmO1Du1YovHeDP2h5JLhtTQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3115,12 +3115,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.0_eslint@8.23.1+typescript@4.8.3
+      '@typescript-eslint/parser': 5.38.0_eslint@8.24.0+typescript@4.8.3
       '@typescript-eslint/scope-manager': 5.38.0
-      '@typescript-eslint/type-utils': 5.38.0_eslint@8.23.1+typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.0_eslint@8.23.1+typescript@4.8.3
+      '@typescript-eslint/type-utils': 5.38.0_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/utils': 5.38.0_eslint@8.24.0+typescript@4.8.3
       debug: 4.3.4
-      eslint: 8.23.1
+      eslint: 8.24.0
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
@@ -3130,7 +3130,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.0_eslint@8.23.1+typescript@4.8.3:
+  /@typescript-eslint/parser/5.38.0_eslint@8.24.0+typescript@4.8.3:
     resolution: {integrity: sha512-/F63giJGLDr0ms1Cr8utDAxP2SPiglaD6V+pCOcG35P2jCqdfR7uuEhz1GIC3oy4hkUF8xA1XSXmd9hOh/a5EA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3144,7 +3144,7 @@ packages:
       '@typescript-eslint/types': 5.38.0
       '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
       debug: 4.3.4
-      eslint: 8.23.1
+      eslint: 8.24.0
       typescript: 4.8.3
     transitivePeerDependencies:
       - supports-color
@@ -3158,7 +3158,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.38.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.0_eslint@8.23.1+typescript@4.8.3:
+  /@typescript-eslint/type-utils/5.38.0_eslint@8.24.0+typescript@4.8.3:
     resolution: {integrity: sha512-iZq5USgybUcj/lfnbuelJ0j3K9dbs1I3RICAJY9NZZpDgBYXmuUlYQGzftpQA9wC8cKgtS6DASTvF3HrXwwozA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3169,9 +3169,9 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.0_eslint@8.23.1+typescript@4.8.3
+      '@typescript-eslint/utils': 5.38.0_eslint@8.24.0+typescript@4.8.3
       debug: 4.3.4
-      eslint: 8.23.1
+      eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.3
       typescript: 4.8.3
     transitivePeerDependencies:
@@ -3225,7 +3225,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.0_eslint@8.23.1+typescript@4.8.3:
+  /@typescript-eslint/utils/5.38.0_eslint@8.24.0+typescript@4.8.3:
     resolution: {integrity: sha512-6sdeYaBgk9Fh7N2unEXGz+D+som2QCQGPAf1SxrkEr+Z32gMreQ0rparXTNGRRfYUWk/JzbGdcM8NSSd6oqnTA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3235,9 +3235,9 @@ packages:
       '@typescript-eslint/scope-manager': 5.38.0
       '@typescript-eslint/types': 5.38.0
       '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
-      eslint: 8.23.1
+      eslint: 8.24.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.23.1
+      eslint-utils: 3.0.0_eslint@8.24.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -3436,7 +3436,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_335600ba66dae5772a6b40c5ca4e85cc:
+  /@vue/eslint-config-typescript/11.0.2_6e223a7e95cc78e4e686f47e5f89e21c:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3447,12 +3447,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.0_b483ed0ee9d3a163025c50069c304c8e
-      '@typescript-eslint/parser': 5.38.0_eslint@8.23.1+typescript@4.8.3
-      eslint: 8.23.1
-      eslint-plugin-vue: 9.5.1_eslint@8.23.1
+      '@typescript-eslint/eslint-plugin': 5.38.0_e1942aafd09235b9c200b160615a6fef
+      '@typescript-eslint/parser': 5.38.0_eslint@8.24.0+typescript@4.8.3
+      eslint: 8.24.0
+      eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.3
-      vue-eslint-parser: 9.0.3_eslint@8.23.1
+      vue-eslint-parser: 9.0.3_eslint@8.24.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4830,7 +4830,7 @@ packages:
     dev: true
 
   /concat-map/0.0.1:
-    resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
 
   /concat-stream/1.6.2:
@@ -6114,19 +6114,19 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-plugin-vue/9.5.1_eslint@8.23.1:
+  /eslint-plugin-vue/9.5.1_eslint@8.24.0:
     resolution: {integrity: sha512-Y0sL2RY7Xc9S8kNih9lbwHIDmewUg9bfas6WSzsOWRgDXhIHKxRBZYNAnVcXBFfE+bMWHUA5GLChl7TcTYUI8w==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.23.1
-      eslint-utils: 3.0.0_eslint@8.23.1
+      eslint: 8.24.0
+      eslint-utils: 3.0.0_eslint@8.24.0
       natural-compare: 1.4.0
       nth-check: 2.0.1
       postcss-selector-parser: 6.0.10
       semver: 7.3.7
-      vue-eslint-parser: 9.0.3_eslint@8.23.1
+      vue-eslint-parser: 9.0.3_eslint@8.24.0
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -6148,13 +6148,13 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.23.1:
+  /eslint-utils/3.0.0_eslint@8.24.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.23.1
+      eslint: 8.24.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -6168,13 +6168,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.23.1:
-    resolution: {integrity: sha512-w7C1IXCc6fNqjpuYd0yPlcTKKmHlHHktRkzmBPZ+7cvNBQuiNjx0xaMTjAJGCafJhQkrFJooREv0CtrVzmHwqg==}
+  /eslint/8.24.0:
+    resolution: {integrity: sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
       '@eslint/eslintrc': 1.3.2
-      '@humanwhocodes/config-array': 0.10.4
+      '@humanwhocodes/config-array': 0.10.5
       '@humanwhocodes/gitignore-to-minimatch': 1.0.2
       '@humanwhocodes/module-importer': 1.0.1
       ajv: 6.12.6
@@ -6184,7 +6184,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.23.1
+      eslint-utils: 3.0.0_eslint@8.24.0
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0
       esquery: 1.4.0
@@ -12678,14 +12678,14 @@ packages:
     resolution: {integrity: sha512-5q03tZ/LyvQsg1iHRcqs+wI2OKNbNIWl9+7V8rVL6MxJhZLCIYSSgbAUaDE38LhD6dFd5aJhdgNmES61AxjXuw==}
     dev: false
 
-  /vue-eslint-parser/9.0.3_eslint@8.23.1:
+  /vue-eslint-parser/9.0.3_eslint@8.24.0:
     resolution: {integrity: sha512-yL+ZDb+9T0ELG4VIFo/2anAOz8SvBdlqEnQnvJ3M7Scq56DvtjY0VY88bByRZB0D4J0u8olBcfrXTVONXsh4og==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.23.1
+      eslint: 8.24.0
       eslint-scope: 7.1.1
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0

From 5f6cfa8e09e8e62a04fd8479fb93326698cb95bf Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 26 Sep 2022 10:58:34 +0000
Subject: [PATCH 028/187] fix(deps): update vueuse to v9.3.0 (#2423)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2423
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  4 ++--
 pnpm-lock.yaml | 30 +++++++++++++++---------------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 25ca4e57..17e334c6 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,8 @@
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
-    "@vueuse/core": "9.2.0",
-    "@vueuse/router": "9.2.0",
+    "@vueuse/core": "9.3.0",
+    "@vueuse/router": "9.3.0",
     "axios": "0.27.2",
     "blurhash": "2.0.0",
     "bulma-css-variables": "0.9.33",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d770f779..c3aa1a60 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,8 +25,8 @@ specifiers:
   '@vue/eslint-config-typescript': 11.0.2
   '@vue/test-utils': 2.0.2
   '@vue/tsconfig': 0.1.3
-  '@vueuse/core': 9.2.0
-  '@vueuse/router': 9.2.0
+  '@vueuse/core': 9.3.0
+  '@vueuse/router': 9.3.0
   autoprefixer: 10.4.12
   axios: 0.27.2
   blurhash: 2.0.0
@@ -94,8 +94,8 @@ dependencies:
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
-  '@vueuse/core': 9.2.0_vue@3.2.39
-  '@vueuse/router': 9.2.0_vue-router@4.1.5+vue@3.2.39
+  '@vueuse/core': 9.3.0_vue@3.2.39
+  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.39
   axios: 0.27.2
   blurhash: 2.0.0
   bulma-css-variables: 0.9.33
@@ -3539,28 +3539,28 @@ packages:
       '@types/node': 17.0.17
     dev: true
 
-  /@vueuse/core/9.2.0_vue@3.2.39:
-    resolution: {integrity: sha512-/MZ6qpz6uSyaXrtoeBWQzAKRG3N7CvfVWvQxiM3ei3Xe5ydOjjtVbo7lGl9p8dECV93j7W8s63A8H0kFLpLyxg==}
+  /@vueuse/core/9.3.0_vue@3.2.39:
+    resolution: {integrity: sha512-64Rna8IQDWpdrJxgitDg7yv1yTp41ZmvV8zlLEylK4QQLWAhz1OFGZDPZ8bU4lwcGgbEJ2sGi2jrdNh4LttUSQ==}
     dependencies:
       '@types/web-bluetooth': 0.0.15
-      '@vueuse/metadata': 9.2.0
-      '@vueuse/shared': 9.2.0_vue@3.2.39
+      '@vueuse/metadata': 9.3.0
+      '@vueuse/shared': 9.3.0_vue@3.2.39
       vue-demi: 0.12.1_vue@3.2.39
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/metadata/9.2.0:
-    resolution: {integrity: sha512-exN4KE6iquxDCdt72BgEhb3tlOpECtD61AUdXnUqBTIUCl70x1Ar/QXo3bYcvxmdMS2/peQyfeTzBjRTpvL5xw==}
+  /@vueuse/metadata/9.3.0:
+    resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.2.0_vue-router@4.1.5+vue@3.2.39:
-    resolution: {integrity: sha512-N80vwh6EGFJiUIyCbfGhEDHzolNvTEPzJBLTuwy7pJU91VjNotMsSvUhwEI8l/cBpdBaIL9dUxRqXDBVrQBahA==}
+  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.39:
+    resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
     dependencies:
-      '@vueuse/shared': 9.2.0_vue@3.2.39
+      '@vueuse/shared': 9.3.0_vue@3.2.39
       vue-demi: 0.12.1_vue@3.2.39
       vue-router: 4.1.5_vue@3.2.39
     transitivePeerDependencies:
@@ -3568,8 +3568,8 @@ packages:
       - vue
     dev: false
 
-  /@vueuse/shared/9.2.0_vue@3.2.39:
-    resolution: {integrity: sha512-NnRp/noSWuXW0dKhZK5D0YLrDi0nmZ18UeEgwXQq7Ul5TTP93lcNnKjrHtd68j2xFB/l59yPGFlCryL692bnrA==}
+  /@vueuse/shared/9.3.0_vue@3.2.39:
+    resolution: {integrity: sha512-caGUWLY0DpPC6l31KxeUy6vPVNA0yKxx81jFYLoMpyP6cF84FG5Dkf69DfSUqL57wX8JcUkJDMnQaQIZPWFEQQ==}
     dependencies:
       vue-demi: 0.12.1_vue@3.2.39
     transitivePeerDependencies:

From 1eae7ece9c963308c71f7fc556ff67919adfa424 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 26 Sep 2022 11:16:21 +0000
Subject: [PATCH 029/187] chore(deps): update dependency
 rollup-plugin-visualizer to v5.8.2 (#2420)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2420
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 17 ++++++++---------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 17e334c6..f676b984 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,7 @@
     "postcss": "8.4.16",
     "postcss-preset-env": "7.8.2",
     "rollup": "2.79.1",
-    "rollup-plugin-visualizer": "5.8.1",
+    "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
     "typescript": "4.8.3",
     "vite": "3.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c3aa1a60..499123e9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -58,7 +58,7 @@ specifiers:
   postcss-preset-env: 7.8.2
   register-service-worker: 1.7.2
   rollup: 2.79.1
-  rollup-plugin-visualizer: 5.8.1
+  rollup-plugin-visualizer: 5.8.2
   sass: 1.55.0
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -155,7 +155,7 @@ devDependencies:
   postcss: 8.4.16
   postcss-preset-env: 7.8.2_postcss@8.4.16
   rollup: 2.79.1
-  rollup-plugin-visualizer: 5.8.1_rollup@2.79.1
+  rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
   typescript: 4.8.3
   vite: 3.1.3_sass@1.55.0+terser@5.10.0
@@ -11065,8 +11065,8 @@ packages:
       terser: 5.10.0
     dev: true
 
-  /rollup-plugin-visualizer/5.8.1_rollup@2.79.1:
-    resolution: {integrity: sha512-NBT/xN/LWCwDM2/j5vYmjzpEAKHyclo/8Cv8AfTCwgADAG+tLJDy1vzxMw6NO0dSDjmTeRELD9UU3FwknLv0GQ==}
+  /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
+    resolution: {integrity: sha512-Fh7KoAa7FVVOojmyyX9ro7fBSR7mPG2cgfDbA877HM4IeJJtSZO+I/R3h/u6TB8wVP5J4pXPpTaRMSREyqCS3g==}
     engines: {node: '>=14'}
     hasBin: true
     peerDependencies:
@@ -11075,10 +11075,9 @@ packages:
       rollup:
         optional: true
     dependencies:
-      nanoid: 3.3.4
       open: 8.4.0
       rollup: 2.79.1
-      source-map: 0.7.3
+      source-map: 0.7.4
       yargs: 17.5.1
     dev: true
 
@@ -11459,8 +11458,8 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
-  /source-map/0.7.3:
-    resolution: {integrity: sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==}
+  /source-map/0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
     engines: {node: '>= 8'}
     dev: true
 
@@ -11955,7 +11954,7 @@ packages:
     dependencies:
       acorn: 8.8.0
       commander: 2.20.3
-      source-map: 0.7.3
+      source-map: 0.7.4
       source-map-support: 0.5.21
     dev: true
 

From ba2605af1bb6f9ba7d3bd1b99ed862d510c6bb31 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 26 Sep 2022 15:58:54 +0000
Subject: [PATCH 030/187] feat: filter-popup script setup (#2418)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2418
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/list/partials/filter-popup.vue | 106 ++++++++----------
 1 file changed, 47 insertions(+), 59 deletions(-)

diff --git a/src/components/list/partials/filter-popup.vue b/src/components/list/partials/filter-popup.vue
index bf8b83c3..20d57ca5 100644
--- a/src/components/list/partials/filter-popup.vue
+++ b/src/components/list/partials/filter-popup.vue
@@ -29,72 +29,60 @@
 	</modal>
 </template>
 
-<script lang="ts">
-import {defineComponent, ref} from 'vue'
+<script setup lang="ts">
+import {computed, ref, watch} from 'vue'
 
 import Filters from '@/components/list/partials/filters.vue'
 
 import {getDefaultParams} from '@/composables/taskList'
 
-export default defineComponent({
-	name: 'filter-popup',
-	components: {
-		Filters,
-	},
-	props: {
-		modelValue: {
-			required: true,
-		},
-	},
-	emits: ['update:modelValue'],
-	computed: {
-		value: {
-			get() {
-				return this.modelValue
-			},
-			set(value) {
-				this.$emit('update:modelValue', value)
-			},
-		},
-		hasFilters() {
-			// this.value also contains the page parameter which we don't want to include in filters
-			// eslint-disable-next-line no-unused-vars
-			const {filter_by, filter_value, filter_comparator, filter_concat, s} = this.value
-			const def = {...getDefaultParams()}
-
-			const params = {filter_by, filter_value, filter_comparator, filter_concat, s}
-			const defaultParams = {
-				filter_by: def.filter_by,
-				filter_value: def.filter_value,
-				filter_comparator: def.filter_comparator,
-				filter_concat: def.filter_concat,
-				s: s ? def.s : undefined,
-			}
-
-			return JSON.stringify(params) !== JSON.stringify(defaultParams)
-		},
-	},
-	watch: {
-		modelValue: {
-			handler(value) {
-				this.value = value
-			},
-			immediate: true,
-		},
-	},
-	setup() {
-		const modalOpen = ref(false)
-
-		return {
-			modalOpen,
-		}
-	},
-	methods: {
-		clearFilters() {
-			this.value = {...getDefaultParams()}
-		},
+const	props = defineProps({
+	modelValue: {
+		required: true,
 	},
 })
+const emit = defineEmits(['update:modelValue'])
+
+const value = computed({
+	get() {
+		return props.modelValue
+	},
+	set(value) {
+		emit('update:modelValue', value)
+	},
+})
+
+watch(
+	() => props.modelValue,
+	(modelValue) => {
+		value.value = modelValue
+	},
+	{immediate: true},
+)
+		
+const hasFilters = computed(() => {
+	// this.value also contains the page parameter which we don't want to include in filters
+	// eslint-disable-next-line no-unused-vars
+	const {filter_by, filter_value, filter_comparator, filter_concat, s} = value.value
+	const def = {...getDefaultParams()}
+
+	const params = {filter_by, filter_value, filter_comparator, filter_concat, s}
+	const defaultParams = {
+		filter_by: def.filter_by,
+		filter_value: def.filter_value,
+		filter_comparator: def.filter_comparator,
+		filter_concat: def.filter_concat,
+		s: s ? def.s : undefined,
+	}
+
+	return JSON.stringify(params) !== JSON.stringify(defaultParams)
+})
+
+const modalOpen = ref(false)
+
+function clearFilters() {
+	value.value = {...getDefaultParams()}
+}
 </script>
 
 <style scoped lang="scss">

From 89e428b4d285f3465a40773fbda564c432fb371e Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 26 Sep 2022 16:09:24 +0000
Subject: [PATCH 031/187] feat: ListLabels script setup (#2416)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2416
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/models/label.ts             |   2 +-
 src/views/labels/ListLabels.vue | 146 +++++++++++++++-----------------
 2 files changed, 68 insertions(+), 80 deletions(-)

diff --git a/src/models/label.ts b/src/models/label.ts
index d151260b..798c38dd 100644
--- a/src/models/label.ts
+++ b/src/models/label.ts
@@ -22,7 +22,7 @@ export default class LabelModel extends AbstractModel<ILabel> implements ILabel
 	created: Date = null
 	updated: Date = null
 
-	constructor(data: Partial<ILabel>) {
+	constructor(data: Partial<ILabel> = {}) {
 		super()
 		this.assignData(data)
 
diff --git a/src/views/labels/ListLabels.vue b/src/views/labels/ListLabels.vue
index d578d078..a588edae 100644
--- a/src/views/labels/ListLabels.vue
+++ b/src/views/labels/ListLabels.vue
@@ -109,90 +109,78 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
-import {mapState as mapVuexState} from 'vuex'
-import {mapState} from 'pinia'
+<script setup lang="ts">
+import {computed, nextTick, ref} from 'vue'
+import {useI18n} from 'vue-i18n'
 
-import LabelModel from '../../models/label'
+import BaseButton from '@/components/base/BaseButton.vue'
+import Editor from '@/components/input/AsyncEditor'
+import ColorPicker from '@/components/input/colorPicker.vue'
+
+import LabelModel from '@/models/label'
 import type {ILabel} from '@/modelTypes/ILabel'
 import {useLabelStore} from '@/stores/labels'
 
-import BaseButton from '@/components/base/BaseButton.vue'
-import AsyncEditor from '@/components/input/AsyncEditor'
-import ColorPicker from '@/components/input/colorPicker.vue'
-import { setTitle } from '@/helpers/setTitle'
+import { useTitle } from '@/composables/useTitle'
+import { useStore } from '@/store'
 
-export default defineComponent({
-	name: 'ListLabels',
-	components: {
-		BaseButton,
-		ColorPicker,
-		editor: AsyncEditor,
-	},
-	data() {
-		return {
-			labelEditLabel: new LabelModel(),
-			isLabelEdit: false,
-			editorActive: false,
-			showDeleteModal: false,
-			labelToDelete: null,
-		}
-	},
-	created() {
+const {t} = useI18n({useScope: 'global'})
+
+const labelEditLabel = ref<ILabel>(new LabelModel())
+const isLabelEdit = ref(false)
+const editorActive = ref(false)
+const showDeleteModal = ref(false)
+const labelToDelete = ref<ILabel>(null)
+
+useTitle(() => t('label.title'))
+
+const store = useStore()
+const userInfo = computed(() => store.state.auth.info)
+
+const labelStore = useLabelStore()
+labelStore.loadAllLabels()
+
+// Alphabetically sort the labels
+const labels = computed(() => Object.values(labelStore.labels).sort((f, s) => f.title > s.title ? 1 : -1))
+const loading = computed(() =>labelStore.isLoading)
+
+function deleteLabel(label: ILabel) {
+	showDeleteModal.value = false
+	isLabelEdit.value = false
+	const labelStore = useLabelStore()
+	return labelStore.deleteLabel(label)
+}
+
+function editLabelSubmit() {
 		const labelStore = useLabelStore()
-		labelStore.loadAllLabels()
-	},
-	mounted() {
-		setTitle(this.$t('label.title'))
-	},
-	computed: {
-		...mapVuexState({
-			userInfo: state => state.auth.info,
-		}),
-		...mapState(useLabelStore, {
-			// Alphabetically sort the labels
-			labels: state => Object.values(state.labels).sort((f, s) => f.title > s.title ? 1 : -1),
-			loading: state => state.isLoading,
-		}),
-	},
-	methods: {
-		deleteLabel(label: ILabel) {
-			this.showDeleteModal = false
-			this.isLabelEdit = false
-			const labelStore = useLabelStore()
-			return labelStore.deleteLabel(label)
-		},
-		editLabelSubmit() {
-			const labelStore = useLabelStore()
-			return labelStore.updateLabel(this.labelEditLabel)
-		},
-		editLabel(label: ILabel) {
-			if (label.createdBy.id !== this.userInfo.id) {
-				return
-			}
-			// Duplicating the label to make sure it does not look like changes take effect immediatly as the label 
-			// object passed to this function here still has a reference to the store.
-			this.labelEditLabel = new LabelModel({
-				...label,
-				// The model does not support passing dates into it directly so we need to convert them first				
-				created: +label.created,
-				updated: +label.updated,
-			})
-			this.isLabelEdit = true
+		return labelStore.updateLabel(labelEditLabel.value)
+	}
 
-			// This makes the editor trigger its mounted function again which makes it forget every input
-			// it currently has in its textarea. This is a counter-hack to a hack inside of vue-easymde
-			// which made it impossible to detect change from the outside. Therefore the component would
-			// not update if new content from the outside was made available.
-			// See https://github.com/NikulinIlya/vue-easymde/issues/3
-			this.editorActive = false
-			this.$nextTick(() => this.editorActive = true)
-		},
-		showDeleteDialoge(label: ILabel) {
-			this.labelToDelete = label
-			this.showDeleteModal = true
-		},
-	},
-})
+function editLabel(label: ILabel) {
+	if (label.createdBy.id !== userInfo.value.id) {
+		return
+	}
+	// Duplicating the label to make sure it does not look like changes take effect immediatly as the label 
+	// object passed to this function here still has a reference to the store.
+	labelEditLabel.value = new LabelModel({
+		...label,
+		// The model does not support passing dates into it directly so we need to convert them first				
+		created: +label.created,
+		updated: +label.updated,
+	})
+	isLabelEdit.value = true
+
+	// This makes the editor trigger its mounted function again which makes it forget every input
+	// it currently has in its textarea. This is a counter-hack to a hack inside of vue-easymde
+	// which made it impossible to detect change from the outside. Therefore the component would
+	// not update if new content from the outside was made available.
+	// See https://github.com/NikulinIlya/vue-easymde/issues/3
+	editorActive.value = false
+	nextTick(() => editorActive.value = true)
+}
+
+function showDeleteDialoge(label: ILabel) {
+	labelToDelete.value = label
+	showDeleteModal.value = true
+}
 </script>

From 9f3936544d5906f0031412139b53c286023c2405 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 26 Sep 2022 16:17:48 +0000
Subject: [PATCH 032/187] fix: use https for api url (#2425)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2425
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 .drone.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.drone.yml b/.drone.yml
index a4a0335e..387d9d02 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -147,7 +147,7 @@ steps:
     commands:
       - cp -r dist dist-preview
       # Override the default api url used for preview
-      - sed -i 's|localhost:3456|try.vikunja.io|g' dist-preview/index.html
+      - sed -i 's|http://localhost:3456|https://try.vikunja.io|g' dist-preview/index.html
       - apk add --no-cache perl-utils
       - shasum -a 384 -c ./scripts/deploy-preview-netlify.js.sha384
       - node ./scripts/deploy-preview-netlify.js
@@ -659,6 +659,6 @@ steps:
         from_secret: crowdin_key
 ---
 kind: signature
-hmac: 9e9585222c466c67b426df40c76670f1a539c363a52075ff34e7f4518e67da2d
+hmac: 9eccb4a9999236be0f772c4cbe7ccce2875faa57f32de179bd75cf0df4124d00
 
 ...

From 069d03932dfb6188c86c6e790b18801f427dace2 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 26 Sep 2022 18:12:43 +0000
Subject: [PATCH 033/187] chore(deps): update typescript-eslint monorepo to
 v5.38.1 (#2426)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2426
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  4 +--
 pnpm-lock.yaml | 90 +++++++++++++++++++++++++-------------------------
 2 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/package.json b/package.json
index f676b984..4288891e 100644
--- a/package.json
+++ b/package.json
@@ -70,8 +70,8 @@
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
-    "@typescript-eslint/eslint-plugin": "5.38.0",
-    "@typescript-eslint/parser": "5.38.0",
+    "@typescript-eslint/eslint-plugin": "5.38.1",
+    "@typescript-eslint/parser": "5.38.1",
     "@vitejs/plugin-legacy": "2.2.0",
     "@vitejs/plugin-vue": "3.1.0",
     "@vue/eslint-config-typescript": "11.0.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 499123e9..c4fd21a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,8 +18,8 @@ specifiers:
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
-  '@typescript-eslint/eslint-plugin': 5.38.0
-  '@typescript-eslint/parser': 5.38.0
+  '@typescript-eslint/eslint-plugin': 5.38.1
+  '@typescript-eslint/parser': 5.38.1
   '@vitejs/plugin-legacy': 2.2.0
   '@vitejs/plugin-vue': 3.1.0
   '@vue/eslint-config-typescript': 11.0.2
@@ -135,8 +135,8 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
-  '@typescript-eslint/eslint-plugin': 5.38.0_e1942aafd09235b9c200b160615a6fef
-  '@typescript-eslint/parser': 5.38.0_eslint@8.24.0+typescript@4.8.3
+  '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
+  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
   '@vue/eslint-config-typescript': 11.0.2_6e223a7e95cc78e4e686f47e5f89e21c
@@ -3104,8 +3104,8 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.0_e1942aafd09235b9c200b160615a6fef:
-    resolution: {integrity: sha512-GgHi/GNuUbTOeoJiEANi0oI6fF3gBQc3bGFYj40nnAPCbhrtEDf2rjBmefFadweBmO1Du1YovHeDP2h5JLhtTQ==}
+  /@typescript-eslint/eslint-plugin/5.38.1_80279ca3558653036a70efdb2cc6a22a:
+    resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -3115,10 +3115,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.0_eslint@8.24.0+typescript@4.8.3
-      '@typescript-eslint/scope-manager': 5.38.0
-      '@typescript-eslint/type-utils': 5.38.0_eslint@8.24.0+typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.0_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/scope-manager': 5.38.1
+      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3130,8 +3130,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.0_eslint@8.24.0+typescript@4.8.3:
-    resolution: {integrity: sha512-/F63giJGLDr0ms1Cr8utDAxP2SPiglaD6V+pCOcG35P2jCqdfR7uuEhz1GIC3oy4hkUF8xA1XSXmd9hOh/a5EA==}
+  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.3:
+    resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -3140,9 +3140,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.38.0
-      '@typescript-eslint/types': 5.38.0
-      '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
+      '@typescript-eslint/scope-manager': 5.38.1
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
       debug: 4.3.4
       eslint: 8.24.0
       typescript: 4.8.3
@@ -3150,16 +3150,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.38.0:
-    resolution: {integrity: sha512-ByhHIuNyKD9giwkkLqzezZ9y5bALW8VNY6xXcP+VxoH4JBDKjU5WNnsiD4HJdglHECdV+lyaxhvQjTUbRboiTA==}
+  /@typescript-eslint/scope-manager/5.38.1:
+    resolution: {integrity: sha512-BfRDq5RidVU3RbqApKmS7RFMtkyWMM50qWnDAkKgQiezRtLKsoyRKIvz1Ok5ilRWeD9IuHvaidaLxvGx/2eqTQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.38.0
-      '@typescript-eslint/visitor-keys': 5.38.0
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.0_eslint@8.24.0+typescript@4.8.3:
-    resolution: {integrity: sha512-iZq5USgybUcj/lfnbuelJ0j3K9dbs1I3RICAJY9NZZpDgBYXmuUlYQGzftpQA9wC8cKgtS6DASTvF3HrXwwozA==}
+  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
+    resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -3168,8 +3168,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.0_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.3
@@ -3178,13 +3178,13 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.38.0:
-    resolution: {integrity: sha512-HHu4yMjJ7i3Cb+8NUuRCdOGu2VMkfmKyIJsOr9PfkBVYLYrtMCK/Ap50Rpov+iKpxDTfnqvDbuPLgBE5FwUNfA==}
+  /@typescript-eslint/types/5.38.1:
+    resolution: {integrity: sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.0_dea96fc3eb2060f02b842cabef70e41e:
-    resolution: {integrity: sha512-6P0RuphkR+UuV7Avv7MU3hFoWaGcrgOdi8eTe1NwhMp2/GjUJoODBTRWzlHpZh6lFOaPmSvgxGlROa0Sg5Zbyg==}
+  /@typescript-eslint/typescript-estree/5.38.1_dea96fc3eb2060f02b842cabef70e41e:
+    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3192,8 +3192,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.38.0
-      '@typescript-eslint/visitor-keys': 5.38.0
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/visitor-keys': 5.38.1
       debug: 4.3.4_supports-color@9.2.1
       globby: 11.1.0
       is-glob: 4.0.3
@@ -3204,8 +3204,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.0_typescript@4.8.3:
-    resolution: {integrity: sha512-6P0RuphkR+UuV7Avv7MU3hFoWaGcrgOdi8eTe1NwhMp2/GjUJoODBTRWzlHpZh6lFOaPmSvgxGlROa0Sg5Zbyg==}
+  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.3:
+    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3213,8 +3213,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.38.0
-      '@typescript-eslint/visitor-keys': 5.38.0
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/visitor-keys': 5.38.1
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
@@ -3225,16 +3225,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.0_eslint@8.24.0+typescript@4.8.3:
-    resolution: {integrity: sha512-6sdeYaBgk9Fh7N2unEXGz+D+som2QCQGPAf1SxrkEr+Z32gMreQ0rparXTNGRRfYUWk/JzbGdcM8NSSd6oqnTA==}
+  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
+    resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.9
-      '@typescript-eslint/scope-manager': 5.38.0
-      '@typescript-eslint/types': 5.38.0
-      '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
+      '@typescript-eslint/scope-manager': 5.38.1
+      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
       eslint: 8.24.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.24.0
@@ -3243,11 +3243,11 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.38.0:
-    resolution: {integrity: sha512-MxnrdIyArnTi+XyFLR+kt/uNAcdOnmT+879os7qDRI+EYySR4crXJq9BXPfRzzLGq0wgxkwidrCJ9WCAoacm1w==}
+  /@typescript-eslint/visitor-keys/5.38.1:
+    resolution: {integrity: sha512-bSHr1rRxXt54+j2n4k54p4fj8AHJ49VDWtjpImOpzQj4qjAiOpPni+V1Tyajh19Api1i844F757cur8wH3YvOA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.38.0
+      '@typescript-eslint/types': 5.38.1
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -3447,8 +3447,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.0_e1942aafd09235b9c200b160615a6fef
-      '@typescript-eslint/parser': 5.38.0_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.3
@@ -5564,7 +5564,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.0_typescript@4.8.3
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.3
@@ -5576,7 +5576,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.0_dea96fc3eb2060f02b842cabef70e41e
+      '@typescript-eslint/typescript-estree': 5.38.1_dea96fc3eb2060f02b842cabef70e41e
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.3

From ecd0df21c121519ebb0dd2d627a18241c2e5b829 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 27 Sep 2022 09:03:21 +0000
Subject: [PATCH 034/187] fix(deps): update dependency blurhash to v2.0.1

---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 4288891e..178b0786 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@vueuse/core": "9.3.0",
     "@vueuse/router": "9.3.0",
     "axios": "0.27.2",
-    "blurhash": "2.0.0",
+    "blurhash": "2.0.1",
     "bulma-css-variables": "0.9.33",
     "camel-case": "4.1.2",
     "codemirror": "5.65.9",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c4fd21a9..9ee353fb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,7 +29,7 @@ specifiers:
   '@vueuse/router': 9.3.0
   autoprefixer: 10.4.12
   axios: 0.27.2
-  blurhash: 2.0.0
+  blurhash: 2.0.1
   browserslist: 4.21.4
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
@@ -97,7 +97,7 @@ dependencies:
   '@vueuse/core': 9.3.0_vue@3.2.39
   '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.39
   axios: 0.27.2
-  blurhash: 2.0.0
+  blurhash: 2.0.1
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
   codemirror: 5.65.9
@@ -4152,8 +4152,8 @@ packages:
     resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
     dev: true
 
-  /blurhash/2.0.0:
-    resolution: {integrity: sha512-fdEZnyJZ5E5s9neCfZUMSMkKfMtdKz1fG53t/iYvMjUFUsDnyZ1YnRRayKBK/B8cilNwe5gaIrPF8QlLrukEZQ==}
+  /blurhash/2.0.1:
+    resolution: {integrity: sha512-qAJW99ZIEVJqLKvR6EUtMavaalYiFgfHNvwO6eiqHE7RTBZYGQLPJvzs4WlnqSQPxZgqSPH/n4kRJIHzb/Y7dg==}
     dev: false
 
   /body-parser/1.20.0:

From e8f0b5665161e77bcc961ec0dc57c5b127b93a1f Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 24 Sep 2022 18:34:24 +0200
Subject: [PATCH 035/187] feat: possible fix for pnpm ci errors

---
 .drone.yml | 16 ++++++++--------
 Dockerfile |  6 +++---
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/.drone.yml b/.drone.yml
index 387d9d02..77ac41bb 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -46,7 +46,7 @@ steps:
       PNPM_CACHE_FOLDER: .cache/pnpm
       CYPRESS_CACHE_FOLDER: .cache/cypress
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm install --fetch-timeout 100000
 #    depends_on:
 #      - restore-cache
@@ -57,7 +57,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm run lint
     depends_on:
       - dependencies
@@ -68,7 +68,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm run build
     depends_on:
       - dependencies
@@ -77,7 +77,7 @@ steps:
     image: node:18-alpine
     pull: true
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm run test:unit
     depends_on:
       - dependencies
@@ -89,7 +89,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm run typecheck
     depends_on:
       - dependencies
@@ -107,7 +107,7 @@ steps:
         from_secret: cypress_project_key
     commands:
       - sed -i 's/localhost/api/g' dist/index.html
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm cypress install
       - pnpm run serve:dist & npx wait-on http://localhost:4173
       - pnpm run test:frontend --browser chrome --record
@@ -202,7 +202,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/.pnp
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/.pnp
       - pnpm install --fetch-timeout 100000
       - pnpm run lint
       - "echo '{\"VERSION\": \"'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'\"}' > src/version.json"
@@ -278,7 +278,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.9.3 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
       - pnpm install --fetch-timeout 100000
       - pnpm run lint
       - "echo '{\"VERSION\": \"'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'\"}' > src/version.json"
diff --git a/Dockerfile b/Dockerfile
index 07a36281..07a41593 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -21,16 +21,16 @@ COPY pnpm-lock.yaml ./
 RUN \
   # https://pnpm.io/installation#using-corepack
   corepack enable && \
-  corepack prepare pnpm@7.9.3 --activate && \
+  corepack prepare pnpm@7.12.2 --activate && \
   # Build the frontend
-	pnpm fetch
+	pnpm fetch --prod
 
 ADD .  ./
 
 RUN apk add --no-cache git
 
 RUN \
-	pnpm install --offline && \
+	pnpm install -r --offline --prod && \
 	echo '{"VERSION": "'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'"}' > src/version.json && \
 	pnpm run build
 

From a199fc7a8e7f621ee96b2079e9558987f1350493 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 26 Sep 2022 14:49:48 +0200
Subject: [PATCH 036/187] fix: don't use corepack prepare at all

---
 .drone.yml | 16 ++++++++--------
 Dockerfile |  3 ++-
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/.drone.yml b/.drone.yml
index 77ac41bb..9c1a6f57 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -46,7 +46,7 @@ steps:
       PNPM_CACHE_FOLDER: .cache/pnpm
       CYPRESS_CACHE_FOLDER: .cache/cypress
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm install --fetch-timeout 100000
 #    depends_on:
 #      - restore-cache
@@ -57,7 +57,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm run lint
     depends_on:
       - dependencies
@@ -68,7 +68,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm run build
     depends_on:
       - dependencies
@@ -77,7 +77,7 @@ steps:
     image: node:18-alpine
     pull: true
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm run test:unit
     depends_on:
       - dependencies
@@ -89,7 +89,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm run typecheck
     depends_on:
       - dependencies
@@ -107,7 +107,7 @@ steps:
         from_secret: cypress_project_key
     commands:
       - sed -i 's/localhost/api/g' dist/index.html
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm cypress install
       - pnpm run serve:dist & npx wait-on http://localhost:4173
       - pnpm run test:frontend --browser chrome --record
@@ -202,7 +202,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/.pnp
+      - corepack enable && pnpm config set store-dir .cache/.pnp
       - pnpm install --fetch-timeout 100000
       - pnpm run lint
       - "echo '{\"VERSION\": \"'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'\"}' > src/version.json"
@@ -278,7 +278,7 @@ steps:
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
     commands:
-      - corepack enable && corepack prepare pnpm@7.12.2 --activate && pnpm config set store-dir .cache/pnpm
+      - corepack enable && pnpm config set store-dir .cache/pnpm
       - pnpm install --fetch-timeout 100000
       - pnpm run lint
       - "echo '{\"VERSION\": \"'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'\"}' > src/version.json"
diff --git a/Dockerfile b/Dockerfile
index 07a41593..bc702b12 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -21,7 +21,8 @@ COPY pnpm-lock.yaml ./
 RUN \
   # https://pnpm.io/installation#using-corepack
   corepack enable && \
-  corepack prepare pnpm@7.12.2 --activate && \
+	# we don't use corepack prepare here by intend since
+	# we have renovate to keep our dependencies up to date
   # Build the frontend
 	pnpm fetch --prod
 

From 7f581cbe2780633fdfa03609824182fe93fe77e3 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Tue, 27 Sep 2022 15:12:21 +0000
Subject: [PATCH 037/187] feat: NewLabel script setup (#2414)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2414
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/views/labels/NewLabel.vue | 79 ++++++++++++++++-------------------
 1 file changed, 35 insertions(+), 44 deletions(-)

diff --git a/src/views/labels/NewLabel.vue b/src/views/labels/NewLabel.vue
index 1e23c154..b6701eaf 100644
--- a/src/views/labels/NewLabel.vue
+++ b/src/views/labels/NewLabel.vue
@@ -34,52 +34,43 @@
 	</create-edit>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
-import {mapState} from 'pinia'
+<script setup lang="ts">
+import {computed, ref} from 'vue'
+import {useI18n} from 'vue-i18n'
+import {useRouter} from 'vue-router'
 
-import LabelModel from '../../models/label'
 import CreateEdit from '@/components/misc/create-edit.vue'
-import ColorPicker from '../../components/input/colorPicker.vue'
-import { setTitle } from '@/helpers/setTitle'
-import { useLabelStore } from '@/stores/labels'
+import ColorPicker from '@/components/input/colorPicker.vue'
 
-export default defineComponent({
-	name: 'NewLabel',
-	data() {
-		return {
-			label: new LabelModel(),
-			showError: false,
-		}
-	},
-	components: {
-		CreateEdit,
-		ColorPicker,
-	},
-	mounted() {
-		setTitle(this.$t('label.create.title'))
-	},
-	computed: {
-		...mapState(useLabelStore, {
-			loading: state => state.isLoading,
-		}),
-	},
-	methods: {
-		async newLabel() {
-			if (this.label.title === '') {
-				this.showError = true
-				return
-			}
-			this.showError = false
+import LabelModel from '@/models/label'
+import {useLabelStore} from '@/stores/labels'
+import {useTitle} from '@/composables/useTitle'
+import {success} from '@/message'
 
-			const labelStore = useLabelStore()
-			const label = labelStore.createLabel(this.label)
-			this.$router.push({
-				name: 'labels.index',
-				params: {id: label.id},
-			})
-			this.$message.success({message: this.$t('label.create.success')})
-		},
-	},
-})
+const router = useRouter()
+
+const {t} = useI18n({useScope: 'global'})
+useTitle(() => t('label.create.title'))
+
+const labelStore = useLabelStore()
+const label = ref(new LabelModel())
+
+const showError = ref(false)
+const loading = computed(() => labelStore.isLoading)
+
+async function newLabel() {
+	if (label.value.title === '') {
+		showError.value = true
+		return
+	}
+	showError.value = false
+
+	const labelStore = useLabelStore()
+	const newLabel = labelStore.createLabel(label.value)
+	router.push({
+		name: 'labels.index',
+		params: {id: newLabel.id},
+	})
+	success({message: t('label.create.success')})
+}
 </script>

From f4a5f5940068fd5783d6876928589976d8ba8bb4 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 27 Sep 2022 17:18:38 +0200
Subject: [PATCH 038/187] chore(ci): sign drone config

---
 .drone.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.drone.yml b/.drone.yml
index 9c1a6f57..e18f871f 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -659,6 +659,6 @@ steps:
         from_secret: crowdin_key
 ---
 kind: signature
-hmac: 9eccb4a9999236be0f772c4cbe7ccce2875faa57f32de179bd75cf0df4124d00
+hmac: c885a0e50db729842402494aa645dd3ac662828b691108550f6bf302158295ba
 
 ...

From 6a828078a398ab920f0e29d0801b918ae092ef30 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 26 Sep 2022 13:37:20 +0200
Subject: [PATCH 039/187] fix: add types for node

---
 package.json   |   1 +
 pnpm-lock.yaml | 117 ++++++++++++++++++++++++++-----------------------
 2 files changed, 64 insertions(+), 54 deletions(-)

diff --git a/package.json b/package.json
index 178b0786..54c04a3e 100644
--- a/package.json
+++ b/package.json
@@ -70,6 +70,7 @@
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
+    "@types/node": "16.11.60",
     "@typescript-eslint/eslint-plugin": "5.38.1",
     "@typescript-eslint/parser": "5.38.1",
     "@vitejs/plugin-legacy": "2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9ee353fb..de4a863a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -17,6 +17,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
+  '@types/node': 16.11.60
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.38.1
   '@typescript-eslint/parser': 5.38.1
@@ -86,7 +87,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_e1fd52f1eac82276a69e2e58efb0a751
+  '@fortawesome/vue-fontawesome': 3.0.1_4h6vf4pkzarhnju6fzmo7mfhke
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.39
   '@sentry/tracing': 7.13.0
@@ -95,7 +96,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.39
-  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.39
+  '@vueuse/router': 9.3.0_u55wpvgoaskkfdnhr4v2vlugdi
   axios: 0.27.2
   blurhash: 2.0.1
   bulma-css-variables: 0.9.33
@@ -112,7 +113,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.0
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.3+vue@3.2.39
+  pinia: 2.0.22_arz4dztosvwy2ghjrlh2wdhejm
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -135,13 +136,14 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
-  '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
-  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+  '@types/node': 16.11.60
+  '@typescript-eslint/eslint-plugin': 5.38.1_qatzzi2vqzjqg2tq57nszrvcfi
+  '@typescript-eslint/parser': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
-  '@vue/eslint-config-typescript': 11.0.2_6e223a7e95cc78e4e686f47e5f89e21c
+  '@vue/eslint-config-typescript': 11.0.2_nyrdu7uvzr4ojzug6r7f7cpcdq
   '@vue/test-utils': 2.0.2_vue@3.2.39
-  '@vue/tsconfig': 0.1.3_@types+node@17.0.17
+  '@vue/tsconfig': 0.1.3_@types+node@16.11.60
   autoprefixer: 10.4.12_postcss@8.4.16
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001412
@@ -159,12 +161,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.3
   vite: 3.1.3_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.3
+  vite-plugin-pwa: 0.13.1_6b7mpudv5jppcry7og3bu4wyku
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
+  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
   vue-tsc: 0.40.13_typescript@4.8.3
   wait-on: 6.0.1
-  workbox-cli: 6.5.4
+  workbox-cli: 6.5.4_acorn@8.8.0
 
 packages:
 
@@ -1392,7 +1394,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
+      '@csstools/selector-specificity': 2.0.2_pnx64jze6bptzcedy5bidi3zdi
       postcss: 8.4.16
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1445,7 +1447,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
+      '@csstools/selector-specificity': 2.0.2_pnx64jze6bptzcedy5bidi3zdi
       postcss: 8.4.16
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1530,7 +1532,7 @@ packages:
       postcss: 8.4.16
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_7b6fee2724f05f3c8883c74281a3791a:
+  /@csstools/selector-specificity/2.0.2_pnx64jze6bptzcedy5bidi3zdi:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1679,7 +1681,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_e1fd52f1eac82276a69e2e58efb0a751:
+  /@fortawesome/vue-fontawesome/3.0.1_4h6vf4pkzarhnju6fzmo7mfhke:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1877,7 +1879,7 @@ packages:
       '@netlify/run-utils': 4.0.1
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
-      '@types/node': 16.11.24
+      '@types/node': 16.11.60
       ajv: 8.11.0
       ajv-errors: 3.0.0_ajv@8.11.0
       ansi-escapes: 5.0.0
@@ -1917,7 +1919,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_6e0f24de304929fa6e28010284240e12
+      ts-node: 10.8.1_y2ippukchihtaxubiro7c5yd6u
       typescript: 4.8.3
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2605,7 +2607,7 @@ packages:
     resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
     dev: false
 
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
+  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3014,8 +3016,8 @@ packages:
     resolution: {integrity: sha512-zCoCEMA+IPpsRkyCFBqew5vGb7r8RSiB3uwdu/map7uwLAfu1MTazW26/pUDWoNnF88vJz4W3U56i5gtXNqxGg==}
     dev: true
 
-  /@types/node/16.11.24:
-    resolution: {integrity: sha512-Ezv33Rl4mIi6YdSHfIRNBd4Q9kUe5okiaw/ikvJiJDmuQZNW5kfdg7+oQPF8NO6sTcr3woIpj3jANzTXdvEZXA==}
+  /@types/node/16.11.60:
+    resolution: {integrity: sha512-kYIYa1D1L+HDv5M5RXQeEu1o0FKA6yedZIoyugm/MBPROkLpX4L7HRxMrPVyo8bnvjpW/wDlqFNGzXNMb7AdRw==}
     dev: true
 
   /@types/node/17.0.17:
@@ -3104,7 +3106,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_80279ca3558653036a70efdb2cc6a22a:
+  /@typescript-eslint/eslint-plugin/5.38.1_qatzzi2vqzjqg2tq57nszrvcfi:
     resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3115,10 +3117,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/parser': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
       '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/type-utils': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
+      '@typescript-eslint/utils': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3130,7 +3132,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.3:
+  /@typescript-eslint/parser/5.38.1_7ilbxdl5iguzcjriqqcg2m5cku:
     resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3158,7 +3160,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
+  /@typescript-eslint/type-utils/5.38.1_7ilbxdl5iguzcjriqqcg2m5cku:
     resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3169,7 +3171,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/utils': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.3
@@ -3183,7 +3185,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_dea96fc3eb2060f02b842cabef70e41e:
+  /@typescript-eslint/typescript-estree/5.38.1_32uw7q7lebqpak4efsv664hedy:
     resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3225,7 +3227,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
+  /@typescript-eslint/utils/5.38.1_7ilbxdl5iguzcjriqqcg2m5cku:
     resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3303,7 +3305,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
       vite: 3.1.3_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3436,7 +3438,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_6e223a7e95cc78e4e686f47e5f89e21c:
+  /@vue/eslint-config-typescript/11.0.2_nyrdu7uvzr4ojzug6r7f7cpcdq:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3447,8 +3449,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/eslint-plugin': 5.38.1_qatzzi2vqzjqg2tq57nszrvcfi
+      '@typescript-eslint/parser': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.3
@@ -3528,7 +3530,7 @@ packages:
       vue: 3.2.39
     dev: true
 
-  /@vue/tsconfig/0.1.3_@types+node@17.0.17:
+  /@vue/tsconfig/0.1.3_@types+node@16.11.60:
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
       '@types/node': '*'
@@ -3536,7 +3538,7 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 17.0.17
+      '@types/node': 16.11.60
     dev: true
 
   /@vueuse/core/9.3.0_vue@3.2.39:
@@ -3555,7 +3557,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.39:
+  /@vueuse/router/9.3.0_u55wpvgoaskkfdnhr4v2vlugdi:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5576,7 +5578,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_dea96fc3eb2060f02b842cabef70e41e
+      '@typescript-eslint/typescript-estree': 5.38.1_32uw7q7lebqpak4efsv664hedy
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.3
@@ -10094,7 +10096,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.3+vue@3.2.39:
+  /pinia/2.0.22_arz4dztosvwy2ghjrlh2wdhejm:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10337,7 +10339,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
+      '@csstools/selector-specificity': 2.0.2_pnx64jze6bptzcedy5bidi3zdi
       postcss: 8.4.16
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11053,7 +11055,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11062,7 +11064,9 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
+    transitivePeerDependencies:
+      - acorn
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11944,10 +11948,12 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0:
+  /terser/5.10.0_acorn@8.8.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
+    peerDependencies:
+      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12153,7 +12159,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_6e0f24de304929fa6e28010284240e12:
+  /ts-node/10.8.1_y2ippukchihtaxubiro7c5yd6u:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12172,7 +12178,7 @@ packages:
       '@tsconfig/node12': 1.0.9
       '@tsconfig/node14': 1.0.1
       '@tsconfig/node16': 1.0.2
-      '@types/node': 16.11.24
+      '@types/node': 16.11.60
       acorn: 8.8.0
       acorn-walk: 8.2.0
       arg: 4.1.3
@@ -12551,20 +12557,21 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.3:
+  /vite-plugin-pwa/0.13.1_6b7mpudv5jppcry7og3bu4wyku:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
+      workbox-build: ^6.5.4
+      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.3_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
       workbox-window: 6.5.4
     transitivePeerDependencies:
-      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12599,12 +12606,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
+  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12927,7 +12934,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4:
+  /workbox-build/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12935,7 +12942,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
+      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12947,7 +12954,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12970,6 +12977,7 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
@@ -12979,7 +12987,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4:
+  /workbox-cli/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12996,9 +13004,10 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 

From c9546d52c0d22ad70e5fbe242a00aa19dcb8a34d Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 27 Sep 2022 17:17:19 +0000
Subject: [PATCH 040/187] chore(deps): update dependency cypress to v10.9.0
 (#2429)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2429
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 54c04a3e..f8a95230 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "autoprefixer": "10.4.12",
     "browserslist": "4.21.4",
     "caniuse-lite": "1.0.30001412",
-    "cypress": "10.8.0",
+    "cypress": "10.9.0",
     "esbuild": "0.15.9",
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.5.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index de4a863a..02444f78 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -36,7 +36,7 @@ specifiers:
   camel-case: 4.1.2
   caniuse-lite: 1.0.30001412
   codemirror: 5.65.9
-  cypress: 10.8.0
+  cypress: 10.9.0
   date-fns: 2.29.3
   dompurify: 2.4.0
   easymde: 2.18.0
@@ -130,9 +130,9 @@ dependencies:
   zhyswan-vuedraggable: 4.1.3_vue@3.2.39
 
 devDependencies:
-  '@4tw/cypress-drag-drop': 2.2.1_cypress@10.8.0
+  '@4tw/cypress-drag-drop': 2.2.1_cypress@10.9.0
   '@cypress/vite-dev-server': 3.1.1
-  '@cypress/vue': 4.2.0_cypress@10.8.0+vue@3.2.39
+  '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.39
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
@@ -147,7 +147,7 @@ devDependencies:
   autoprefixer: 10.4.12_postcss@8.4.16
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001412
-  cypress: 10.8.0
+  cypress: 10.9.0
   esbuild: 0.15.9
   eslint: 8.24.0
   eslint-plugin-vue: 9.5.1_eslint@8.24.0
@@ -170,12 +170,12 @@ devDependencies:
 
 packages:
 
-  /@4tw/cypress-drag-drop/2.2.1_cypress@10.8.0:
+  /@4tw/cypress-drag-drop/2.2.1_cypress@10.9.0:
     resolution: {integrity: sha512-+ioJSnEwx70IiMyb4pLEjOS5u6AMWRIVCV20toCY7lb0YcvA0ipbjQBa9DdxEI7Zg2E2jtcIj7Rx0e3WNUbk/w==}
     peerDependencies:
       cypress: ^2.1.0 || ^3.1.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0
     dependencies:
-      cypress: 10.8.0
+      cypress: 10.9.0
     dev: true
 
   /@ampproject/remapping/2.1.1:
@@ -1579,7 +1579,7 @@ packages:
       - supports-color
     dev: true
 
-  /@cypress/vue/4.2.0_cypress@10.8.0+vue@3.2.39:
+  /@cypress/vue/4.2.0_cypress@10.9.0+vue@3.2.39:
     resolution: {integrity: sha512-a+5TCBMwng+UUcFSWxzdJ+Wsvtu+XltUKBQCvidysVvPkPF/c/Z+Geyl+sX7tasKT8KIOW9pI90PIwxzQvQh7A==}
     engines: {node: '>=8'}
     peerDependencies:
@@ -1590,7 +1590,7 @@ packages:
       '@cypress/webpack-dev-server':
         optional: true
     dependencies:
-      cypress: 10.8.0
+      cypress: 10.9.0
       vue: 3.2.39
     dev: true
 
@@ -5105,8 +5105,8 @@ packages:
     resolution: {integrity: sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A==}
     dev: true
 
-  /cypress/10.8.0:
-    resolution: {integrity: sha512-QVse0dnLm018hgti2enKMVZR9qbIO488YGX06nH5j3Dg1isL38DwrBtyrax02CANU6y8F4EJUuyW6HJKw1jsFA==}
+  /cypress/10.9.0:
+    resolution: {integrity: sha512-MjIWrRpc+bQM9U4kSSdATZWZ2hUqHGFEQTF7dfeZRa4MnalMtc88FIE49USWP2ZVtfy5WPBcgfBX+YorFqGElA==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     requiresBuild: true
@@ -10626,7 +10626,7 @@ packages:
     dev: true
 
   /proxy-from-env/1.0.0:
-    resolution: {integrity: sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=}
+    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
     dev: true
 
   /ps-list/8.1.0:
@@ -12549,7 +12549,7 @@ packages:
     dev: true
 
   /verror/1.10.0:
-    resolution: {integrity: sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=}
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
     engines: {'0': node >=0.6.0}
     dependencies:
       assert-plus: 1.0.0

From cf745726bcd48692f9c2e89e0b68117b921c9cab Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 27 Sep 2022 18:36:44 +0000
Subject: [PATCH 041/187] chore(deps): update dependency @types/node to
 v16.11.62 (#2430)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2430
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 119 +++++++++++++++++++++++--------------------------
 2 files changed, 57 insertions(+), 64 deletions(-)

diff --git a/package.json b/package.json
index f8a95230..c84deb15 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
-    "@types/node": "16.11.60",
+    "@types/node": "16.11.62",
     "@typescript-eslint/eslint-plugin": "5.38.1",
     "@typescript-eslint/parser": "5.38.1",
     "@vitejs/plugin-legacy": "2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 02444f78..97951ee9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -17,7 +17,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
-  '@types/node': 16.11.60
+  '@types/node': 16.11.62
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.38.1
   '@typescript-eslint/parser': 5.38.1
@@ -87,7 +87,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_4h6vf4pkzarhnju6fzmo7mfhke
+  '@fortawesome/vue-fontawesome': 3.0.1_e1fd52f1eac82276a69e2e58efb0a751
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.39
   '@sentry/tracing': 7.13.0
@@ -96,7 +96,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.39
-  '@vueuse/router': 9.3.0_u55wpvgoaskkfdnhr4v2vlugdi
+  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.39
   axios: 0.27.2
   blurhash: 2.0.1
   bulma-css-variables: 0.9.33
@@ -113,7 +113,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.0
   minimist: 1.2.6
-  pinia: 2.0.22_arz4dztosvwy2ghjrlh2wdhejm
+  pinia: 2.0.22_typescript@4.8.3+vue@3.2.39
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -136,14 +136,14 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
-  '@types/node': 16.11.60
-  '@typescript-eslint/eslint-plugin': 5.38.1_qatzzi2vqzjqg2tq57nszrvcfi
-  '@typescript-eslint/parser': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
+  '@types/node': 16.11.62
+  '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
+  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
-  '@vue/eslint-config-typescript': 11.0.2_nyrdu7uvzr4ojzug6r7f7cpcdq
+  '@vue/eslint-config-typescript': 11.0.2_6e223a7e95cc78e4e686f47e5f89e21c
   '@vue/test-utils': 2.0.2_vue@3.2.39
-  '@vue/tsconfig': 0.1.3_@types+node@16.11.60
+  '@vue/tsconfig': 0.1.3_@types+node@16.11.62
   autoprefixer: 10.4.12_postcss@8.4.16
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001412
@@ -161,12 +161,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.3
   vite: 3.1.3_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_6b7mpudv5jppcry7og3bu4wyku
+  vite-plugin-pwa: 0.13.1_vite@3.1.3
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
+  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
   vue-tsc: 0.40.13_typescript@4.8.3
   wait-on: 6.0.1
-  workbox-cli: 6.5.4_acorn@8.8.0
+  workbox-cli: 6.5.4
 
 packages:
 
@@ -1394,7 +1394,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_pnx64jze6bptzcedy5bidi3zdi
+      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
       postcss: 8.4.16
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1447,7 +1447,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_pnx64jze6bptzcedy5bidi3zdi
+      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
       postcss: 8.4.16
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1532,7 +1532,7 @@ packages:
       postcss: 8.4.16
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_pnx64jze6bptzcedy5bidi3zdi:
+  /@csstools/selector-specificity/2.0.2_7b6fee2724f05f3c8883c74281a3791a:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1681,7 +1681,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_4h6vf4pkzarhnju6fzmo7mfhke:
+  /@fortawesome/vue-fontawesome/3.0.1_e1fd52f1eac82276a69e2e58efb0a751:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1879,7 +1879,7 @@ packages:
       '@netlify/run-utils': 4.0.1
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
-      '@types/node': 16.11.60
+      '@types/node': 16.11.62
       ajv: 8.11.0
       ajv-errors: 3.0.0_ajv@8.11.0
       ansi-escapes: 5.0.0
@@ -1919,7 +1919,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_y2ippukchihtaxubiro7c5yd6u
+      ts-node: 10.8.1_56d8fb94ac0576e9b6a19ff5f6eac402
       typescript: 4.8.3
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2607,7 +2607,7 @@ packages:
     resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
     dev: false
 
-  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
+  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3016,8 +3016,8 @@ packages:
     resolution: {integrity: sha512-zCoCEMA+IPpsRkyCFBqew5vGb7r8RSiB3uwdu/map7uwLAfu1MTazW26/pUDWoNnF88vJz4W3U56i5gtXNqxGg==}
     dev: true
 
-  /@types/node/16.11.60:
-    resolution: {integrity: sha512-kYIYa1D1L+HDv5M5RXQeEu1o0FKA6yedZIoyugm/MBPROkLpX4L7HRxMrPVyo8bnvjpW/wDlqFNGzXNMb7AdRw==}
+  /@types/node/16.11.62:
+    resolution: {integrity: sha512-K/ggecSdwAAy2NUW4WKmF4Rc03GKbsfP+k326UWgckoS+Rzd2PaWbjk76dSmqdLQvLTJAO9axiTUJ6488mFsYQ==}
     dev: true
 
   /@types/node/17.0.17:
@@ -3106,7 +3106,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_qatzzi2vqzjqg2tq57nszrvcfi:
+  /@typescript-eslint/eslint-plugin/5.38.1_80279ca3558653036a70efdb2cc6a22a:
     resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3117,10 +3117,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
       '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
-      '@typescript-eslint/utils': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
+      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3132,7 +3132,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_7ilbxdl5iguzcjriqqcg2m5cku:
+  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.3:
     resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3160,7 +3160,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_7ilbxdl5iguzcjriqqcg2m5cku:
+  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
     resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3171,7 +3171,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.3
@@ -3185,7 +3185,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_32uw7q7lebqpak4efsv664hedy:
+  /@typescript-eslint/typescript-estree/5.38.1_dea96fc3eb2060f02b842cabef70e41e:
     resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3227,7 +3227,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_7ilbxdl5iguzcjriqqcg2m5cku:
+  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
     resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3305,7 +3305,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
       vite: 3.1.3_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3438,7 +3438,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_nyrdu7uvzr4ojzug6r7f7cpcdq:
+  /@vue/eslint-config-typescript/11.0.2_6e223a7e95cc78e4e686f47e5f89e21c:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3449,8 +3449,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.1_qatzzi2vqzjqg2tq57nszrvcfi
-      '@typescript-eslint/parser': 5.38.1_7ilbxdl5iguzcjriqqcg2m5cku
+      '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.3
@@ -3530,7 +3530,7 @@ packages:
       vue: 3.2.39
     dev: true
 
-  /@vue/tsconfig/0.1.3_@types+node@16.11.60:
+  /@vue/tsconfig/0.1.3_@types+node@16.11.62:
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
       '@types/node': '*'
@@ -3538,7 +3538,7 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 16.11.60
+      '@types/node': 16.11.62
     dev: true
 
   /@vueuse/core/9.3.0_vue@3.2.39:
@@ -3557,7 +3557,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_u55wpvgoaskkfdnhr4v2vlugdi:
+  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.39:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5578,7 +5578,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_32uw7q7lebqpak4efsv664hedy
+      '@typescript-eslint/typescript-estree': 5.38.1_dea96fc3eb2060f02b842cabef70e41e
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.3
@@ -10096,7 +10096,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_arz4dztosvwy2ghjrlh2wdhejm:
+  /pinia/2.0.22_typescript@4.8.3+vue@3.2.39:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10339,7 +10339,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_pnx64jze6bptzcedy5bidi3zdi
+      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
       postcss: 8.4.16
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11055,7 +11055,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11064,9 +11064,7 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0_acorn@8.8.0
-    transitivePeerDependencies:
-      - acorn
+      terser: 5.10.0
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11948,12 +11946,10 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0_acorn@8.8.0:
+  /terser/5.10.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
-    peerDependencies:
-      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12159,7 +12155,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_y2ippukchihtaxubiro7c5yd6u:
+  /ts-node/10.8.1_56d8fb94ac0576e9b6a19ff5f6eac402:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12178,7 +12174,7 @@ packages:
       '@tsconfig/node12': 1.0.9
       '@tsconfig/node14': 1.0.1
       '@tsconfig/node16': 1.0.2
-      '@types/node': 16.11.60
+      '@types/node': 16.11.62
       acorn: 8.8.0
       acorn-walk: 8.2.0
       arg: 4.1.3
@@ -12557,21 +12553,20 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_6b7mpudv5jppcry7og3bu4wyku:
+  /vite-plugin-pwa/0.13.1_vite@3.1.3:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
-      workbox-build: ^6.5.4
-      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.3_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
+      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12606,12 +12601,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
+  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12934,7 +12929,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4_acorn@8.8.0:
+  /workbox-build/6.5.4:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12942,7 +12937,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
+      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12954,7 +12949,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12977,7 +12972,6 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 
@@ -12987,7 +12981,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4_acorn@8.8.0:
+  /workbox-cli/6.5.4:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -13004,10 +12998,9 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 

From c342756efdc3d67fec45e396f80a4263ab898a99 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 27 Sep 2022 20:03:08 +0000
Subject: [PATCH 042/187] chore(deps): update dependency typescript to v4.8.4

---
 package.json   |  2 +-
 pnpm-lock.yaml | 98 +++++++++++++++++++++++++-------------------------
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/package.json b/package.json
index c84deb15..e124538b 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,7 @@
     "rollup": "2.79.1",
     "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
-    "typescript": "4.8.3",
+    "typescript": "4.8.4",
     "vite": "3.1.3",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 97951ee9..657188e0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -63,7 +63,7 @@ specifiers:
   sass: 1.55.0
   snake-case: 3.0.4
   sortablejs: 1.15.0
-  typescript: 4.8.3
+  typescript: 4.8.4
   ufo: 0.8.5
   v-tooltip: 4.0.0-beta.17
   vite: 3.1.3
@@ -113,7 +113,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.0
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.3+vue@3.2.39
+  pinia: 2.0.22_typescript@4.8.4+vue@3.2.39
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -137,11 +137,11 @@ devDependencies:
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/node': 16.11.62
-  '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
-  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+  '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
+  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
-  '@vue/eslint-config-typescript': 11.0.2_6e223a7e95cc78e4e686f47e5f89e21c
+  '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
   '@vue/test-utils': 2.0.2_vue@3.2.39
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
   autoprefixer: 10.4.12_postcss@8.4.16
@@ -159,12 +159,12 @@ devDependencies:
   rollup: 2.79.1
   rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
-  typescript: 4.8.3
+  typescript: 4.8.4
   vite: 3.1.3_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.3
   vite-svg-loader: 3.6.0
   vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
-  vue-tsc: 0.40.13_typescript@4.8.3
+  vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -1919,8 +1919,8 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_56d8fb94ac0576e9b6a19ff5f6eac402
-      typescript: 4.8.3
+      ts-node: 10.8.1_8274f11304fdf7eb271c33cd723ceaff
+      typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
       yargs: 17.5.1
@@ -3106,7 +3106,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_80279ca3558653036a70efdb2cc6a22a:
+  /@typescript-eslint/eslint-plugin/5.38.1_17e047bdec5ec7c01e9d134b6813cb9c:
     resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3117,22 +3117,22 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
       '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.3:
+  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3144,10 +3144,10 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 5.38.1
       '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
-      typescript: 4.8.3
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3160,7 +3160,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
+  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3170,12 +3170,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3185,7 +3185,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_dea96fc3eb2060f02b842cabef70e41e:
+  /@typescript-eslint/typescript-estree/5.38.1_f1deb5be19df0fe0ff039530117daddf:
     resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3200,13 +3200,13 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.3:
+  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.4:
     resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3221,13 +3221,13 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.3
-      typescript: 4.8.3
+      tsutils: 3.21.0_typescript@4.8.4
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.3:
+  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3236,7 +3236,7 @@ packages:
       '@types/json-schema': 7.0.9
       '@typescript-eslint/scope-manager': 5.38.1
       '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
       eslint: 8.24.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.24.0
@@ -3438,7 +3438,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_6e223a7e95cc78e4e686f47e5f89e21c:
+  /@vue/eslint-config-typescript/11.0.2_b985cba226e1126d4cc23df4d3ba9cd4:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3449,11 +3449,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.1_80279ca3558653036a70efdb2cc6a22a
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.3
+      '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
-      typescript: 4.8.3
+      typescript: 4.8.4
       vue-eslint-parser: 9.0.3_eslint@8.24.0
     transitivePeerDependencies:
       - supports-color
@@ -5566,10 +5566,10 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.3
+      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
-      typescript: 4.8.3
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -5578,10 +5578,10 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_dea96fc3eb2060f02b842cabef70e41e
+      '@typescript-eslint/typescript-estree': 5.38.1_f1deb5be19df0fe0ff039530117daddf
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
-      typescript: 4.8.3
+      typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -10096,7 +10096,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.3+vue@3.2.39:
+  /pinia/2.0.22_typescript@4.8.4+vue@3.2.39:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10109,7 +10109,7 @@ packages:
         optional: true
     dependencies:
       '@vue/devtools-api': 6.2.1
-      typescript: 4.8.3
+      typescript: 4.8.4
       vue: 3.2.39
       vue-demi: 0.12.1_vue@3.2.39
     dev: false
@@ -12155,7 +12155,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_56d8fb94ac0576e9b6a19ff5f6eac402:
+  /ts-node/10.8.1_8274f11304fdf7eb271c33cd723ceaff:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12181,7 +12181,7 @@ packages:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 4.8.3
+      typescript: 4.8.4
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     dev: true
@@ -12192,14 +12192,14 @@ packages:
   /tslib/2.3.1:
     resolution: {integrity: sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==}
 
-  /tsutils/3.21.0_typescript@4.8.3:
+  /tsutils/3.21.0_typescript@4.8.4:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.8.3
+      typescript: 4.8.4
     dev: true
 
   /tunnel-agent/0.6.0:
@@ -12294,8 +12294,8 @@ packages:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
     dev: true
 
-  /typescript/4.8.3:
-    resolution: {integrity: sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==}
+  /typescript/4.8.4:
+    resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
     engines: {node: '>=4.2.0'}
     hasBin: true
 
@@ -12737,7 +12737,7 @@ packages:
       vue: 3.2.39
     dev: false
 
-  /vue-tsc/0.40.13_typescript@4.8.3:
+  /vue-tsc/0.40.13_typescript@4.8.4:
     resolution: {integrity: sha512-xzuN3g5PnKfJcNrLv4+mAjteMd5wLm5fRhW0034OfNJZY4WhB07vhngea/XeGn7wNYt16r7syonzvW/54dcNiA==}
     hasBin: true
     peerDependencies:
@@ -12745,7 +12745,7 @@ packages:
     dependencies:
       '@volar/vue-language-core': 0.40.13
       '@volar/vue-typescript': 0.40.13
-      typescript: 4.8.3
+      typescript: 4.8.4
     dev: true
 
   /vue/3.2.39:

From 2cd442780d00909260c6b4f0ce0741b50a80a177 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 28 Sep 2022 04:03:18 +0000
Subject: [PATCH 043/187] fix(deps): update dependency vue to v3.2.40

---
 package.json   |   2 +-
 pnpm-lock.yaml | 228 ++++++++++++++++++++++++-------------------------
 2 files changed, 115 insertions(+), 115 deletions(-)

diff --git a/package.json b/package.json
index e124538b..a258931c 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "sortablejs": "1.15.0",
     "ufo": "0.8.5",
     "v-tooltip": "4.0.0-beta.17",
-    "vue": "3.2.39",
+    "vue": "3.2.40",
     "vue-advanced-cropper": "2.8.3",
     "vue-drag-resize": "2.0.3",
     "vue-flatpickr-component": "9.0.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 657188e0..a8a0e878 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -70,7 +70,7 @@ specifiers:
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
   vitest: 0.23.4
-  vue: 3.2.39
+  vue: 3.2.40
   vue-advanced-cropper: 2.8.3
   vue-drag-resize: 2.0.3
   vue-flatpickr-component: 9.0.6
@@ -87,16 +87,16 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_e1fd52f1eac82276a69e2e58efb0a751
+  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
-  '@kyvg/vue3-notification': 2.4.1_vue@3.2.39
+  '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.13.0
-  '@sentry/vue': 7.13.0_vue@3.2.39
+  '@sentry/vue': 7.13.0_vue@3.2.40
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
-  '@vueuse/core': 9.3.0_vue@3.2.39
-  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.39
+  '@vueuse/core': 9.3.0_vue@3.2.40
+  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
   axios: 0.27.2
   blurhash: 2.0.1
   bulma-css-variables: 0.9.33
@@ -113,26 +113,26 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.0
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.4+vue@3.2.39
+  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
   ufo: 0.8.5
-  v-tooltip: 4.0.0-beta.17_vue@3.2.39
-  vue: 3.2.39
-  vue-advanced-cropper: 2.8.3_vue@3.2.39
+  v-tooltip: 4.0.0-beta.17_vue@3.2.40
+  vue: 3.2.40
+  vue-advanced-cropper: 2.8.3_vue@3.2.40
   vue-drag-resize: 2.0.3
-  vue-flatpickr-component: 9.0.6_vue@3.2.39
-  vue-i18n: 9.2.2_vue@3.2.39
-  vue-router: 4.1.5_vue@3.2.39
-  vuex: 4.0.2_vue@3.2.39
+  vue-flatpickr-component: 9.0.6_vue@3.2.40
+  vue-i18n: 9.2.2_vue@3.2.40
+  vue-router: 4.1.5_vue@3.2.40
+  vuex: 4.0.2_vue@3.2.40
   workbox-precaching: 6.5.4
-  zhyswan-vuedraggable: 4.1.3_vue@3.2.39
+  zhyswan-vuedraggable: 4.1.3_vue@3.2.40
 
 devDependencies:
   '@4tw/cypress-drag-drop': 2.2.1_cypress@10.9.0
   '@cypress/vite-dev-server': 3.1.1
-  '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.39
+  '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.40
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
@@ -140,9 +140,9 @@ devDependencies:
   '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
   '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
-  '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
+  '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
-  '@vue/test-utils': 2.0.2_vue@3.2.39
+  '@vue/test-utils': 2.0.2_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
   autoprefixer: 10.4.12_postcss@8.4.16
   browserslist: 4.21.4
@@ -1579,7 +1579,7 @@ packages:
       - supports-color
     dev: true
 
-  /@cypress/vue/4.2.0_cypress@10.9.0+vue@3.2.39:
+  /@cypress/vue/4.2.0_cypress@10.9.0+vue@3.2.40:
     resolution: {integrity: sha512-a+5TCBMwng+UUcFSWxzdJ+Wsvtu+XltUKBQCvidysVvPkPF/c/Z+Geyl+sX7tasKT8KIOW9pI90PIwxzQvQh7A==}
     engines: {node: '>=8'}
     peerDependencies:
@@ -1591,7 +1591,7 @@ packages:
         optional: true
     dependencies:
       cypress: 10.9.0
-      vue: 3.2.39
+      vue: 3.2.40
     dev: true
 
   /@cypress/xvfb/1.2.4_supports-color@8.1.1:
@@ -1681,14 +1681,14 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_e1fd52f1eac82276a69e2e58efb0a751:
+  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
       vue: '>= 3.0.0 < 4'
     dependencies:
       '@fortawesome/fontawesome-svg-core': 6.2.0
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /@github/hotkey/2.0.1:
@@ -1808,12 +1808,12 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.11
     dev: true
 
-  /@kyvg/vue3-notification/2.4.1_vue@3.2.39:
+  /@kyvg/vue3-notification/2.4.1_vue@3.2.40:
     resolution: {integrity: sha512-SYwnGsTTKJ2TwFQ60hgYHEvuhkLscrnqSGPvdFRRiOwUb1sULJAPl5s+h+EEjan24kbizBtsxLTPC1D1qLs1EA==}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /@mapbox/node-pre-gyp/1.0.8:
@@ -2731,7 +2731,7 @@ packages:
       tslib: 1.14.1
     dev: false
 
-  /@sentry/vue/7.13.0_vue@3.2.39:
+  /@sentry/vue/7.13.0_vue@3.2.40:
     resolution: {integrity: sha512-+OP0h4hE8Gz8xwN3rcHrbQpqhNQGQJoM8f7cOPw7TU7TCXj4apMsR4o5xPVlvSZl3TG0J9SBUPrZdd0Va9gptw==}
     engines: {node: '>=8'}
     peerDependencies:
@@ -2742,7 +2742,7 @@ packages:
       '@sentry/types': 7.13.0
       '@sentry/utils': 7.13.0
       tslib: 1.14.1
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /@sideway/address/4.1.3:
@@ -3309,7 +3309,7 @@ packages:
       vite: 3.1.3_sass@1.55.0+terser@5.10.0
     dev: true
 
-  /@vitejs/plugin-vue/3.1.0_vite@3.1.3+vue@3.2.39:
+  /@vitejs/plugin-vue/3.1.0_vite@3.1.3+vue@3.2.40:
     resolution: {integrity: sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3317,7 +3317,7 @@ packages:
       vue: ^3.2.25
     dependencies:
       vite: 3.1.3_sass@1.55.0+terser@5.10.0
-      vue: 3.2.39
+      vue: 3.2.40
     dev: true
 
   /@volar/code-gen/0.40.13:
@@ -3343,11 +3343,11 @@ packages:
     dependencies:
       '@volar/code-gen': 0.40.13
       '@volar/source-map': 0.40.13
-      '@vue/compiler-core': 3.2.39
-      '@vue/compiler-dom': 3.2.39
-      '@vue/compiler-sfc': 3.2.39
-      '@vue/reactivity': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/compiler-core': 3.2.40
+      '@vue/compiler-dom': 3.2.40
+      '@vue/compiler-sfc': 3.2.40
+      '@vue/reactivity': 3.2.40
+      '@vue/shared': 3.2.40
     dev: true
 
   /@volar/vue-typescript/0.40.13:
@@ -3367,11 +3367,11 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /@vue/compiler-core/3.2.39:
-    resolution: {integrity: sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==}
+  /@vue/compiler-core/3.2.40:
+    resolution: {integrity: sha512-2Dc3Stk0J/VyQ4OUr2yEC53kU28614lZS+bnrCbFSAIftBJ40g/2yQzf4mPBiFuqguMB7hyHaujdgZAQ67kZYA==}
     dependencies:
       '@babel/parser': 7.17.0
-      '@vue/shared': 3.2.39
+      '@vue/shared': 3.2.40
       estree-walker: 2.0.2
       source-map: 0.6.1
 
@@ -3382,11 +3382,11 @@ packages:
       '@vue/shared': 3.2.37
     dev: true
 
-  /@vue/compiler-dom/3.2.39:
-    resolution: {integrity: sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==}
+  /@vue/compiler-dom/3.2.40:
+    resolution: {integrity: sha512-OZCNyYVC2LQJy4H7h0o28rtk+4v+HMQygRTpmibGoG9wZyomQiS5otU7qo3Wlq5UfHDw2RFwxb9BJgKjVpjrQw==}
     dependencies:
-      '@vue/compiler-core': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/compiler-core': 3.2.40
+      '@vue/shared': 3.2.40
 
   /@vue/compiler-sfc/3.2.37:
     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
@@ -3403,15 +3403,15 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /@vue/compiler-sfc/3.2.39:
-    resolution: {integrity: sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==}
+  /@vue/compiler-sfc/3.2.40:
+    resolution: {integrity: sha512-tzqwniIN1fu1PDHC3CpqY/dPCfN/RN1thpBC+g69kJcrl7mbGiHKNwbA6kJ3XKKy8R6JLKqcpVugqN4HkeBFFg==}
     dependencies:
       '@babel/parser': 7.17.0
-      '@vue/compiler-core': 3.2.39
-      '@vue/compiler-dom': 3.2.39
-      '@vue/compiler-ssr': 3.2.39
-      '@vue/reactivity-transform': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/compiler-core': 3.2.40
+      '@vue/compiler-dom': 3.2.40
+      '@vue/compiler-ssr': 3.2.40
+      '@vue/reactivity-transform': 3.2.40
+      '@vue/shared': 3.2.40
       estree-walker: 2.0.2
       magic-string: 0.25.7
       postcss: 8.4.16
@@ -3424,11 +3424,11 @@ packages:
       '@vue/shared': 3.2.37
     dev: true
 
-  /@vue/compiler-ssr/3.2.39:
-    resolution: {integrity: sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==}
+  /@vue/compiler-ssr/3.2.40:
+    resolution: {integrity: sha512-80cQcgasKjrPPuKcxwuCx7feq+wC6oFl5YaKSee9pV3DNq+6fmCVwEEC3vvkf/E2aI76rIJSOYHsWSEIxK74oQ==}
     dependencies:
-      '@vue/compiler-dom': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/compiler-dom': 3.2.40
+      '@vue/shared': 3.2.40
 
   /@vue/devtools-api/6.0.9:
     resolution: {integrity: sha512-O9tAMBMNMAMzgvbSS3OZlTpfgKCGjvjo5LTjWNtQ/M6A/SKWghJfvoMKuQL/vykLb6rjB/AkaQVFg9yDHprN6w==}
@@ -3469,12 +3469,12 @@ packages:
       magic-string: 0.25.7
     dev: true
 
-  /@vue/reactivity-transform/3.2.39:
-    resolution: {integrity: sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==}
+  /@vue/reactivity-transform/3.2.40:
+    resolution: {integrity: sha512-HQUCVwEaacq6fGEsg2NUuGKIhUveMCjOk8jGHqLXPI2w6zFoPrlQhwWEaINTv5kkZDXKEnCijAp+4gNEHG03yw==}
     dependencies:
       '@babel/parser': 7.17.0
-      '@vue/compiler-core': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/compiler-core': 3.2.40
+      '@vue/shared': 3.2.40
       estree-walker: 2.0.2
       magic-string: 0.25.7
 
@@ -3484,32 +3484,32 @@ packages:
       '@vue/shared': 3.2.38
     dev: true
 
-  /@vue/reactivity/3.2.39:
-    resolution: {integrity: sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ==}
+  /@vue/reactivity/3.2.40:
+    resolution: {integrity: sha512-N9qgGLlZmtUBMHF9xDT4EkD9RdXde1Xbveb+niWMXuHVWQP5BzgRmE3SFyUBBcyayG4y1lhoz+lphGRRxxK4RA==}
     dependencies:
-      '@vue/shared': 3.2.39
+      '@vue/shared': 3.2.40
 
-  /@vue/runtime-core/3.2.39:
-    resolution: {integrity: sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g==}
+  /@vue/runtime-core/3.2.40:
+    resolution: {integrity: sha512-U1+rWf0H8xK8aBUZhnrN97yoZfHbjgw/bGUzfgKPJl69/mXDuSg8CbdBYBn6VVQdR947vWneQBFzdhasyzMUKg==}
     dependencies:
-      '@vue/reactivity': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/reactivity': 3.2.40
+      '@vue/shared': 3.2.40
 
-  /@vue/runtime-dom/3.2.39:
-    resolution: {integrity: sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA==}
+  /@vue/runtime-dom/3.2.40:
+    resolution: {integrity: sha512-AO2HMQ+0s2+MCec8hXAhxMgWhFhOPJ/CyRXnmTJ6XIOnJFLrH5Iq3TNwvVcODGR295jy77I6dWPj+wvFoSYaww==}
     dependencies:
-      '@vue/runtime-core': 3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/runtime-core': 3.2.40
+      '@vue/shared': 3.2.40
       csstype: 2.6.19
 
-  /@vue/server-renderer/3.2.39_vue@3.2.39:
-    resolution: {integrity: sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ==}
+  /@vue/server-renderer/3.2.40_vue@3.2.40:
+    resolution: {integrity: sha512-gtUcpRwrXOJPJ4qyBpU3EyxQa4EkV8I4f8VrDePcGCPe4O/hd0BPS7v9OgjIQob6Ap8VDz9G+mGTKazE45/95w==}
     peerDependencies:
-      vue: 3.2.39
+      vue: 3.2.40
     dependencies:
-      '@vue/compiler-ssr': 3.2.39
-      '@vue/shared': 3.2.39
-      vue: 3.2.39
+      '@vue/compiler-ssr': 3.2.40
+      '@vue/shared': 3.2.40
+      vue: 3.2.40
 
   /@vue/shared/3.2.37:
     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
@@ -3519,15 +3519,15 @@ packages:
     resolution: {integrity: sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg==}
     dev: true
 
-  /@vue/shared/3.2.39:
-    resolution: {integrity: sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==}
+  /@vue/shared/3.2.40:
+    resolution: {integrity: sha512-0PLQ6RUtZM0vO3teRfzGi4ltLUO5aO+kLgwh4Um3THSR03rpQWLTuRCkuO5A41ITzwdWeKdPHtSARuPkoo5pCQ==}
 
-  /@vue/test-utils/2.0.2_vue@3.2.39:
+  /@vue/test-utils/2.0.2_vue@3.2.40:
     resolution: {integrity: sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==}
     peerDependencies:
       vue: ^3.0.1
     dependencies:
-      vue: 3.2.39
+      vue: 3.2.40
     dev: true
 
   /@vue/tsconfig/0.1.3_@types+node@16.11.62:
@@ -3541,13 +3541,13 @@ packages:
       '@types/node': 16.11.62
     dev: true
 
-  /@vueuse/core/9.3.0_vue@3.2.39:
+  /@vueuse/core/9.3.0_vue@3.2.40:
     resolution: {integrity: sha512-64Rna8IQDWpdrJxgitDg7yv1yTp41ZmvV8zlLEylK4QQLWAhz1OFGZDPZ8bU4lwcGgbEJ2sGi2jrdNh4LttUSQ==}
     dependencies:
       '@types/web-bluetooth': 0.0.15
       '@vueuse/metadata': 9.3.0
-      '@vueuse/shared': 9.3.0_vue@3.2.39
-      vue-demi: 0.12.1_vue@3.2.39
+      '@vueuse/shared': 9.3.0_vue@3.2.40
+      vue-demi: 0.12.1_vue@3.2.40
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -3557,23 +3557,23 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.39:
+  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
     dependencies:
-      '@vueuse/shared': 9.3.0_vue@3.2.39
-      vue-demi: 0.12.1_vue@3.2.39
-      vue-router: 4.1.5_vue@3.2.39
+      '@vueuse/shared': 9.3.0_vue@3.2.40
+      vue-demi: 0.12.1_vue@3.2.40
+      vue-router: 4.1.5_vue@3.2.40
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/shared/9.3.0_vue@3.2.39:
+  /@vueuse/shared/9.3.0_vue@3.2.40:
     resolution: {integrity: sha512-caGUWLY0DpPC6l31KxeUy6vPVNA0yKxx81jFYLoMpyP6cF84FG5Dkf69DfSUqL57wX8JcUkJDMnQaQIZPWFEQQ==}
     dependencies:
-      vue-demi: 0.12.1_vue@3.2.39
+      vue-demi: 0.12.1_vue@3.2.40
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -10096,7 +10096,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.4+vue@3.2.39:
+  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10110,8 +10110,8 @@ packages:
     dependencies:
       '@vue/devtools-api': 6.2.1
       typescript: 4.8.4
-      vue: 3.2.39
-      vue-demi: 0.12.1_vue@3.2.39
+      vue: 3.2.40
+      vue-demi: 0.12.1_vue@3.2.40
     dev: false
 
   /pinkie-promise/2.0.1:
@@ -12511,14 +12511,14 @@ packages:
     hasBin: true
     dev: true
 
-  /v-tooltip/4.0.0-beta.17_vue@3.2.39:
+  /v-tooltip/4.0.0-beta.17_vue@3.2.40:
     resolution: {integrity: sha512-d7v/6KEXQOtcj3NT3Z1LpbDv8SBh8JgbsD+3s/zGIGCxiXC2SoVW6wGV4X0MlCo97PiosibcSe+VKbFiy4AKnQ==}
     peerDependencies:
       vue: ^3.0.11
     dependencies:
       '@popperjs/core': 2.11.2
-      vue: 3.2.39
-      vue-resize: 2.0.0-alpha.1_vue@3.2.39
+      vue: 3.2.40
+      vue-resize: 2.0.0-alpha.1_vue@3.2.40
     dev: false
 
   /v8-compile-cache-lib/3.0.1:
@@ -12648,7 +12648,7 @@ packages:
       - terser
     dev: true
 
-  /vue-advanced-cropper/2.8.3_vue@3.2.39:
+  /vue-advanced-cropper/2.8.3_vue@3.2.40:
     resolution: {integrity: sha512-KyOm4sGMkaCMEfGCTWi3vuKZd4nhT+nWWUr9HfyA7Qvg3XYsfXWYeMeVT1mBBqlVGbYKMcPTGvdcBq1CXvFRWg==}
     engines: {node: '>=8', npm: '>=5'}
     peerDependencies:
@@ -12657,10 +12657,10 @@ packages:
       classnames: 2.3.1
       debounce: 1.2.1
       easy-bem: 1.1.1
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
-  /vue-demi/0.12.1_vue@3.2.39:
+  /vue-demi/0.12.1_vue@3.2.40:
     resolution: {integrity: sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==}
     engines: {node: '>=12'}
     hasBin: true
@@ -12672,7 +12672,7 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /vue-drag-resize/2.0.3:
@@ -12697,17 +12697,17 @@ packages:
       - supports-color
     dev: true
 
-  /vue-flatpickr-component/9.0.6_vue@3.2.39:
+  /vue-flatpickr-component/9.0.6_vue@3.2.40:
     resolution: {integrity: sha512-U3355po5WPejAagvDig+MA7v8NWr0+Dbx3a1pds19hx4i9CeXuBSpD7vl0fxKhk+Hfu3T+DN2aOR69HIwSJh1A==}
     engines: {node: '>=10.13.0'}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
       flatpickr: 4.6.13
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
-  /vue-i18n/9.2.2_vue@3.2.39:
+  /vue-i18n/9.2.2_vue@3.2.40:
     resolution: {integrity: sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==}
     engines: {node: '>= 14'}
     peerDependencies:
@@ -12717,24 +12717,24 @@ packages:
       '@intlify/shared': 9.2.2
       '@intlify/vue-devtools': 9.2.2
       '@vue/devtools-api': 6.2.1
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
-  /vue-resize/2.0.0-alpha.1_vue@3.2.39:
+  /vue-resize/2.0.0-alpha.1_vue@3.2.40:
     resolution: {integrity: sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
-  /vue-router/4.1.5_vue@3.2.39:
+  /vue-router/4.1.5_vue@3.2.40:
     resolution: {integrity: sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@vue/devtools-api': 6.2.1
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /vue-tsc/0.40.13_typescript@4.8.4:
@@ -12748,22 +12748,22 @@ packages:
       typescript: 4.8.4
     dev: true
 
-  /vue/3.2.39:
-    resolution: {integrity: sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==}
+  /vue/3.2.40:
+    resolution: {integrity: sha512-1mGHulzUbl2Nk3pfvI5aXYYyJUs1nm4kyvuz38u4xlQkLUn1i2R7nDbI4TufECmY8v1qNBHYy62bCaM+3cHP2A==}
     dependencies:
-      '@vue/compiler-dom': 3.2.39
-      '@vue/compiler-sfc': 3.2.39
-      '@vue/runtime-dom': 3.2.39
-      '@vue/server-renderer': 3.2.39_vue@3.2.39
-      '@vue/shared': 3.2.39
+      '@vue/compiler-dom': 3.2.40
+      '@vue/compiler-sfc': 3.2.40
+      '@vue/runtime-dom': 3.2.40
+      '@vue/server-renderer': 3.2.40_vue@3.2.40
+      '@vue/shared': 3.2.40
 
-  /vuex/4.0.2_vue@3.2.39:
+  /vuex/4.0.2_vue@3.2.40:
     resolution: {integrity: sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==}
     peerDependencies:
       vue: ^3.0.2
     dependencies:
       '@vue/devtools-api': 6.0.9
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /wait-on/6.0.1:
@@ -13209,13 +13209,13 @@ packages:
     engines: {node: '>=12.20'}
     dev: true
 
-  /zhyswan-vuedraggable/4.1.3_vue@3.2.39:
+  /zhyswan-vuedraggable/4.1.3_vue@3.2.40:
     resolution: {integrity: sha512-q4Mp52tQIvTAWG0CKxLCVLyG/3RnIskDxoJvfjDZ2kM8yTcMkY80VTc8rd3q9KwqJ0UVtjEGLufb23sjDp0peQ==}
     peerDependencies:
       vue: ^3.0.1
     dependencies:
       sortablejs: 1.14.0
-      vue: 3.2.39
+      vue: 3.2.40
     dev: false
 
   /zip-stream/4.1.0:

From fd13b453f424187c3d9f3bd0729afaba59dfbde9 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 28 Sep 2022 10:03:22 +0000
Subject: [PATCH 044/187] fix(deps): update dependency blurhash to v2.0.2

---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index a258931c..9442e8d2 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@vueuse/core": "9.3.0",
     "@vueuse/router": "9.3.0",
     "axios": "0.27.2",
-    "blurhash": "2.0.1",
+    "blurhash": "2.0.2",
     "bulma-css-variables": "0.9.33",
     "camel-case": "4.1.2",
     "codemirror": "5.65.9",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a8a0e878..b2e45e6c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,7 +30,7 @@ specifiers:
   '@vueuse/router': 9.3.0
   autoprefixer: 10.4.12
   axios: 0.27.2
-  blurhash: 2.0.1
+  blurhash: 2.0.2
   browserslist: 4.21.4
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
@@ -98,7 +98,7 @@ dependencies:
   '@vueuse/core': 9.3.0_vue@3.2.40
   '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
   axios: 0.27.2
-  blurhash: 2.0.1
+  blurhash: 2.0.2
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
   codemirror: 5.65.9
@@ -4154,8 +4154,8 @@ packages:
     resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
     dev: true
 
-  /blurhash/2.0.1:
-    resolution: {integrity: sha512-qAJW99ZIEVJqLKvR6EUtMavaalYiFgfHNvwO6eiqHE7RTBZYGQLPJvzs4WlnqSQPxZgqSPH/n4kRJIHzb/Y7dg==}
+  /blurhash/2.0.2:
+    resolution: {integrity: sha512-aYWeITmNkjtnR6X7wNgoIJ198qJc3w5yaIwLa7yxsV7/BMnWDWWgugBNvImSCcWNdVHhpNFIJgEb5jzhV4rkHA==}
     dev: false
 
   /body-parser/1.20.0:

From ebfbb5ca9bf6576404b4bb6ca3be59684d499ae8 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 28 Sep 2022 13:14:45 +0000
Subject: [PATCH 045/187] fix(deps): update sentry-javascript monorepo to
 v7.14.0 (#2440)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2440
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  4 +--
 pnpm-lock.yaml | 68 +++++++++++++++++++++++++-------------------------
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/package.json b/package.json
index 9442e8d2..ebf0d97f 100644
--- a/package.json
+++ b/package.json
@@ -24,8 +24,8 @@
     "@fortawesome/vue-fontawesome": "3.0.1",
     "@github/hotkey": "2.0.1",
     "@kyvg/vue3-notification": "2.4.1",
-    "@sentry/tracing": "7.13.0",
-    "@sentry/vue": "7.13.0",
+    "@sentry/tracing": "7.14.0",
+    "@sentry/vue": "7.14.0",
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b2e45e6c..1ede51e7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,8 +11,8 @@ specifiers:
   '@fortawesome/vue-fontawesome': 3.0.1
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1
-  '@sentry/tracing': 7.13.0
-  '@sentry/vue': 7.13.0
+  '@sentry/tracing': 7.14.0
+  '@sentry/vue': 7.14.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
@@ -90,8 +90,8 @@ dependencies:
   '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
-  '@sentry/tracing': 7.13.0
-  '@sentry/vue': 7.13.0_vue@3.2.40
+  '@sentry/tracing': 7.14.0
+  '@sentry/vue': 7.14.0_vue@3.2.40
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
@@ -2679,68 +2679,68 @@ packages:
       - zenObservable
     dev: true
 
-  /@sentry/browser/7.13.0:
-    resolution: {integrity: sha512-WbgClHPYe8TKsdVVbuzd6alxwh3maFQNuljMkSTnYvPx2P+NT0wHljTs37D39FGfSmAwaqn7D/1ZHAtC+6mWxA==}
+  /@sentry/browser/7.14.0:
+    resolution: {integrity: sha512-AdLmqeOXvCVYgJAgMUUby+TRh+yIeZO16NPpZWQPGggXIjnhSzoN4liyXJvQ7Mhm326GboFUKjQwqpCEviQcyg==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/core': 7.13.0
-      '@sentry/types': 7.13.0
-      '@sentry/utils': 7.13.0
+      '@sentry/core': 7.14.0
+      '@sentry/types': 7.14.0
+      '@sentry/utils': 7.14.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/core/7.13.0:
-    resolution: {integrity: sha512-hB46fklmKrSDMEvZOF8qBHhys7PONBFyxQtbNDZUlv/kabs4gF3VEg1ftCaXnjx4lLNlsUl/ScFdM6194RvISg==}
+  /@sentry/core/7.14.0:
+    resolution: {integrity: sha512-Hgn7De6CiCFnz868/Lrtei+9rj7/TIwhbDe3J+NeH+2ffXYn4VI8FxrlR/p2XfIq9iCfmG80EQXDtSh+Kh7mOw==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.13.0
-      '@sentry/types': 7.13.0
-      '@sentry/utils': 7.13.0
+      '@sentry/hub': 7.14.0
+      '@sentry/types': 7.14.0
+      '@sentry/utils': 7.14.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/hub/7.13.0:
-    resolution: {integrity: sha512-88/GsD1BoyrBwRKJCmVHZtSH5rizOsImUHWEXc1AOa1aR8nanfn56JdAbd6tC55pA+nT4R4H4vN/PrUaomTbtg==}
+  /@sentry/hub/7.14.0:
+    resolution: {integrity: sha512-O+pxsipeiURC6Mxuivz1pX3yHlkQCI2yjP38bISxUZv1NIijHuxiDmgqrrcCJltiIfyY2+f9LAezKVCAXnPFuw==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.13.0
-      '@sentry/utils': 7.13.0
+      '@sentry/types': 7.14.0
+      '@sentry/utils': 7.14.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/tracing/7.13.0:
-    resolution: {integrity: sha512-/MKSd25rGv6Pc0FPBLXJifkfvSaYVPA8XUOLzVeDN0gl07h8AXli4qG9amTh/4Wb5h4dFpbcscOvW2VC+pxkIA==}
+  /@sentry/tracing/7.14.0:
+    resolution: {integrity: sha512-AtSitQukvU52PsLlYZJ2g2Lhj3VMmy4EwF/OMp8UHCtbJYwTNDF5N4Co0GUwFIs8zdXkIoJD+GMKfsSX1L3NXA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.13.0
-      '@sentry/types': 7.13.0
-      '@sentry/utils': 7.13.0
+      '@sentry/hub': 7.14.0
+      '@sentry/types': 7.14.0
+      '@sentry/utils': 7.14.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/types/7.13.0:
-    resolution: {integrity: sha512-ttckM1XaeyHRLMdr79wmGA5PFbTGx2jio9DCD/mkEpSfk6OGfqfC7gpwy7BNstDH/VKyQj/lDCJPnwvWqARMoQ==}
+  /@sentry/types/7.14.0:
+    resolution: {integrity: sha512-9iFZS9Hr5hAoL+M9oUH2dY9burOaQh+CHGH66fortuTp++YDWKdbPEeKcz8hRJaUyBBn53rdxiBmAyHsrlE6KA==}
     engines: {node: '>=8'}
     dev: false
 
-  /@sentry/utils/7.13.0:
-    resolution: {integrity: sha512-jnR85LgRLSk7IQe2OhKOPMY4fasJCNQNW0iCXsH+S2R1qnsF+N4ksNkQ+7JyyM9E7F03YpI2qd76bKY0VIn5iA==}
+  /@sentry/utils/7.14.0:
+    resolution: {integrity: sha512-q9em4ZBcaUk7J1WULiltZVEcbyCE0wwAIjqRaoNmHVe4FeK++uAPo2ULZM1kQgN8syZnQ1jcfLktIKkWfnE2cg==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.13.0
+      '@sentry/types': 7.14.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/vue/7.13.0_vue@3.2.40:
-    resolution: {integrity: sha512-+OP0h4hE8Gz8xwN3rcHrbQpqhNQGQJoM8f7cOPw7TU7TCXj4apMsR4o5xPVlvSZl3TG0J9SBUPrZdd0Va9gptw==}
+  /@sentry/vue/7.14.0_vue@3.2.40:
+    resolution: {integrity: sha512-ka03xD1BAdW1kXdmdDx3lSlzKuJG4GCCec+07IBbqIUpTmDrvPE0a+bSyjN1PPRG8sZgV0V/YN5iSPIuM864tQ==}
     engines: {node: '>=8'}
     peerDependencies:
       vue: 2.x || 3.x
     dependencies:
-      '@sentry/browser': 7.13.0
-      '@sentry/core': 7.13.0
-      '@sentry/types': 7.13.0
-      '@sentry/utils': 7.13.0
+      '@sentry/browser': 7.14.0
+      '@sentry/core': 7.14.0
+      '@sentry/types': 7.14.0
+      '@sentry/utils': 7.14.0
       tslib: 1.14.1
       vue: 3.2.40
     dev: false

From 8b63df6f410dbf93ffdc3b4ac0fd5740b7f24a2c Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 28 Sep 2022 13:15:31 +0000
Subject: [PATCH 046/187] chore(deps): update dependency vite to v3.1.4 (#2439)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2439
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index ebf0d97f..ab418312 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
     "typescript": "4.8.4",
-    "vite": "3.1.3",
+    "vite": "3.1.4",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.23.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1ede51e7..78250b1d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,7 +66,7 @@ specifiers:
   typescript: 4.8.4
   ufo: 0.8.5
   v-tooltip: 4.0.0-beta.17
-  vite: 3.1.3
+  vite: 3.1.4
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
   vitest: 0.23.4
@@ -139,8 +139,8 @@ devDependencies:
   '@types/node': 16.11.62
   '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
   '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
-  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.3
-  '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.40
+  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
+  '@vitejs/plugin-vue': 3.1.0_vite@3.1.4+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
   '@vue/test-utils': 2.0.2_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
@@ -160,8 +160,8 @@ devDependencies:
   rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
   typescript: 4.8.4
-  vite: 3.1.3_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.3
+  vite: 3.1.4_sass@1.55.0+terser@5.10.0
+  vite-plugin-pwa: 0.13.1_vite@3.1.4
   vite-svg-loader: 3.6.0
   vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
   vue-tsc: 0.40.13_typescript@4.8.4
@@ -3293,7 +3293,7 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.3:
+  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.4:
     resolution: {integrity: sha512-xkSXZl2LNk0KKyo5CJknNW84mSlmHIClFzsBuFXkX3yBt+Lr8UO/n4QOg2X7+jvurgBRies9FRn3ZvMem+TmIg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3306,17 +3306,17 @@ packages:
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
       terser: 5.10.0
-      vite: 3.1.3_sass@1.55.0+terser@5.10.0
+      vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
-  /@vitejs/plugin-vue/3.1.0_vite@3.1.3+vue@3.2.40:
+  /@vitejs/plugin-vue/3.1.0_vite@3.1.4+vue@3.2.40:
     resolution: {integrity: sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^3.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 3.1.3_sass@1.55.0+terser@5.10.0
+      vite: 3.1.4_sass@1.55.0+terser@5.10.0
       vue: 3.2.40
     dev: true
 
@@ -12553,7 +12553,7 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.3:
+  /vite-plugin-pwa/0.13.1_vite@3.1.4:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
@@ -12562,7 +12562,7 @@ packages:
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
-      vite: 3.1.3_sass@1.55.0+terser@5.10.0
+      vite: 3.1.4_sass@1.55.0+terser@5.10.0
       workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
@@ -12577,8 +12577,8 @@ packages:
       svgo: 2.8.0
     dev: true
 
-  /vite/3.1.3_sass@1.55.0+terser@5.10.0:
-    resolution: {integrity: sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==}
+  /vite/3.1.4_sass@1.55.0+terser@5.10.0:
+    resolution: {integrity: sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -12639,7 +12639,7 @@ packages:
       tinybench: 2.1.5
       tinypool: 0.3.0
       tinyspy: 1.0.2
-      vite: 3.1.3_sass@1.55.0+terser@5.10.0
+      vite: 3.1.4_sass@1.55.0+terser@5.10.0
     transitivePeerDependencies:
       - less
       - sass

From ca899d3b5172be6f39a60bdaffab58330225ecd9 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Wed, 28 Sep 2022 13:28:03 +0000
Subject: [PATCH 047/187] chore: optimise loading order (#2435)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2435
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c526fa6b..4ae9ce80 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<title>Vikunja</title>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width,initial-scale=1.0">
+	<title>Vikunja</title>
 	<meta name="description" content="Vikunja (/vɪˈkuːnjə/) - The to-do app to organize your life.">
 	<meta name="theme-color" content="#1973ff"/>
 

From 878c6ea9e17527b3f199f4acf10588e910b5727c Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Wed, 28 Sep 2022 13:28:45 +0000
Subject: [PATCH 048/187] chore: make const out of export download file name
 (#2436)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2436
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/services/dataExport.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/services/dataExport.ts b/src/services/dataExport.ts
index 3c4064ac..acbea34d 100644
--- a/src/services/dataExport.ts
+++ b/src/services/dataExport.ts
@@ -1,6 +1,8 @@
 import AbstractService from './abstractService'
 import {downloadBlob} from '../helpers/downloadBlob'
 
+const DOWNLOAD_NAME = 'vikunja-export.zip'
+
 export default class DataExportService extends AbstractService {
 	request(password: string) {
 		return this.post('/user/export/request', {password})
@@ -10,7 +12,7 @@ export default class DataExportService extends AbstractService {
 		const clear = this.setLoading()
 		try {
 			const url = await this.getBlobUrl('/user/export/download', 'POST', {password})
-			downloadBlob(url, 'vikunja-export.zip')
+			downloadBlob(url, DOWNLOAD_NAME)
 		} finally {
 			clear()
 		}

From e9cf562969e42cc3ce3ffba3ed093db7a2089395 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Wed, 28 Sep 2022 13:29:24 +0000
Subject: [PATCH 049/187] fix: vueI18n global scope fallback warnings (#2437)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2437
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/date/datemathHelp.vue             | 6 +++---
 src/components/misc/api-config.vue               | 2 +-
 src/components/misc/error.vue                    | 2 +-
 src/components/sharing/linkSharing.vue           | 2 +-
 src/components/tasks/partials/attachments.vue    | 2 +-
 src/components/tasks/partials/createdUpdated.vue | 6 +++---
 src/views/user/settings/Caldav.vue               | 2 +-
 7 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/date/datemathHelp.vue b/src/components/date/datemathHelp.vue
index 98b98e9a..4e4319ed 100644
--- a/src/components/date/datemathHelp.vue
+++ b/src/components/date/datemathHelp.vue
@@ -6,13 +6,13 @@
 			{{ $t('input.datemathHelp.intro') }}
 		</p>
 		<p>
-			<i18n-t keypath="input.datemathHelp.expression">
+			<i18n-t keypath="input.datemathHelp.expression" scope="global">
 				<code>now</code>
 				<code>||</code>
 			</i18n-t>
 		</p>
 		<p>
-			<i18n-t keypath="input.datemathHelp.similar">
+			<i18n-t keypath="input.datemathHelp.similar" scope="global">
 				<BaseButton
 					href="https://grafana.com/docs/grafana/latest/dashboards/time-range-controls/"
 					target="_blank">
@@ -99,7 +99,7 @@
 			<tr>
 				<td><code>{{ exampleDate }}||+1M/d</code></td>
 				<td>
-					<i18n-t keypath="input.datemathHelp.examples.datePlusMonth">
+					<i18n-t keypath="input.datemathHelp.examples.datePlusMonth" scope="global">
 						<code>{{ exampleDate }}</code>
 					</i18n-t>
 				</td>
diff --git a/src/components/misc/api-config.vue b/src/components/misc/api-config.vue
index 3bd9719e..964a497c 100644
--- a/src/components/misc/api-config.vue
+++ b/src/components/misc/api-config.vue
@@ -23,7 +23,7 @@
 			</div>
 		</div>
 		<div class="api-url-info" v-else>
-			<i18n-t keypath="apiConfig.use">
+			<i18n-t keypath="apiConfig.use" scope="global">
 				<span class="url" v-tooltip="apiUrl"> {{ apiDomain }} </span>
 			</i18n-t>
 			<br/>
diff --git a/src/components/misc/error.vue b/src/components/misc/error.vue
index 67c854f8..04cd1448 100644
--- a/src/components/misc/error.vue
+++ b/src/components/misc/error.vue
@@ -1,6 +1,6 @@
 <template>
 	<message variant="danger">
-		<i18n-t keypath="loadingError.failed">
+		<i18n-t keypath="loadingError.failed" scope="global">
 			<ButtonLink @click="reload">{{ $t('loadingError.tryAgain') }}</ButtonLink>
 			<ButtonLink href="https://vikunja.io/contact/">{{ $t('loadingError.contact') }}</ButtonLink>
 		</i18n-t>
diff --git a/src/components/sharing/linkSharing.vue b/src/components/sharing/linkSharing.vue
index 1f4c5063..94a9cba3 100644
--- a/src/components/sharing/linkSharing.vue
+++ b/src/components/sharing/linkSharing.vue
@@ -92,7 +92,7 @@
 						</p>
 
 						<p class="mb-2">
-							<i18n-t keypath="list.share.links.sharedBy">
+							<i18n-t keypath="list.share.links.sharedBy" scope="global">
 								<strong>{{ s.sharedBy.getDisplayName() }}</strong>
 							</i18n-t>
 						</p>
diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index ff5bd6a3..caa0d067 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -38,7 +38,7 @@
 				<div class="filename">{{ a.file.name }}</div>
 				<div class="info">
 					<p class="attachment-info-meta">
-						<i18n-t keypath="task.attachment.createdBy">
+						<i18n-t keypath="task.attachment.createdBy" scope="global">
 							<span v-tooltip="formatDateLong(a.created)">
 								{{ formatDateSince(a.created) }}
 							</span>
diff --git a/src/components/tasks/partials/createdUpdated.vue b/src/components/tasks/partials/createdUpdated.vue
index d615fdfb..d7fd8f0a 100644
--- a/src/components/tasks/partials/createdUpdated.vue
+++ b/src/components/tasks/partials/createdUpdated.vue
@@ -1,7 +1,7 @@
 <template>
 	<p class="created">
 		<time :datetime="formatISO(task.created)" v-tooltip="formatDateLong(task.created)">
-			<i18n-t keypath="task.detail.created">
+			<i18n-t keypath="task.detail.created" scope="global">
 				<span>{{ formatDateSince(task.created) }}</span>
 				{{ task.createdBy.getDisplayName() }}
 			</i18n-t>
@@ -10,7 +10,7 @@
 			<br/>
 			<!-- Computed properties to show the actual date every time it gets updated -->
 			<time :datetime="formatISO(task.updated)" v-tooltip="updatedFormatted">
-				<i18n-t keypath="task.detail.updated">
+				<i18n-t keypath="task.detail.updated" scope="global">
 					<span>{{ updatedSince }}</span>
 				</i18n-t>
 			</time>
@@ -18,7 +18,7 @@
 		<template v-if="task.done">
 			<br/>
 			<time :datetime="formatISO(task.doneAt)" v-tooltip="doneFormatted">
-				<i18n-t keypath="task.detail.doneAt">
+				<i18n-t keypath="task.detail.doneAt" scope="global">
 					<span>{{ doneSince }}</span>
 				</i18n-t>
 			</time>
diff --git a/src/views/user/settings/Caldav.vue b/src/views/user/settings/Caldav.vue
index 6735333b..a0fcbebb 100644
--- a/src/views/user/settings/Caldav.vue
+++ b/src/views/user/settings/Caldav.vue
@@ -25,7 +25,7 @@
 			{{ isLocalUser ? $t('user.settings.caldav.tokensHowTo') : $t('user.settings.caldav.mustUseToken') }}
 			<template v-if="!isLocalUser">
 				<br/>
-				<i18n-t keypath="user.settings.caldav.usernameIs">
+				<i18n-t keypath="user.settings.caldav.usernameIs" scope="global">
 					<strong>{{ username }}</strong>
 				</i18n-t>
 			</template>

From 63f2e6ba6f22502becf61aa89c729fa9d01cdc7b Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Wed, 28 Sep 2022 13:31:06 +0000
Subject: [PATCH 050/187] feat NewNamespace script setup (#2415)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2415
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/views/namespaces/NewNamespace.vue | 75 +++++++++++++--------------
 1 file changed, 36 insertions(+), 39 deletions(-)

diff --git a/src/views/namespaces/NewNamespace.vue b/src/views/namespaces/NewNamespace.vue
index 62ba4fe3..f060cd2c 100644
--- a/src/views/namespaces/NewNamespace.vue
+++ b/src/views/namespaces/NewNamespace.vue
@@ -10,9 +10,12 @@
 				class="control is-expanded"
 				:class="{ 'is-loading': namespaceService.loading }"
 			>
+				<!-- The user should be able to close the modal by pressing escape - that already works with the default modal.
+					But with the input modal here since it autofocuses the input that input field catches the focus instead.
+					Hence we place the listener on the input field directly. -->
 				<input
 					@keyup.enter="newNamespace()"
-					@keyup.esc="back()"
+					@keyup.esc="$router.back()"
 					class="input"
 					:placeholder="$t('namespace.attributes.titlePlaceholder')"
 					type="text"
@@ -40,48 +43,42 @@
 	</create-edit>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
+<script setup lang="ts">
+import {ref, shallowReactive} from 'vue'
+import {useI18n} from 'vue-i18n'
+import {useRouter} from 'vue-router'
 
 import Message from '@/components/misc/message.vue'
-import NamespaceModel from '../../models/namespace'
-import NamespaceService from '../../services/namespace'
 import CreateEdit from '@/components/misc/create-edit.vue'
-import ColorPicker from '../../components/input/colorPicker.vue'
-import { setTitle } from '@/helpers/setTitle'
+import ColorPicker from '@/components/input/colorPicker.vue'
+
+import NamespaceModel from '@/models/namespace'
+import NamespaceService from '@/services/namespace'
 import {useNamespaceStore} from '@/stores/namespaces'
+import type {INamespace} from '@/modelTypes/INamespace'
 
-export default defineComponent({
-	name: 'NewNamespace',
-	data() {
-		return {
-			showError: false,
-			namespace: new NamespaceModel(),
-			namespaceService: new NamespaceService(),
-		}
-	},
-	components: {
-		Message,
-		ColorPicker,
-		CreateEdit,
-	},
-	mounted() {
-		setTitle(this.$t('namespace.create.title'))
-	},
-	methods: {
-		async newNamespace() {
-			if (this.namespace.title === '') {
-				this.showError = true
-				return
-			}
-			this.showError = false
+import {useTitle} from '@/composables/useTitle'
+import {success} from '@/message'
 
-			const namespace = await this.namespaceService.create(this.namespace)
-			const namespaceStore = useNamespaceStore()
-			namespaceStore.addNamespace(namespace)
-			this.$message.success({message: this.$t('namespace.create.success')})
-			this.$router.back()
-		},
-	},
-})
+const showError = ref(false)
+const namespace = ref<INamespace>(new NamespaceModel())
+const namespaceService = shallowReactive(new NamespaceService())
+
+const {t} = useI18n({useScope: 'global'})
+const router = useRouter()
+
+useTitle(() => t('namespace.create.title'))
+
+async function newNamespace() {
+	if (namespace.value.title === '') {
+		showError.value = true
+		return
+	}
+	showError.value = false
+
+	const newNamespace = await namespaceService.create(namespace.value)
+	useNamespaceStore().addNamespace(newNamespace)
+	success({message: t('namespace.create.success')})
+	router.back()
+}
 </script>

From bbf4ef4697fc6338ad603e2491fe4aed61057cd8 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Wed, 28 Sep 2022 16:08:23 +0000
Subject: [PATCH 051/187] feat: ListList script setup (#2441)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2441
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 .../list/list-settings-dropdown.vue           |   5 +-
 src/composables/taskList.ts                   |   7 +-
 src/helpers/savedFilter.ts                    |   4 +
 src/models/list.ts                            |  10 -
 src/views/list/ListKanban.vue                 |   8 +-
 src/views/list/ListList.vue                   | 306 +++++++++---------
 6 files changed, 163 insertions(+), 177 deletions(-)

diff --git a/src/components/list/list-settings-dropdown.vue b/src/components/list/list-settings-dropdown.vue
index bcd8a80f..b56adcdc 100644
--- a/src/components/list/list-settings-dropdown.vue
+++ b/src/components/list/list-settings-dropdown.vue
@@ -1,6 +1,6 @@
 <template>
 	<dropdown>
-		<template v-if="isSavedFilter">
+		<template v-if="isSavedFilter(list)">
 			<dropdown-item
 				:to="{ name: 'filter.settings.edit', params: { listId: list.id } }"
 				icon="pen"
@@ -78,7 +78,7 @@
 <script setup lang="ts">
 import {ref, computed, watchEffect, type PropType} from 'vue'
 
-import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
+import {isSavedFilter} from '@/helpers/savedFilter'
 import Dropdown from '@/components/misc/dropdown.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
 import TaskSubscription from '@/components/misc/subscription.vue'
@@ -100,5 +100,4 @@ watchEffect(() => {
 
 const configStore = useConfigStore()
 const backgroundsEnabled = computed(() => configStore.enabledBackgroundProviders?.length > 0)
-const isSavedFilter = computed(() => getSavedFilterIdFromListId(props.list.id) > 0)
 </script>
diff --git a/src/composables/taskList.ts b/src/composables/taskList.ts
index 0c6f09e2..e23f1008 100644
--- a/src/composables/taskList.ts
+++ b/src/composables/taskList.ts
@@ -2,6 +2,7 @@ import {ref, shallowReactive, watch, computed} from 'vue'
 import {useRoute} from 'vue-router'
 
 import TaskCollectionService from '@/services/taskCollection'
+import type { ITask } from '@/modelTypes/ITask'
 
 // FIXME: merge with DEFAULT_PARAMS in filters.vue
 export const getDefaultParams = () => ({
@@ -70,7 +71,7 @@ export function useTaskList(listId, sortByDefault = SORT_BY_DEFAULT) {
 	const loading = computed(() => taskCollectionService.loading)
 	const totalPages = computed(() => taskCollectionService.totalPages)
 
-	const tasks = ref([])
+	const tasks = ref<ITask[]>([])
 	async function loadTasks() {
 		tasks.value = []
 		tasks.value = await taskCollectionService.getAll(...getAllTasksParams.value)
@@ -81,10 +82,10 @@ export function useTaskList(listId, sortByDefault = SORT_BY_DEFAULT) {
 	watch(() => route.query, (query) => {
 		const { page: pageQueryValue, search: searchQuery } = query
 		if (searchQuery !== undefined) {
-			search.value = searchQuery
+			search.value = searchQuery as string
 		}
 		if (pageQueryValue !== undefined) {
-			page.value = parseInt(pageQueryValue)
+			page.value = Number(pageQueryValue)
 		}
 
 	}, { immediate: true })
diff --git a/src/helpers/savedFilter.ts b/src/helpers/savedFilter.ts
index 3ad23f08..32631570 100644
--- a/src/helpers/savedFilter.ts
+++ b/src/helpers/savedFilter.ts
@@ -7,4 +7,8 @@ export function getSavedFilterIdFromListId(listId: IList['id']) {
 		filterId = 0
 	}
 	return filterId
+}
+
+export function isSavedFilter(list: IList) {
+	return getSavedFilterIdFromListId(list.id) > 0
 }
\ No newline at end of file
diff --git a/src/models/list.ts b/src/models/list.ts
index b041694e..a9b834d5 100644
--- a/src/models/list.ts
+++ b/src/models/list.ts
@@ -9,8 +9,6 @@ import type {ITask} from '@/modelTypes/ITask'
 import type {INamespace} from '@/modelTypes/INamespace'
 import type {ISubscription} from '@/modelTypes/ISubscription'
 
-import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
-
 export default class ListModel extends AbstractModel<IList> implements IList {
 	id = 0
 	title = ''
@@ -52,12 +50,4 @@ export default class ListModel extends AbstractModel<IList> implements IList {
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	isSavedFilter() {
-		return this.getSavedFilterId() > 0
-	}
-
-	getSavedFilterId() {
-		return getSavedFilterIdFromListId(this.id)
-	}
 }
\ No newline at end of file
diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index bb3fb514..c1d87538 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -1,7 +1,7 @@
 <template>
 	<ListWrapper class="list-kanban" :list-id="listId" viewName="kanban">
 		<template #header>
-			<div class="filter-container" v-if="isSavedFilter">
+			<div class="filter-container" v-if="isSavedFilter(list)">
 				<div class="items">
 					<filter-popup
 						v-model="params"
@@ -239,6 +239,7 @@ import {getCollapsedBucketState, saveCollapsedBucketState} from '@/helpers/saveC
 import {calculateItemPosition} from '../../helpers/calculateItemPosition'
 import KanbanCard from '@/components/tasks/partials/kanban-card.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
+import {isSavedFilter} from '@/helpers/savedFilter'
 
 const DRAG_OPTIONS = {
 	// sortable options
@@ -324,9 +325,6 @@ export default defineComponent({
 			})
 		},
 
-		isSavedFilter() {
-			return this.list.isSavedFilter && !this.list.isSavedFilter()
-		},
 		loadBucketParameter() {
 			return {
 				listId: this.listId,
@@ -356,6 +354,8 @@ export default defineComponent({
 	},
 
 	methods: {
+		isSavedFilter,
+
 		loadBuckets() {
 			const {listId, params} = this.loadBucketParameter
 
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index 30662480..e92da522 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -3,7 +3,7 @@
 		<template #header>
 		<div
 			class="filter-container"
-			v-if="list.isSavedFilter && !list.isSavedFilter()"
+			v-if="!isSavedFilter(list)"
 		>
 			<div class="items">
 				<div class="search">
@@ -58,7 +58,7 @@
 			>
 				<add-task
 					@taskAdded="updateTaskList"
-					ref="addTask"
+					ref="addTaskRef"
 					:default-position="firstNewPosition"
 				/>
 			</template>
@@ -76,7 +76,7 @@
 					v-if="tasks && tasks.length > 0"
 				>
 					<draggable
-						v-bind="dragOptions"
+						v-bind="DRAG_OPTIONS"
 						v-model="tasks"
 						group="tasks"
 						@start="() => drag = true"
@@ -94,7 +94,7 @@
 							<single-task-in-list
 								:show-list-color="false"
 								:disabled="!canWrite"
-								:can-mark-as-done="canWrite || (list.isSavedFilter && list.isSavedFilter())"
+								:can-mark-as-done="canWrite || isSavedFilter(list)"
 								:the-task="t"
 								@taskUpdated="updateTasks"
 							>
@@ -114,7 +114,7 @@
 						</template>
 					</draggable>
 				</div>
-				<edit-task 
+				<EditTask
 					v-if="isTaskEdit"
 					class="taskedit mt-0"
 					:title="$t('list.list.editTask')"
@@ -135,25 +135,32 @@
 </template>
 
 <script lang="ts">
-import { ref, toRef, defineComponent } from 'vue'
+export default { name: 'List' }
+</script>
 
+<script setup lang="ts">
+import {ref, computed, toRef, nextTick, onMounted} from 'vue'
+import draggable from 'zhyswan-vuedraggable'
+import {useRoute, useRouter} from 'vue-router'
+
+import ListWrapper from './ListWrapper.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 import ButtonLink from '@/components/misc/ButtonLink.vue'
-import ListWrapper from './ListWrapper.vue'
 import EditTask from '@/components/tasks/edit-task.vue'
 import AddTask from '@/components/tasks/add-task.vue'
 import SingleTaskInList from '@/components/tasks/partials/singleTaskInList.vue'
-import { useTaskList } from '@/composables/taskList'
-import {RIGHTS as Rights} from '@/constants/rights'
 import FilterPopup from '@/components/list/partials/filter-popup.vue'
-import {HAS_TASKS} from '@/store/mutation-types'
 import Nothing from '@/components/misc/nothing.vue'
 import Pagination from '@/components/misc/pagination.vue'
 import {ALPHABETICAL_SORT} from '@/components/list/partials/filters.vue'
 
-import draggable from 'zhyswan-vuedraggable'
-import {calculateItemPosition} from '../../helpers/calculateItemPosition'
+import {useStore} from '@/store'
+import {HAS_TASKS} from '@/store/mutation-types'
+import {useTaskList} from '@/composables/taskList'
+import {RIGHTS as Rights} from '@/constants/rights'
+import {calculateItemPosition} from '@/helpers/calculateItemPosition'
 import type {ITask} from '@/modelTypes/ITask'
+import {isSavedFilter} from '@/helpers/savedFilter'
 
 function sortTasks(tasks: ITask[]) {
 	if (tasks === null || Array.isArray(tasks) && tasks.length === 0) {
@@ -173,153 +180,138 @@ function sortTasks(tasks: ITask[]) {
 	})
 }
 
-export default defineComponent({
-	name: 'List',
-	
-	props: {
-		listId: {
-			type: Number,
-			required: true,
-		},
-	},
-
-	data() {
-		return {
-			ctaVisible: false,
-			showTaskSearch: false,
-
-			drag: false,
-			dragOptions: {
-				animation: 100,
-				ghostClass: 'ghost',
-			},
-		}
-	},
-	components: {
-		BaseButton,
-		ListWrapper,
-		Nothing,
-		FilterPopup,
-		SingleTaskInList,
-		EditTask,
-		AddTask,
-		draggable,
-		Pagination,
-		ButtonLink,
-	},
-
-	setup(props) {
-		const taskEditTask = ref(null)
-		const isTaskEdit = ref(false)
-
-		// This function initializes the tasks page and loads the first page of tasks
-		// function beforeLoad() {
-		// 	taskEditTask.value = null
-		// 	isTaskEdit.value = false
-		// }
-
-		const taskList = useTaskList(toRef(props, 'listId'), {
-			position: 'asc',
-		})
-
-		return {
-			taskEditTask,
-			isTaskEdit,
-			...taskList,
-		}
-	},
-	computed: {
-		isAlphabeticalSorting() {
-			return this.params.sort_by.find( sortBy => sortBy === ALPHABETICAL_SORT ) !== undefined
-		},
-		firstNewPosition() {
-			if (this.tasks.length === 0) {
-				return 0
-			}
-
-			return calculateItemPosition(null, this.tasks[0].position)
-		},
-		canWrite() {
-			return this.list.maxRight > Rights.READ && this.list.id > 0
-		},
-		list() {
-			return this.$store.state.currentList
-		},
-	},
-	mounted() {
-		this.$nextTick(() => (this.ctaVisible = true))
-	},
-	methods: {
-		searchTasks() {
-			// Only search if the search term changed
-			if (this.$route.query === this.searchTerm) {
-				return
-			}
-
-			this.$router.push({
-				name: 'list.list',
-				query: {search: this.searchTerm},
-			})
-		},
-		hideSearchBar() {
-			// This is a workaround.
-			// When clicking on the search button, @blur from the input is fired. If we
-			// would then directly hide the whole search bar directly, no click event
-			// from the button gets fired. To prevent this, we wait 200ms until we hide
-			// everything so the button has a chance of firing the search event.
-			setTimeout(() => {
-				this.showTaskSearch = false
-			}, 200)
-		},
-		focusNewTaskInput() {
-			this.$refs.addTask.focusTaskInput()
-		},
-		updateTaskList(task: ITask) {
-			if ( this.isAlphabeticalSorting ) {
-				// reload tasks with current filter and sorting
-				this.loadTasks(1, undefined, undefined, true)
-			}
-			else {
-				this.tasks = [
-					task,
-					...this.tasks,
-				]
-			}
-
-			this.$store.commit(HAS_TASKS, true)
-		},
-		editTask(id: ITask['id']) {
-			this.taskEditTask = {...this.tasks.find(t => t.id === parseInt(id))}
-			this.isTaskEdit = true
-		},
-		updateTasks(updatedTask: ITask) {
-			for (const t in this.tasks) {
-				if (this.tasks[t].id === updatedTask.id) {
-					this.tasks[t] = updatedTask
-					break
-				}
-			}
-			// FIXME: Use computed
-			sortTasks(this.tasks)
-		},
-
-		async saveTaskPosition(e) {
-			this.drag = false
-
-			const task = this.tasks[e.newIndex]
-			const taskBefore = this.tasks[e.newIndex - 1] ?? null
-			const taskAfter = this.tasks[e.newIndex + 1] ?? null
-
-			const newTask = {
-				...task,
-				position: calculateItemPosition(taskBefore !== null ? taskBefore.position : null, taskAfter !== null ? taskAfter.position : null),
-			}
-
-			const updatedTask = await this.$store.dispatch('tasks/update', newTask)
-			this.tasks[e.newIndex] = updatedTask
-		},
+const props = defineProps({
+	listId: {
+		type: Number,
+		required: true,
 	},
 })
+
+const ctaVisible = ref(false)
+const showTaskSearch = ref(false)
+
+const drag = ref(false)
+const DRAG_OPTIONS = {
+	animation: 100,
+	ghostClass: 'ghost',
+} as const
+
+
+const taskEditTask = ref(null)
+const isTaskEdit = ref(false)
+
+const {
+	tasks,
+	loading,
+	totalPages,
+	currentPage,
+	loadTasks,
+	searchTerm,
+	params,
+	// sortByParam,
+} = useTaskList(toRef(props, 'listId'), {position: 'asc' })
+
+
+const isAlphabeticalSorting = computed(() => {
+	return params.value.sort_by.find(sortBy => sortBy === ALPHABETICAL_SORT) !== undefined
+})
+
+const firstNewPosition = computed(() => {
+	if (tasks.value.length === 0) {
+		return 0
+	}
+
+	return calculateItemPosition(null, tasks.value[0].position)
+})
+
+const store = useStore()
+const list = computed(() => store.state.currentList)
+
+const canWrite = computed(() => {
+	return list.value.maxRight > Rights.READ && list.value.id > 0
+})
+
+onMounted(async () => {
+	await nextTick()
+	ctaVisible.value = true
+})
+
+const route = useRoute()
+const router = useRouter()
+function searchTasks() {
+	// Only search if the search term changed
+	if (route.query as unknown as string === searchTerm.value) {
+		return
+	}
+
+	router.push({
+		name: 'list.list',
+		query: {search: searchTerm.value},
+	})
+}
+
+function hideSearchBar() {
+	// This is a workaround.
+	// When clicking on the search button, @blur from the input is fired. If we
+	// would then directly hide the whole search bar directly, no click event
+	// from the button gets fired. To prevent this, we wait 200ms until we hide
+	// everything so the button has a chance of firing the search event.
+	setTimeout(() => {
+		showTaskSearch.value = false
+	}, 200)
+}
+
+const addTaskRef = ref<typeof AddTask | null>(null)
+function focusNewTaskInput() {
+	addTaskRef.value?.focusTaskInput()
+}
+
+function updateTaskList(task: ITask) {
+	if (isAlphabeticalSorting.value ) {
+		// reload tasks with current filter and sorting
+		loadTasks(1, undefined, undefined, true)
+	}
+	else {
+		tasks.value = [
+			task,
+			...tasks.value,
+		]
+	}
+
+	store.commit(HAS_TASKS, true)
+}
+
+function editTask(id: ITask['id']) {
+	taskEditTask.value = {...tasks.value.find(t => t.id === Number(id))}
+	isTaskEdit.value = true
+}
+
+function updateTasks(updatedTask: ITask) {
+	for (const t in tasks.value) {
+		if (tasks.value[t].id === updatedTask.id) {
+			tasks.value[t] = updatedTask
+			break
+		}
+	}
+	// FIXME: Use computed
+	sortTasks(tasks.value)
+}
+
+async function saveTaskPosition(e) {
+	drag.value = false
+
+	const task = tasks.value[e.newIndex]
+	const taskBefore = tasks.value[e.newIndex - 1] ?? null
+	const taskAfter = tasks.value[e.newIndex + 1] ?? null
+
+	const newTask = {
+		...task,
+		position: calculateItemPosition(taskBefore !== null ? taskBefore.position : null, taskAfter !== null ? taskAfter.position : null),
+	}
+
+	const updatedTask = await this.$store.dispatch('tasks/update', newTask)
+	this.tasks[e.newIndex] = updatedTask
+}
 </script>
 
 <style lang="scss" scoped>

From f30c964c06987f87b615c3eec25197241175db96 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 21 Sep 2022 02:31:52 +0200
Subject: [PATCH 052/187] feat: move auth to stores

---
 src/{store/modules => stores}/auth.ts | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/{store/modules => stores}/auth.ts (100%)

diff --git a/src/store/modules/auth.ts b/src/stores/auth.ts
similarity index 100%
rename from src/store/modules/auth.ts
rename to src/stores/auth.ts

From 7b53e684aa405a7874f189dcb404c031dfed1388 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 21 Sep 2022 03:37:39 +0200
Subject: [PATCH 053/187] feat: port auth store to pinia

---
 src/App.vue                                   |   8 +-
 src/components/date/datepickerWithRange.vue   |   6 +-
 src/components/home/TheNavigation.vue         |  12 +-
 src/components/home/contentAuth.vue           |  13 +-
 src/components/input/datepicker.vue           |   7 +-
 .../notifications/notifications.vue           |   8 +-
 src/components/sharing/userTeam.vue           |   8 +-
 src/components/tasks/add-task.vue             |   4 +-
 src/components/tasks/partials/comments.vue    |   8 +-
 src/components/tasks/partials/defer-task.vue  |  12 +-
 src/router/index.ts                           |   8 +-
 src/store/index.ts                            |   8 +-
 src/store/types.ts                            |   1 +
 src/stores/auth.ts                            | 168 ++++++++++--------
 src/views/Home.vue                            |  10 +-
 src/views/labels/ListLabels.vue               |  10 +-
 src/views/list/ListGantt.vue                  |   8 +-
 src/views/list/settings/share.vue             |   4 +-
 src/views/namespaces/settings/share.vue       |  11 +-
 src/views/sharing/LinkSharingAuth.vue         |   6 +-
 src/views/tasks/ShowTasks.vue                 |   4 +-
 src/views/teams/EditTeam.vue                  |  11 +-
 src/views/user/DataExportDownload.vue         |   5 +-
 src/views/user/Login.vue                      |  13 +-
 src/views/user/OpenIdAuth.vue                 |   4 +-
 src/views/user/Register.vue                   |   7 +-
 src/views/user/Settings.vue                   |   6 +-
 src/views/user/settings/Avatar.vue            |  12 +-
 src/views/user/settings/Caldav.vue            |   8 +-
 src/views/user/settings/DataExport.vue        |   8 +-
 src/views/user/settings/Deletion.vue          |   8 +-
 src/views/user/settings/EmailUpdate.vue       |   6 +-
 src/views/user/settings/General.vue           |  10 +-
 src/views/user/settings/PasswordUpdate.vue    |   8 +-
 34 files changed, 241 insertions(+), 189 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c63cf7bf..81fcf611 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,15 +36,17 @@ import AccountDeleteService from '@/services/accountDelete'
 
 import {useColorScheme} from '@/composables/useColorScheme'
 import {useBodyClass} from '@/composables/useBodyClass'
+import {useAuthStore} from './stores/auth'
 
 const store = useStore()
+const authStore = useAuthStore()
 const router = useRouter()
 
 useBodyClass('is-touch', isTouchDevice())
 const keyboardShortcutsActive = computed(() => store.state.keyboardShortcutsActive)
 
-const authUser = computed(() => store.getters['auth/authUser'])
-const authLinkShare = computed(() => store.getters['auth/authLinkShare'])
+const authUser = computed(() => authStore.authUser)
+const authLinkShare = computed(() => authStore.authLinkShare)
 
 const {t} = useI18n({useScope: 'global'})
 
@@ -58,7 +60,7 @@ watch(accountDeletionConfirm, async (accountDeletionConfirm) => {
 	const accountDeletionService = new AccountDeleteService()
 	await accountDeletionService.confirm(accountDeletionConfirm)
 	success({message: t('user.deletion.confirmSuccess')})
-	store.dispatch('auth/refreshUserInfo')
+	authStore.refreshUserInfo()
 }, { immediate: true })
 
 // setup password reset redirect
diff --git a/src/components/date/datepickerWithRange.vue b/src/components/date/datepickerWithRange.vue
index 23181279..8546c143 100644
--- a/src/components/date/datepickerWithRange.vue
+++ b/src/components/date/datepickerWithRange.vue
@@ -71,7 +71,6 @@
 
 <script lang="ts" setup>
 import {computed, ref, watch} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import flatPickr from 'vue-flatpickr-component'
@@ -81,8 +80,9 @@ import Popup from '@/components/misc/popup.vue'
 import {DATE_RANGES} from '@/components/date/dateRanges'
 import BaseButton from '@/components/base/BaseButton.vue'
 import DatemathHelp from '@/components/date/datemathHelp.vue'
+import {useAuthStore} from '@/stores/auth'
 
-const store = useStore()
+const authStore = useAuthStore()
 const {t} = useI18n({useScope: 'global'})
 
 const emit = defineEmits(['update:modelValue'])
@@ -93,7 +93,7 @@ const props = defineProps({
 })
 
 // FIXME: This seems to always contain the default value - that breaks the picker
-const weekStart = computed<number>(() => store.state.auth.settings.weekStart ?? 0)
+const weekStart = computed(() => authStore.settings.weekStart ?? 0)
 const flatPickerConfig = computed(() => ({
 	altFormat: t('date.altFormatLong'),
 	altInput: true,
diff --git a/src/components/home/TheNavigation.vue b/src/components/home/TheNavigation.vue
index 0df97015..b693988b 100644
--- a/src/components/home/TheNavigation.vue
+++ b/src/components/home/TheNavigation.vue
@@ -93,7 +93,6 @@
 <script setup lang="ts">
 import {ref, computed, onMounted, nextTick} from 'vue'
 import {useStore} from '@/store'
-import {useRouter} from 'vue-router'
 
 import {QUICK_ACTIONS_ACTIVE} from '@/store/mutation-types'
 import {RIGHTS as Rights} from '@/constants/rights'
@@ -109,12 +108,14 @@ import MenuButton from '@/components/home/MenuButton.vue'
 
 import {getListTitle} from '@/helpers/getListTitle'
 import {useConfigStore} from '@/stores/config'
+import {useAuthStore} from '@/stores/auth'
 
 const store = useStore()
+const authStore = useAuthStore()
 const configStore = useConfigStore()
 
-const userInfo = computed(() => store.state.auth.info)
-const userAvatar = computed(() => store.state.auth.avatarUrl)
+const userInfo = computed(() => authStore.info)
+const userAvatar = computed(() => authStore.avatarUrl)
 const currentList = computed(() => store.state.currentList)
 const background = computed(() => store.state.background)
 const imprintUrl = computed(() => configStore.legal.imprintUrl)
@@ -134,11 +135,8 @@ onMounted(async () => {
 	listTitle.value.style.setProperty('--nav-username-width', `${usernameWidth}px`)
 })
 
-const router = useRouter()
-
 function logout() {
-	store.dispatch('auth/logout')
-	router.push({name: 'user.login'})
+	authStore.logout()
 }
 
 function openQuickActions() {
diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index b41e86e5..855279e4 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -70,6 +70,7 @@ import {useLabelStore} from '@/stores/labels'
 import Navigation from '@/components/home/navigation.vue'
 import QuickActions from '@/components/quick-actions/quick-actions.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
+import {useAuthStore} from '@/stores/auth'
 
 function useRouteWithModal() {
 	const router = useRouter()
@@ -165,13 +166,15 @@ watch(() => route.name as string, (routeName) => {
 
 function useRenewTokenOnFocus() {
 	const router = useRouter()
+	const authStore = useAuthStore()
 
-	const userInfo = computed(() => store.state.auth.info)
-	const authenticated = computed(() => store.state.auth.authenticated)
+
+	const userInfo = computed(() => authStore.info)
+	const authenticated = computed(() => authStore.authenticated)
 
 	// Try renewing the token every time vikunja is loaded initially
 	// (When opening the browser the focus event is not fired)
-	store.dispatch('auth/renewToken')
+	authStore.renewToken()
 
 	// Check if the token is still valid if the window gets focus again to maybe renew it
 	useEventListener('focus', () => {
@@ -184,14 +187,14 @@ function useRenewTokenOnFocus() {
 		// If the token expiry is negative, it is already expired and we have no choice but to redirect
 		// the user to the login page
 		if (expiresIn < 0) {
-			store.dispatch('auth/checkAuth')
+			authStore.checkAuth()
 			router.push({name: 'user.login'})
 			return
 		}
 
 		// Check if the token is valid for less than 60 hours and renew if thats the case
 		if (expiresIn < 60 * 3600) {
-			store.dispatch('auth/renewToken')
+			authStore.renewToken()
 			console.debug('renewed token')
 		}
 	})
diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index 733a9fab..bb940b89 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -102,6 +102,8 @@ import {calculateDayInterval} from '@/helpers/time/calculateDayInterval'
 import {calculateNearestHours} from '@/helpers/time/calculateNearestHours'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {createDateFromString} from '@/helpers/time/createDateFromString'
+import {mapState} from 'pinia'
+import {useAuthStore} from '@/stores/auth'
 
 export default defineComponent({
 	name: 'datepicker',
@@ -145,6 +147,9 @@ export default defineComponent({
 		},
 	},
 	computed: {
+		...mapState(useAuthStore, {
+			weekStart: (state) => state.settings.weekStart,
+		}),
 		flatPickerConfig() {
 			return {
 				altFormat: this.$t('date.altFormatLong'),
@@ -154,7 +159,7 @@ export default defineComponent({
 				time_24hr: true,
 				inline: true,
 				locale: {
-					firstDayOfWeek: this.$store.state.auth.settings.weekStart,
+					firstDayOfWeek: this.weekStart,
 				},
 			}
 		},
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index d1d28c20..aaaad93e 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -48,19 +48,19 @@
 
 <script lang="ts" setup>
 import {computed, onMounted, onUnmounted, ref} from 'vue'
+import {useRouter} from 'vue-router'
 
 import NotificationService from '@/services/notification'
 import BaseButton from '@/components/base/BaseButton.vue'
 import User from '@/components/misc/user.vue'
 import { NOTIFICATION_NAMES as names, type INotification} from '@/modelTypes/INotification'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
-import {useStore} from '@/store'
-import {useRouter} from 'vue-router'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+import {useAuthStore} from '@/stores/auth'
 
 const LOAD_NOTIFICATIONS_INTERVAL = 10000
 
-const store = useStore()
+const authStore = useAuthStore()
 const router = useRouter()
 
 const allNotifications = ref<INotification[]>([])
@@ -73,7 +73,7 @@ const unreadNotifications = computed(() => {
 const notifications = computed(() => {
 	return allNotifications.value ? allNotifications.value.filter(n => n.name !== '') : []
 })
-const userInfo = computed(() => store.state.auth.info)
+const userInfo = computed(() => authStore.info)
 
 let interval: number
 
diff --git a/src/components/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index e675ee07..f833b8b8 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -139,7 +139,6 @@ export default {name: 'userTeamShare'}
 <script setup lang="ts">
 import {ref, reactive, computed, shallowReactive, type Ref} from 'vue'
 import type {PropType} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import UserNamespaceService from '@/services/userNamespace'
@@ -171,6 +170,7 @@ import {RIGHTS} from '@/constants/rights'
 import Multiselect from '@/components/input/multiselect.vue'
 import Nothing from '@/components/misc/nothing.vue'
 import {success} from '@/message'
+import {useAuthStore} from '@/stores/auth'
 
 const props = defineProps({
 	type: {
@@ -208,8 +208,8 @@ const sharables = ref([])
 const showDeleteModal = ref(false)
 
 
-const store = useStore()
-const userInfo = computed(() => store.state.auth.info)
+const authStore = useAuthStore()
+const userInfo = computed(() => authStore.info)
 
 function createShareTypeNameComputed(count: number) {
 	return computed(() => {
@@ -365,7 +365,7 @@ async function toggleType(sharable) {
 
 const found = ref([])
 
-const currentUserId = computed(() => store.state.auth.info.id)
+const currentUserId = computed(() => authStore.info.id)
 async function find(query: string) {
 	if (query === '') {
 		found.value = []
diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 2aa3cfaf..d6873a16 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -48,6 +48,7 @@ import {tryOnMounted, debouncedWatch, useWindowSize, type MaybeRef} from '@vueus
 
 import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
 import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
+import {useAuthStore} from '@/stores/auth'
 
 function cleanupTitle(title: string) {
 	return title.replace(/^((\* |\+ |- )(\[ \] )?)/g, '')
@@ -135,6 +136,7 @@ const newTaskInput = useAutoHeightTextarea(newTaskTitle)
 
 const {t} = useI18n({useScope: 'global'})
 const store = useStore()
+const authStore = useAuthStore()
 
 const errorMessage = ref('')
 
@@ -168,7 +170,7 @@ async function addTask() {
 
 		const task = await store.dispatch('tasks/createNewTask', {
 			title,
-			listId: store.state.auth.settings.defaultListId,
+			listId: authStore.settings.defaultListId,
 			position: props.defaultPosition,
 		})
 		emit('taskAdded', task)
diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index 3b0ebf85..f573bb6b 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -153,7 +153,6 @@
 
 <script setup lang="ts">
 import {ref, reactive, computed, shallowReactive, watch, nextTick} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import Editor from '@/components/input/AsyncEditor'
@@ -168,6 +167,7 @@ import {uploadFile} from '@/helpers/attachments'
 import {success} from '@/message'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 import {useConfigStore} from '@/stores/config'
+import {useAuthStore} from '@/stores/auth'
 
 const props = defineProps({
 	taskId: {
@@ -180,8 +180,8 @@ const props = defineProps({
 })
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
 const configStore = useConfigStore()
+const authStore = useAuthStore()
 
 const comments = ref<ITaskComment[]>([])
 
@@ -196,8 +196,8 @@ const newComment = reactive(new TaskCommentModel())
 const saved = ref<ITask['id'] | null>(null)
 const saving = ref<ITask['id'] | null>(null)
 
-const userAvatar = computed(() => store.state.auth.info.getAvatarUrl(48))
-const currentUserId = computed(() => store.state.auth.info.id)
+const userAvatar = computed(() => authStore.info.getAvatarUrl(48))
+const currentUserId = computed(() => authStore.info.id)
 const enabled = computed(() => configStore.taskCommentsEnabled)
 const actions = computed(() => {
 	if (!props.canWrite) {
diff --git a/src/components/tasks/partials/defer-task.vue b/src/components/tasks/partials/defer-task.vue
index 4cd2b10a..0759a203 100644
--- a/src/components/tasks/partials/defer-task.vue
+++ b/src/components/tasks/partials/defer-task.vue
@@ -39,12 +39,12 @@
 
 <script setup lang="ts">
 import {ref, shallowReactive, computed, watch, onMounted, onBeforeUnmount, type PropType} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 import flatPickr from 'vue-flatpickr-component'
 
 import TaskService from '@/services/task'
 import type {ITask} from '@/modelTypes/ITask'
+import {useAuthStore} from '@/stores/auth'
 
 const props = defineProps({
 	modelValue: {
@@ -55,7 +55,7 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue'])
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
+const authStore = useAuthStore()
 
 const taskService = shallowReactive(new TaskService())
 const task = ref<ITask>()
@@ -103,7 +103,7 @@ const flatPickerConfig = computed(() => ({
 	time_24hr: true,
 	inline: true,
 	locale: {
-		firstDayOfWeek: store.state.auth.settings.weekStart,
+		firstDayOfWeek: authStore.settings.weekStart,
 	},
 }))
 
@@ -124,8 +124,10 @@ async function updateDueDate() {
 	}
 
 	// FIXME: direct prop manipulation
-	task.value.dueDate = new Date(dueDate.value)
-	const newTask = await taskService.update(task.value)
+	const newTask = await taskService.update({
+		...task.value,
+		dueDate: new Date(dueDate.value),
+	})
 	lastValue.value = newTask.dueDate
 	task.value = newTask
 	emit('update:modelValue', newTask)
diff --git a/src/router/index.ts b/src/router/index.ts
index 2d150edf..014c32c0 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,7 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import type { RouteLocation } from 'vue-router'
 import {saveLastVisited} from '@/helpers/saveLastVisited'
-import {store} from '@/store'
 
 import {saveListView, getListView} from '@/helpers/saveListView'
 import {parseDateOrString} from '@/helpers/time/parseDateOrString'
@@ -9,6 +8,7 @@ import {getNextWeekDate} from '@/helpers/time/getNextWeekDate'
 import {setTitle} from '@/helpers/setTitle'
 
 import {useListStore} from '@/stores/lists'
+import {useAuthStore} from '@/stores/auth'
 
 import HomeComponent from '../views/Home.vue'
 import NotFoundComponent from '../views/404.vue'
@@ -464,10 +464,8 @@ const router = createRouter({
 })
 
 export function getAuthForRoute(route: RouteLocation) {
-	const authUser = store.getters['auth/authUser']
-	const authLinkShare = store.getters['auth/authLinkShare']
-
-	if (authUser || authLinkShare) {
+	const authStore = useAuthStore()
+	if (authStore.authUser || authStore.authLinkShare) {
 		return
 	}
 
diff --git a/src/store/index.ts b/src/store/index.ts
index f0ecd0a4..6c530b53 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -13,7 +13,6 @@ import {
 	MENU_ACTIVE,
 	QUICK_ACTIONS_ACTIVE,
 } from './mutation-types'
-import auth from './modules/auth'
 import kanban from './modules/kanban'
 import tasks from './modules/tasks'
 
@@ -23,6 +22,7 @@ import ListService from '../services/list'
 import {checkAndSetApiUrl} from '@/helpers/checkAndSetApiUrl'
 
 import type { RootStoreState, StoreState } from './types'
+import {useAuthStore} from '@/stores/auth'
 
 export const key: InjectionKey<Store<StoreState>> = Symbol()
 
@@ -34,7 +34,6 @@ export function useStore () {
 export const store = createStore<RootStoreState>({
 	strict: import.meta.env.DEV,
 	modules: {
-		auth,
 		kanban,
 		tasks,
 	},
@@ -131,9 +130,10 @@ export const store = createStore<RootStoreState>({
 
 			commit(CURRENT_LIST, list)
 		},
-		async loadApp({dispatch}) {
+		async loadApp() {
 			await checkAndSetApiUrl(window.API_URL)
-			await dispatch('auth/checkAuth')
+			const authStore = useAuthStore()
+			await authStore.checkAuth()
 		},
 	},
 })
diff --git a/src/store/types.ts b/src/store/types.ts
index c6daaf82..8216082f 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -45,6 +45,7 @@ export interface AuthState {
 	avatarUrl: string,
 	lastUserInfoRefresh: Date | null,
 	settings: IUserSettings,
+	isLoading: boolean,
 }
 
 export interface ConfigState {
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index e299e7c1..5d528d39 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -1,16 +1,15 @@
-import type { Module } from 'vuex'
+import {defineStore, acceptHMRUpdate} from 'pinia'
 
 import {HTTPFactory, AuthenticatedHTTPFactory} from '@/http-common'
 import {i18n, getCurrentLanguage, saveLanguage} from '@/i18n'
 import {objectToSnakeCase} from '@/helpers/case'
-import {LOADING} from '../mutation-types'
 import UserModel from '@/models/user'
 import UserSettingsService from '@/services/userSettings'
 import {getToken, refreshToken, removeToken, saveToken} from '@/helpers/auth'
-import {setLoading} from '@/store/helper'
+import {setLoadingPinia} from '@/store/helper'
 import {success} from '@/message'
 import {redirectToProvider} from '@/helpers/redirectToProvider'
-import type { RootStoreState, AuthState, Info} from '@/store/types'
+import type {AuthState, Info} from '@/store/types'
 import {AUTH_TYPES} from '@/store/types'
 import type { IUserSettings } from '@/modelTypes/IUserSettings'
 import router from '@/router'
@@ -23,9 +22,8 @@ function defaultSettings(settings: Partial<IUserSettings>) {
 	return settings
 }
 
-const authStore : Module<AuthState, RootStoreState> =  {
-	namespaced: true,
-	state: () => ({
+export const useAuthStore = defineStore('auth', {
+	state: () : AuthState => ({
 		authenticated: false,
 		isLinkShareAuth: false,
 		info: null,
@@ -33,6 +31,7 @@ const authStore : Module<AuthState, RootStoreState> =  {
 		avatarUrl: '',
 		lastUserInfoRefresh: null,
 		settings: {}, // should be IUserSettings
+		isLoading: false,
 	}),
 	getters: {
 		authUser(state) {
@@ -48,47 +47,50 @@ const authStore : Module<AuthState, RootStoreState> =  {
 			)
 		},
 	},
-	mutations: {
-		info(state, info: Info) {
-			state.info = info
+	actions: {
+		setIsLoading(isLoading: boolean) {
+			this.isLoading = isLoading 
+		},
+
+		setInfo(info: Info) {
+			this.info = info
 			if (info !== null) {
-				state.avatarUrl = info.getAvatarUrl()
+				this.avatarUrl = info.getAvatarUrl()
 
 				if (info.settings) {
-					state.settings = defaultSettings(info.settings)
+					this.settings = defaultSettings(info.settings)
 				}
 
-				state.isLinkShareAuth = info.id < 0
+				this.isLinkShareAuth = info.id < 0
 			}
 		},
-		setUserSettings(state, settings: IUserSettings) {
-			state.settings = defaultSettings(settings)
-			const info = state.info !== null ? state.info : {} as Info
+		setUserSettings(settings: IUserSettings) {
+			this.settings = defaultSettings(settings)
+			const info = this.info !== null ? this.info : {} as Info
 			info.name = settings.name
-			state.info = info
+			this.info = info
 		},
-		authenticated(state, authenticated: boolean) {
-			state.authenticated = authenticated
+		setAuthenticated(authenticated: boolean) {
+			this.authenticated = authenticated
 		},
-		isLinkShareAuth(state, isLinkShareAuth: boolean) {
-			state.isLinkShareAuth = isLinkShareAuth
+		setIsLinkShareAuth(isLinkShareAuth: boolean) {
+			this.isLinkShareAuth = isLinkShareAuth
 		},
-		needsTotpPasscode(state, needsTotpPasscode: boolean) {
-			state.needsTotpPasscode = needsTotpPasscode
+		setNeedsTotpPasscode(needsTotpPasscode: boolean) {
+			this.needsTotpPasscode = needsTotpPasscode
 		},
-		reloadAvatar(state) {
-			if (!state.info) return
-			state.avatarUrl = `${state.info.getAvatarUrl()}&=${+new Date()}`
+		reloadAvatar() {
+			if (!this.info) return
+			this.avatarUrl = `${this.info.getAvatarUrl()}&=${+new Date()}`
 		},
-		lastUserRefresh(state) {
-			state.lastUserInfoRefresh = new Date()
+		updateLastUserRefresh() {
+			this.lastUserInfoRefresh = new Date()
 		},
-	},
-	actions: {
+
 		// Logs a user in with a set of credentials.
-		async login(ctx, credentials) {
+		async login(credentials) {
 			const HTTP = HTTPFactory()
-			ctx.commit(LOADING, true, {root: true})
+			this.setIsLoading(true)
 
 			// Delete an eventually preexisting old token
 			removeToken()
@@ -99,30 +101,30 @@ const authStore : Module<AuthState, RootStoreState> =  {
 				saveToken(response.data.token, true)
 
 				// Tell others the user is autheticated
-				ctx.dispatch('checkAuth')
+				this.checkAuth()
 			} catch (e) {
 				if (
 					e.response &&
 					e.response.data.code === 1017 &&
 					!credentials.totpPasscode
 				) {
-					ctx.commit('needsTotpPasscode', true)
+					this.setNeedsTotpPasscode(true)
 				}
 
 				throw e
 			} finally {
-				ctx.commit(LOADING, false, {root: true})
+				this.setIsLoading(false)
 			}
 		},
 
 		// Registers a new user and logs them in.
 		// Not sure if this is the right place to put the logic in, maybe a seperate js component would be better suited.
-		async register(ctx, credentials) {
+		async register(credentials) {
 			const HTTP = HTTPFactory()
-			ctx.commit(LOADING, true, {root: true})
+			this.setIsLoading(true)
 			try {
 				await HTTP.post('register', credentials)
-				return ctx.dispatch('login', credentials)
+				return this.login(credentials)
 			} catch (e) {
 				if (e.response?.data?.message) {
 					throw e.response.data
@@ -130,13 +132,13 @@ const authStore : Module<AuthState, RootStoreState> =  {
 
 				throw e
 			} finally {
-				ctx.commit(LOADING, false, {root: true})
+				this.setIsLoading(false)
 			}
 		},
 
-		async openIdAuth(ctx, {provider, code}) {
+		async openIdAuth({provider, code}) {
 			const HTTP = HTTPFactory()
-			ctx.commit(LOADING, true, {root: true})
+			this.setIsLoading(true)
 
 			const data = {
 				code: code,
@@ -150,28 +152,31 @@ const authStore : Module<AuthState, RootStoreState> =  {
 				saveToken(response.data.token, true)
 
 				// Tell others the user is autheticated
-				ctx.dispatch('checkAuth')
+				this.checkAuth()
 			} finally {
-				ctx.commit(LOADING, false, {root: true})
+				this.setIsLoading(false)
 			}
 		},
 
-		async linkShareAuth(ctx, {hash, password}) {
+		async linkShareAuth({hash, password}) {
 			const HTTP = HTTPFactory()
 			const response = await HTTP.post('/shares/' + hash + '/auth', {
 				password: password,
 			})
 			saveToken(response.data.token, false)
-			ctx.dispatch('checkAuth')
+			this.checkAuth()
 			return response.data
 		},
 
 		// Populates user information from jwt token saved in local storage in store
-		checkAuth(ctx) {
+		checkAuth() {
 
 			// This function can be called from multiple places at the same time and shortly after one another.
 			// To prevent hitting the api too frequently or race conditions, we check at most once per minute.
-			if (ctx.state.lastUserInfoRefresh !== null && ctx.state.lastUserInfoRefresh > (new Date()).setMinutes((new Date()).getMinutes() + 1)) {
+			if (
+				this.lastUserInfoRefresh !== null &&
+				this.lastUserInfoRefresh > (new Date()).setMinutes((new Date()).getMinutes() + 1)
+			) {
 				return
 			}
 
@@ -185,17 +190,17 @@ const authStore : Module<AuthState, RootStoreState> =  {
 				const info = new UserModel(JSON.parse(atob(base64)))
 				const ts = Math.round((new Date()).getTime() / 1000)
 				authenticated = info.exp >= ts
-				ctx.commit('info', info)
+				this.setInfo(info)
 
 				if (authenticated) {
-					ctx.dispatch('refreshUserInfo')
+					this.refreshUserInfo()
 				}
 			}
 
-			ctx.commit('authenticated', authenticated)
+			this.setAuthenticated(authenticated)
 			if (!authenticated) {
-				ctx.commit('info', null)
-				ctx.dispatch('redirectToProviderIfNothingElseIsEnabled')
+				this.setInfo(null)
+				this.redirectToProviderIfNothingElseIsEnabled()
 			}
 		},
 
@@ -211,7 +216,7 @@ const authStore : Module<AuthState, RootStoreState> =  {
 			}
 		},
 
-		async refreshUserInfo({state, commit, dispatch}) {
+		async refreshUserInfo() {
 			const jwt = getToken()
 			if (!jwt) {
 				return
@@ -220,19 +225,27 @@ const authStore : Module<AuthState, RootStoreState> =  {
 			const HTTP = AuthenticatedHTTPFactory()
 			try {
 				const response = await HTTP.get('user')
-				const info = new UserModel(response.data)
-				info.type = state.info.type
-				info.email = state.info.email
-				info.exp = state.info.exp
+				const info = new UserModel({
+					...response.data,
+					type: this.info.type,
+					email: this.info.email,
+					exp: this.info.exp,
+				})
 
-				commit('info', info)
-				commit('lastUserRefresh')
+				this.setInfo(info)
+				this.updateLastUserRefresh()
 
-				if (info.type === AUTH_TYPES.USER && (typeof info.settings.language === 'undefined' || info.settings.language === '')) {
+				if (
+						info.type === AUTH_TYPES.USER &&
+						(
+							typeof info.settings.language === 'undefined' ||
+							info.settings.language === ''
+						)
+				) {
 					// save current language
-					await dispatch('saveUserSettings', {
+					await this.saveUserSettings({
 						settings: {
-							...state.settings,
+							...this.settings,
 							language: getCurrentLanguage(),
 						},
 						showMessage: false,
@@ -242,23 +255,24 @@ const authStore : Module<AuthState, RootStoreState> =  {
 				return info
 			} catch (e) {
 				if(e?.response?.data?.message === 'invalid or expired jwt') {
-					dispatch('logout')
+					this.logout()
 					return
 				}
 				throw new Error('Error while refreshing user info:', {cause: e})
 			}
 		},
 
-		async saveUserSettings(ctx, payload) {
+		async saveUserSettings(payload) {
 			const {settings} = payload
 			const showMessage = payload.showMessage ?? true
 			const userSettingsService = new UserSettingsService()
 
-			const cancel = setLoading(ctx, 'general-settings')
+			// FIXME
+			const cancel = setLoadingPinia(useAuthStore, 'general-settings')
 			try {
 				saveLanguage(settings.language)
 				await userSettingsService.update(settings)
-				ctx.commit('setUserSettings', {...settings})
+				this.setUserSettings({...settings})
 				if (showMessage) {
 					success({message: i18n.global.t('user.settings.general.savedSuccess')})
 				}
@@ -270,34 +284,38 @@ const authStore : Module<AuthState, RootStoreState> =  {
 		},
 
 		// Renews the api token and saves it to local storage
-		renewToken(ctx) {
+		renewToken() {
 			// FIXME: Timeout to avoid race conditions when authenticated as a user (=auth token in localStorage) and as a
 			// link share in another tab. Without the timeout both the token renew and link share auth are executed at
 			// the same time and one might win over the other.
 			setTimeout(async () => {
-				if (!ctx.state.authenticated) {
+				if (!this.authenticated) {
 					return
 				}
 
 				try {
-					await refreshToken(!ctx.state.isLinkShareAuth)
-					ctx.dispatch('checkAuth')
+					await refreshToken(!this.isLinkShareAuth)
+					this.checkAuth()
 				} catch (e) {
 					// Don't logout on network errors as the user would then get logged out if they don't have
 					// internet for a short period of time - such as when the laptop is still reconnecting
 					if (e?.request?.status) {
-						ctx.dispatch('logout')
+						this.logout()
 					}
 				}
 			}, 5000)
 		},
-		logout(ctx) {
+
+		logout() {
 			removeToken()
 			window.localStorage.clear() // Clear all settings and history we might have saved in local storage.
 			router.push({name: 'user.login'})
-			ctx.dispatch('checkAuth')
+			this.checkAuth()
 		},
 	},
-}
+})
 
-export default authStore
\ No newline at end of file
+// support hot reloading
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useAuthStore, import.meta.hot))
+}
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5e8edb8a..79d13837 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -74,16 +74,18 @@ import {useDateTimeSalutation} from '@/composables/useDateTimeSalutation'
 import {useListStore} from '@/stores/lists'
 import {useConfigStore} from '@/stores/config'
 import {useNamespaceStore} from '@/stores/namespaces'
+import {useAuthStore} from '@/stores/auth'
 
 const welcome = useDateTimeSalutation()
 
 const store = useStore()
+const authStore = useAuthStore()
 const configStore = useConfigStore()
 const namespaceStore = useNamespaceStore()
 const listStore = useListStore()
 const listHistory = computed(() => {
 	// If we don't check this, it tries to load the list background right after logging out	
-	if(!store.state.auth.authenticated) {
+	if(!authStore.authenticated) {
 		return []
 	}
 	
@@ -93,13 +95,13 @@ const listHistory = computed(() => {
 })
 
 const migratorsEnabled = computed(() => configStore.availableMigrators?.length > 0)
-const userInfo = computed(() => store.state.auth.info)
+const userInfo = computed(() => authStore.info)
 const hasTasks = computed(() => store.state.hasTasks)
-const defaultListId = computed(() => store.state.auth.settings.defaultListId)
+const defaultListId = computed(() => authStore.settings.defaultListId)
 const defaultNamespaceId = computed(() => namespaceStore.namespaces?.[0]?.id || 0)
 const hasLists = computed(() => namespaceStore.namespaces?.[0]?.lists.length > 0)
 const loading = computed(() => store.state.loading && store.state.loadingModule === 'tasks')
-const deletionScheduledAt = computed(() => parseDateOrNull(store.state.auth.info?.deletionScheduledAt))
+const deletionScheduledAt = computed(() => parseDateOrNull(authStore.info?.deletionScheduledAt))
 
 // This is to reload the tasks list after adding a new task through the global task add.
 // FIXME: Should use vuex (somehow?)
diff --git a/src/views/labels/ListLabels.vue b/src/views/labels/ListLabels.vue
index a588edae..7a895762 100644
--- a/src/views/labels/ListLabels.vue
+++ b/src/views/labels/ListLabels.vue
@@ -119,10 +119,10 @@ import ColorPicker from '@/components/input/colorPicker.vue'
 
 import LabelModel from '@/models/label'
 import type {ILabel} from '@/modelTypes/ILabel'
+import {useAuthStore} from '@/stores/auth'
 import {useLabelStore} from '@/stores/labels'
 
 import { useTitle } from '@/composables/useTitle'
-import { useStore } from '@/store'
 
 const {t} = useI18n({useScope: 'global'})
 
@@ -134,25 +134,23 @@ const labelToDelete = ref<ILabel>(null)
 
 useTitle(() => t('label.title'))
 
-const store = useStore()
-const userInfo = computed(() => store.state.auth.info)
+const authStore = useAuthStore()
+const userInfo = computed(() => authStore.info)
 
 const labelStore = useLabelStore()
 labelStore.loadAllLabels()
 
 // Alphabetically sort the labels
 const labels = computed(() => Object.values(labelStore.labels).sort((f, s) => f.title > s.title ? 1 : -1))
-const loading = computed(() =>labelStore.isLoading)
+const loading = computed(() => labelStore.isLoading)
 
 function deleteLabel(label: ILabel) {
 	showDeleteModal.value = false
 	isLabelEdit.value = false
-	const labelStore = useLabelStore()
 	return labelStore.deleteLabel(label)
 }
 
 function editLabelSubmit() {
-		const labelStore = useLabelStore()
 		return labelStore.updateLabel(labelEditLabel.value)
 	}
 
diff --git a/src/views/list/ListGantt.vue b/src/views/list/ListGantt.vue
index f4dc8882..12ab6e95 100644
--- a/src/views/list/ListGantt.vue
+++ b/src/views/list/ListGantt.vue
@@ -67,9 +67,9 @@
 <script setup lang="ts">
 import {ref, computed} from 'vue'
 import flatPickr from 'vue-flatpickr-component'
-
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
+
+import {useAuthStore} from '@/stores/auth'
 
 import ListWrapper from './ListWrapper.vue'
 import GanttChart from '@/components/tasks/gantt-component.vue'
@@ -92,14 +92,14 @@ const dateFrom = ref(new Date((new Date()).setDate(now.value.getDate() - 15)))
 const dateTo = ref(new Date((new Date()).setDate(now.value.getDate() + 30)))
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
+const authStore = useAuthStore()
 const flatPickerConfig = computed(() => ({
 	altFormat: t('date.altFormatShort'),
 	altInput: true,
 	dateFormat: 'Y-m-d',
 	enableTime: false,
 	locale: {
-		firstDayOfWeek: store.state.auth.settings.weekStart,
+		firstDayOfWeek: authStore.settings.weekStart,
 	},
 }))
 </script>
diff --git a/src/views/list/settings/share.vue b/src/views/list/settings/share.vue
index 856155e6..c86536c9 100644
--- a/src/views/list/settings/share.vue
+++ b/src/views/list/settings/share.vue
@@ -41,6 +41,7 @@ import CreateEdit from '@/components/misc/create-edit.vue'
 import LinkSharing from '@/components/sharing/linkSharing.vue'
 import userTeam from '@/components/sharing/userTeam.vue'
 import {useConfigStore} from '@/stores/config'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
 
@@ -52,10 +53,11 @@ const title = computed(() => list.value?.title
 useTitle(title)
 
 const store = useStore()
+const authStore = useAuthStore()
 const configStore = useConfigStore()
 
 const linkSharingEnabled = computed(() => configStore.linkSharingEnabled)
-const userIsAdmin = computed(() => 'owner' in list.value && list.value.owner.id === store.state.auth.info.id)
+const userIsAdmin = computed(() => 'owner' in list.value && list.value.owner.id === authStore.info.id)
 
 async function loadList(listId: number) {
 	const listService = new ListService()
diff --git a/src/views/namespaces/settings/share.vue b/src/views/namespaces/settings/share.vue
index 25f212db..5bcc9e06 100644
--- a/src/views/namespaces/settings/share.vue
+++ b/src/views/namespaces/settings/share.vue
@@ -26,20 +26,21 @@ export default { name: 'namespace-setting-share' }
 
 <script lang="ts" setup>
 import {ref, computed, watchEffect} from 'vue'
-import {useStore} from '@/store'
 import {useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
-import {useTitle} from '@vueuse/core'
 
 import NamespaceService from '@/services/namespace'
 import NamespaceModel from '@/models/namespace'
 
 import CreateEdit from '@/components/misc/create-edit.vue'
 import manageSharing from '@/components/sharing/userTeam.vue'
+import {useTitle} from '@/composables/useTitle'
+import {useAuthStore} from '@/stores/auth'
+import type { INamespace } from '@/modelTypes/INamespace'
 
 const {t} = useI18n({useScope: 'global'})
 
-const namespace = ref()
+const namespace = ref<INamespace>()
 
 const title = computed(() => namespace.value?.title
 	? t('namespace.share.title', { namespace: namespace.value.title })
@@ -47,8 +48,8 @@ const title = computed(() => namespace.value?.title
 )
 useTitle(title)
 
-const store = useStore()
-const userIsAdmin = computed(() => 'owner' in namespace.value && namespace.value.owner.id === store.state.auth.info.id)
+const authStore = useAuthStore()
+const userIsAdmin = computed(() => 'owner' in namespace.value && namespace.value.owner.id === authStore.info.id)
 
 async function loadNamespace(namespaceId: number) {
 	if (!namespaceId) return
diff --git a/src/views/sharing/LinkSharingAuth.vue b/src/views/sharing/LinkSharingAuth.vue
index 0962e8b9..4dc9de6e 100644
--- a/src/views/sharing/LinkSharingAuth.vue
+++ b/src/views/sharing/LinkSharingAuth.vue
@@ -42,12 +42,14 @@ import {useTitle} from '@vueuse/core'
 import Message from '@/components/misc/message.vue'
 import {LOGO_VISIBLE} from '@/store/mutation-types'
 import {LIST_VIEWS, type ListView} from '@/types/ListView'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(t('sharing.authenticating'))
 
 function useAuth() {
 	const store = useStore()
+	const authStore = useAuthStore()
 	const route = useRoute()
 	const router = useRouter()
 
@@ -56,7 +58,7 @@ function useAuth() {
 	const errorMessage = ref('')
 	const password = ref('')
 
-	const authLinkShare = computed(() => store.getters['auth/authLinkShare'])
+	const authLinkShare = computed(() => authStore.authLinkShare)
 
 	async function authenticate() {
 		authenticateWithPassword.value = false
@@ -72,7 +74,7 @@ function useAuth() {
 		loading.value = true
 
 		try {
-			const {list_id: listId} = await store.dispatch('auth/linkShareAuth', {
+			const {list_id: listId} = await authStore.linkShareAuth({
 				hash: route.params.share,
 				password: password.value,
 			})
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index a90b69a5..ab80110c 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -59,8 +59,10 @@ import {DATE_RANGES} from '@/components/date/dateRanges'
 import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 import LlamaCool from '@/assets/llama-cool.svg?component'
 import type {ITask} from '@/modelTypes/ITask'
+import {useAuthStore} from '@/stores/auth'
 
 const store = useStore()
+const authStore = useAuthStore()
 const route = useRoute()
 const router = useRouter()
 const {t} = useI18n({useScope: 'global'})
@@ -104,7 +106,7 @@ const pageTitle = computed(() => {
 		})
 })
 const hasTasks = computed(() => tasks.value && tasks.value.length > 0)
-const userAuthenticated = computed(() => store.state.auth.authenticated)
+const userAuthenticated = computed(() => authStore.authenticated)
 const loading = computed(() => store.state[LOADING] && store.state[LOADING_MODULE] === 'tasks')
 
 interface dateStrings {
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 1d951e8e..4c8be9a5 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -163,9 +163,10 @@
 <script lang="ts" setup>
 import {computed, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
+import {useRoute, useRouter} from 'vue-router'
 
 import Editor from '@/components/input/AsyncEditor'
-import {useStore} from '@/store'
+import Multiselect from '@/components/input/multiselect.vue'
 
 import TeamService from '@/services/team'
 import TeamMemberService from '@/services/teamMember'
@@ -173,15 +174,15 @@ import UserService from '@/services/user'
 
 import {RIGHTS as Rights} from '@/constants/rights'
 
-import Multiselect from '@/components/input/multiselect.vue'
-import {useRoute, useRouter} from 'vue-router'
 import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
+import {useAuthStore} from '@/stores/auth'
+
 import type {ITeam} from '@/modelTypes/ITeam'
 import type {IUser} from '@/modelTypes/IUser'
 import type {ITeamMember} from '@/modelTypes/ITeamMember'
 
-const store = useStore()
+const authStore = useAuthStore()
 const route = useRoute()
 const router = useRouter()
 const {t} = useI18n({useScope: 'global'})
@@ -193,7 +194,7 @@ const userIsAdmin = computed(() => {
 		team.value.maxRight > Rights.READ
 	)
 })
-const userInfo = computed(() => store.state.auth.info)
+const userInfo = computed(() => authStore.info)
 
 const teamService = ref<TeamService>(new TeamService())
 const teamMemberService = ref<TeamMemberService>(new TeamMemberService())
diff --git a/src/views/user/DataExportDownload.vue b/src/views/user/DataExportDownload.vue
index d0ef27f2..353da48b 100644
--- a/src/views/user/DataExportDownload.vue
+++ b/src/views/user/DataExportDownload.vue
@@ -38,14 +38,15 @@
 <script setup lang="ts">
 import {ref, computed, reactive} from 'vue'
 import DataExportService from '@/services/dataExport'
-import {store} from '@/store'
+import {useAuthStore} from '@/stores/auth'
 
 const dataExportService = reactive(new DataExportService())
 const password = ref('')
 const errPasswordRequired = ref(false)
 const passwordInput = ref(null)
 
-const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const authStore = useAuthStore()
+const isLocalUser = computed(() => authStore.info?.isLocalUser)
 
 function download() {
 	if (password.value === '' && isLocalUser.value) {
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 53e87e58..aa9947d7 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -116,6 +116,7 @@ import {getLastVisited, clearLastVisited} from '../../helpers/saveLastVisited'
 import Password from '@/components/input/password.vue'
 import { setTitle } from '@/helpers/setTitle'
 import {useConfigStore} from '@/stores/config'
+import {useAuthStore} from '@/stores/auth'
 
 export default defineComponent({
 	components: {
@@ -173,8 +174,11 @@ export default defineComponent({
 		},
 		...mapStateVuex({
 			loading: LOADING,
-			needsTotpPasscode: state => state.auth.needsTotpPasscode,
-			authenticated: state => state.auth.authenticated,
+		}),
+
+		...mapState(useAuthStore, {
+			needsTotpPasscode: state => state.needsTotpPasscode,
+			authenticated: state => state.authenticated,
 		}),
 
 		...mapState(useConfigStore, {
@@ -224,8 +228,9 @@ export default defineComponent({
 			}
 
 			try {
-				await this.$store.dispatch('auth/login', credentials)
-				this.$store.commit('auth/needsTotpPasscode', false)
+				const authStore = useAuthStore()
+				await authStore.login(credentials)
+				authStore.setNeedsTotpPasscode(false)
 			} catch (e) {
 				if (e.response?.data.code === 1017 && !this.credentials.totpPasscode) {
 					return
diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index a2d012a3..378a8278 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -22,6 +22,7 @@ import {useI18n} from 'vue-i18n'
 import {getErrorText} from '@/message'
 import Message from '@/components/misc/message.vue'
 import {clearLastVisited, getLastVisited} from '@/helpers/saveLastVisited'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
 
@@ -29,6 +30,7 @@ const router = useRouter()
 const route = useRoute()
 
 const store = useStore()
+const authStore = useAuthStore()
 
 const loading = computed(() => store.state.loading)
 const errorMessage = ref('')
@@ -65,7 +67,7 @@ async function authenticateWithCode() {
 	}
 
 	try {
-		await store.dispatch('auth/openIdAuth', {
+		await authStore.openIdAuth({
 			provider: route.params.provider,
 			code: route.query.code,
 		})
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index 7e630e90..ce750859 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -77,11 +77,14 @@ import {store} from '@/store'
 import Message from '@/components/misc/message.vue'
 import {isEmail} from '@/helpers/isEmail'
 import Password from '@/components/input/password.vue'
+import {useAuthStore} from '@/stores/auth'
+
+const authStore = useAuthStore()
 
 // FIXME: use the `beforeEnter` hook of vue-router
 // Check if the user is already logged in, if so, redirect them to the homepage
 onBeforeMount(() => {
-	if (store.state.auth.authenticated) {
+	if (authStore.authenticated) {
 		router.push({name: 'home'})
 	}
 })
@@ -126,7 +129,7 @@ async function submit() {
 	}
 
 	try {
-		await store.dispatch('auth/register', toRaw(credentials))
+		await authStore.register(toRaw(credentials))
 	} catch (e) {
 		errorMessage.value = e.message
 	}
diff --git a/src/views/user/Settings.vue b/src/views/user/Settings.vue
index cbc429ff..579c85da 100644
--- a/src/views/user/Settings.vue
+++ b/src/views/user/Settings.vue
@@ -19,19 +19,21 @@
 
 <script setup lang="ts">
 import {computed} from 'vue'
-import { store } from '@/store'
 import { useI18n } from 'vue-i18n'
 import { useTitle } from '@/composables/useTitle'
 import { useConfigStore } from '@/stores/config'
+import { useAuthStore } from '@/stores/auth'
 
 const { t } = useI18n({useScope: 'global'})
 useTitle(() => t('user.settings.title'))
 
 const configStore = useConfigStore()
+const authStore = useAuthStore()
+
 const totpEnabled = computed(() => configStore.totpEnabled)
 const caldavEnabled = computed(() => configStore.caldavEnabled)
 const migratorsEnabled = computed(() => configStore.migratorsEnabled)
-const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const isLocalUser = computed(() => authStore.info?.isLocalUser)
 
 const navigationItems = computed(() => {
 	const items = [
diff --git a/src/views/user/settings/Avatar.vue b/src/views/user/settings/Avatar.vue
index 4993f9e2..e71a66bf 100644
--- a/src/views/user/settings/Avatar.vue
+++ b/src/views/user/settings/Avatar.vue
@@ -64,17 +64,17 @@ export default { name: 'user-settings-avatar' }
 <script setup lang="ts">
 import {computed, ref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 import {Cropper} from 'vue-advanced-cropper'
 import 'vue-advanced-cropper/dist/style.css'
 
 import AvatarService from '@/services/avatar'
 import AvatarModel from '@/models/avatar'
-import { useTitle } from '@/composables/useTitle'
-import { success } from '@/message'
+import {useTitle} from '@/composables/useTitle'
+import {success} from '@/message'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
+const authStore = useAuthStore()
 
 const AVATAR_PROVIDERS = computed(() => ({
 	default: t('misc.default'),
@@ -102,7 +102,7 @@ avatarStatus()
 async function updateAvatarStatus() {
 	await avatarService.update(new AvatarModel({avatarProvider: avatarProvider.value}))
 	success({message: t('user.settings.avatar.statusUpdateSuccess')})
-	store.commit('auth/reloadAvatar')
+	authStore.reloadAvatar()
 }
 
 const cropper = ref()
@@ -121,7 +121,7 @@ async function uploadAvatar() {
 		const blob = await new Promise(resolve => canvas.toBlob(blob => resolve(blob)))
 		await avatarService.create(blob)
 		success({message: t('user.settings.avatar.setSuccess')})
-		store.commit('auth/reloadAvatar')
+		authStore.reloadAvatar()
 	} finally {
 		loading.value = false
 		isCropAvatar.value = false
diff --git a/src/views/user/settings/Caldav.vue b/src/views/user/settings/Caldav.vue
index a0fcbebb..190618bb 100644
--- a/src/views/user/settings/Caldav.vue
+++ b/src/views/user/settings/Caldav.vue
@@ -68,7 +68,6 @@
 <script lang="ts" setup>
 import {computed, ref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 
 import {CALDAV_DOCS} from '@/urls'
 import {useTitle} from '@/composables/useTitle'
@@ -80,6 +79,7 @@ import CaldavTokenService from '@/services/caldavToken'
 import { formatDateShort } from '@/helpers/time/formatDate'
 import type {ICaldavToken} from '@/modelTypes/ICaldavToken'
 import {useConfigStore} from '@/stores/config'
+import {useAuthStore} from '@/stores/auth'
 
 const copy = useCopyToClipboard()
 
@@ -105,10 +105,10 @@ async function deleteToken(token: ICaldavToken) {
 	success(r)
 }
 
-const store = useStore()
+const authStore = useAuthStore()
 const configStore = useConfigStore()
-const username = computed(() => store.state.auth.info?.username)
+const username = computed(() => authStore.info?.username)
 const caldavUrl = computed(() => `${configStore.apiBase}/dav/principals/${username.value}/`)
 const caldavEnabled = computed(() => configStore.caldavEnabled)
-const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const isLocalUser = computed(() => authStore.info?.isLocalUser)
 </script>
diff --git a/src/views/user/settings/DataExport.vue b/src/views/user/settings/DataExport.vue
index 29aeb852..7e0005d2 100644
--- a/src/views/user/settings/DataExport.vue
+++ b/src/views/user/settings/DataExport.vue
@@ -44,22 +44,22 @@ export default {name: 'user-settings-data-export'}
 
 <script setup lang="ts">
 import {ref, computed, shallowReactive} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import DataExportService from '@/services/dataExport'
-import { useTitle } from '@/composables/useTitle'
+import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
+const authStore = useAuthStore()
 
 useTitle(() => `${t('user.export.title')} - ${t('user.settings.title')}`)
 
 const dataExportService = shallowReactive(new DataExportService())
 const password = ref('')
 const errPasswordRequired = ref(false)
-const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const isLocalUser = computed(() => authStore.info?.isLocalUser)
 const passwordInput = ref()
 
 async function requestDataExport() {
diff --git a/src/views/user/settings/Deletion.vue b/src/views/user/settings/Deletion.vue
index fc3961a5..5d855d1a 100644
--- a/src/views/user/settings/Deletion.vue
+++ b/src/views/user/settings/Deletion.vue
@@ -88,7 +88,6 @@ export default { name: 'user-settings-deletion' }
 
 <script setup lang="ts">
 import {ref, shallowReactive, computed} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import AccountDeleteService from '@/services/accountDelete'
@@ -96,6 +95,7 @@ import {parseDateOrNull} from '@/helpers/parseDateOrNull'
 import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
 import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
+import {useAuthStore} from '@/stores/auth'
 import {useConfigStore} from '@/stores/config'
 
 const {t} = useI18n({useScope: 'global'})
@@ -105,11 +105,11 @@ const accountDeleteService = shallowReactive(new AccountDeleteService())
 const password = ref('')
 const errPasswordRequired = ref(false)
 
-const store = useStore()
+const authStore = useAuthStore()
 const configStore = useConfigStore()
 
 const userDeletionEnabled = computed(() => configStore.userDeletionEnabled)
-const deletionScheduledAt = computed(() => parseDateOrNull(store.state.auth.info?.deletionScheduledAt))
+const deletionScheduledAt = computed(() => parseDateOrNull(authStore.info?.deletionScheduledAt))
 
 const passwordInput = ref()
 async function deleteAccount() {
@@ -133,7 +133,7 @@ async function cancelDeletion() {
 
 	await accountDeleteService.cancel(password.value)
 	success({message: t('user.deletion.scheduledCancelSuccess')})
-	store.dispatch('auth/refreshUserInfo')
+	authStore.refreshUserInfo()
 	password.value = ''
 }
 </script>
diff --git a/src/views/user/settings/EmailUpdate.vue b/src/views/user/settings/EmailUpdate.vue
index ef8a3e42..96e9e42d 100644
--- a/src/views/user/settings/EmailUpdate.vue
+++ b/src/views/user/settings/EmailUpdate.vue
@@ -43,18 +43,18 @@ export default { name: 'user-settings-update-email' }
 <script setup lang="ts">
 import {reactive, computed, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 
 import EmailUpdateService from '@/services/emailUpdate'
 import EmailUpdateModel from '@/models/emailUpdate'
 import {success} from '@/message'
 import {useTitle} from '@/composables/useTitle'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.updateEmailTitle')} - ${t('user.settings.title')}`)
 
-const store = useStore()
-const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const authStore = useAuthStore()
+const isLocalUser = computed(() => authStore.info?.isLocalUser)
 
 const emailUpdate = reactive(new EmailUpdateModel())
 const emailUpdateService = shallowReactive(new EmailUpdateService())
diff --git a/src/views/user/settings/General.vue b/src/views/user/settings/General.vue
index cc435b21..2664fe01 100644
--- a/src/views/user/settings/General.vue
+++ b/src/views/user/settings/General.vue
@@ -149,6 +149,7 @@
 <script lang="ts">
 import {defineComponent} from 'vue'
 import { useListStore } from '@/stores/lists'
+import { useAuthStore } from '@/stores/auth'
 
 export default defineComponent({
 	name: 'user-settings-general',
@@ -227,7 +228,8 @@ const playSoundWhenDone = ref(getPlaySoundWhenDoneSetting())
 const quickAddMagicMode = ref(getQuickAddMagicMode())
 
 const store = useStore()
-const settings = ref({...store.state.auth.settings})
+const authStore = useAuthStore()
+const settings = ref({...authStore.settings})
 const id = ref(createRandomID())
 const availableLanguageOptions = ref(
 	Object.entries(availableLanguages)
@@ -236,13 +238,13 @@ const availableLanguageOptions = ref(
 )
 
 watch(
-	() => store.state.auth.settings,
+	() => authStore.settings,
 	() => {
 		// Only setting if we don't have values set yet to avoid overriding edited values
 		if (!objectIsEmpty(settings.value)) {
 			return
 		}
-		settings.value = {...store.state.auth.settings}
+		settings.value = {...authStore.settings}
 	},
 	{immediate: true},
 )
@@ -265,7 +267,7 @@ async function updateSettings() {
 	localStorage.setItem(playSoundWhenDoneKey, playSoundWhenDone.value ? 'true' : 'false')
 	setQuickAddMagicMode(quickAddMagicMode.value)
 
-	await store.dispatch('auth/saveUserSettings', {
+	await authStore.saveUserSettings({
 		settings: {...settings.value},
 	})
 }
diff --git a/src/views/user/settings/PasswordUpdate.vue b/src/views/user/settings/PasswordUpdate.vue
index 96b7c431..155385be 100644
--- a/src/views/user/settings/PasswordUpdate.vue
+++ b/src/views/user/settings/PasswordUpdate.vue
@@ -57,24 +57,24 @@ export default {name: 'user-settings-password-update'}
 
 <script setup lang="ts">
 import {ref, reactive, shallowReactive, computed} from 'vue'
-import { useI18n } from 'vue-i18n'
-import {useStore} from '@/store'
+import {useI18n} from 'vue-i18n'
 
 import PasswordUpdateService from '@/services/passwordUpdateService'
 import PasswordUpdateModel from '@/models/passwordUpdate'
 
 import {useTitle} from '@/composables/useTitle'
 import {success, error} from '@/message'
+import {useAuthStore} from '@/stores/auth'
 
 const passwordUpdateService = shallowReactive(new PasswordUpdateService())
 const passwordUpdate = reactive(new PasswordUpdateModel())
 const passwordConfirm = ref('')
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
 useTitle(() => `${t('user.settings.newPasswordTitle')} - ${t('user.settings.title')}`)
 
-const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const authStore = useAuthStore()
+const isLocalUser = computed(() => authStore.info?.isLocalUser)
 
 async function updatePassword() {
 	if (passwordConfirm.value !== passwordUpdate.newPassword) {

From 176ad565cc64e2212eedb1601c844e458d7e4bb6 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 23 Sep 2022 16:21:05 +0200
Subject: [PATCH 054/187] feat: auth store type improvements

---
 src/modelTypes/IUser.ts         |  8 +++++
 src/modelTypes/IUserSettings.ts |  1 +
 src/models/user.ts              | 14 ++++----
 src/models/userSettings.ts      | 10 +++---
 src/store/types.ts              | 18 ++--------
 src/stores/auth.ts              | 58 +++++++++++++++++----------------
 6 files changed, 53 insertions(+), 56 deletions(-)

diff --git a/src/modelTypes/IUser.ts b/src/modelTypes/IUser.ts
index d2ee19ea..2465a37d 100644
--- a/src/modelTypes/IUser.ts
+++ b/src/modelTypes/IUser.ts
@@ -1,11 +1,19 @@
 import type {IAbstract} from './IAbstract'
 import type {IUserSettings} from './IUserSettings'
 
+export const AUTH_TYPES = {
+	'UNKNOWN': 0,
+	'USER': 1,
+	'LINK_SHARE': 2,
+} as const
+
 export interface IUser extends IAbstract {
 	id: number
 	email: string
 	username: string
 	name: string
+	exp: number
+	type: typeof AUTH_TYPES[keyof typeof AUTH_TYPES],
 
 	created: Date
 	updated: Date
diff --git a/src/modelTypes/IUserSettings.ts b/src/modelTypes/IUserSettings.ts
index 9550e1e6..31e921e0 100644
--- a/src/modelTypes/IUserSettings.ts
+++ b/src/modelTypes/IUserSettings.ts
@@ -11,4 +11,5 @@ export interface IUserSettings extends IAbstract {
 	defaultListId: undefined | IList['id']
 	weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6
 	timezone: string
+	language: string
 }
\ No newline at end of file
diff --git a/src/models/user.ts b/src/models/user.ts
index a0148445..d7071c24 100644
--- a/src/models/user.ts
+++ b/src/models/user.ts
@@ -1,7 +1,7 @@
 import AbstractModel from './abstractModel'
 import UserSettingsModel from '@/models/userSettings'
 
-import type { IUser } from '@/modelTypes/IUser'
+import { AUTH_TYPES, type IUser } from '@/modelTypes/IUser'
 import type { IUserSettings } from '@/modelTypes/IUserSettings'
 
 export default class UserModel extends AbstractModel<IUser> implements IUser {
@@ -9,10 +9,12 @@ export default class UserModel extends AbstractModel<IUser> implements IUser {
 	email = ''
 	username = ''
 	name = ''
+	exp = 0
+	type = AUTH_TYPES.UNKNOWN
 
-	created: Date = null
-	updated: Date = null
-	settings: IUserSettings = null
+	created: Date
+	updated: Date
+	settings: IUserSettings
 
 	constructor(data: Partial<IUser> = {}) {
 		super()
@@ -21,9 +23,7 @@ export default class UserModel extends AbstractModel<IUser> implements IUser {
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 
-		if (this.settings !== null) {
-			this.settings = new UserSettingsModel(this.settings)
-		}
+		this.settings = new UserSettingsModel(this.settings || {})
 	}
 
 	getAvatarUrl(size = 50) {
diff --git a/src/models/userSettings.ts b/src/models/userSettings.ts
index 308c72d8..ddb6f029 100644
--- a/src/models/userSettings.ts
+++ b/src/models/userSettings.ts
@@ -1,8 +1,7 @@
-
 import AbstractModel from './abstractModel'
 
 import type {IUserSettings} from '@/modelTypes/IUserSettings'
-import type {IList} from '@/modelTypes/IList'
+import {getCurrentLanguage} from '@/i18n'
 
 export default class UserSettingsModel extends AbstractModel<IUserSettings> implements IUserSettings {
 	name = ''
@@ -10,11 +9,12 @@ export default class UserSettingsModel extends AbstractModel<IUserSettings> impl
 	discoverableByName = false
 	discoverableByEmail = false
 	overdueTasksRemindersEnabled = true
-	defaultListId: undefined | IList['id'] = undefined
-	weekStart: IUserSettings['weekStart'] = 0
+	defaultListId = undefined
+	weekStart = 0 as IUserSettings['weekStart']
 	timezone = ''
+	language = getCurrentLanguage()
 
-	constructor(data: Partial<IUserSettings>) {
+	constructor(data: Partial<IUserSettings> = {}) {
 		super()
 		this.assignData(data)
 	}
diff --git a/src/store/types.ts b/src/store/types.ts
index 8216082f..3bda4dfb 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -4,6 +4,7 @@ import type { IList } from '@/modelTypes/IList'
 import type { IAttachment } from '@/modelTypes/IAttachment'
 import type { ILabel } from '@/modelTypes/ILabel'
 import type { INamespace } from '@/modelTypes/INamespace'
+import type { IUser } from '@/modelTypes/IUser'
 
 export interface RootStoreState {
 	loading: boolean,
@@ -22,25 +23,10 @@ export interface AttachmentState {
 	attachments: IAttachment[],
 }
 
-export const AUTH_TYPES = {
-	'UNKNOWN': 0,
-	'USER': 1,
-	'LINK_SHARE': 2,
-} as const
-
-export interface Info {
-	id: number // what kind of id is this?
-	type: typeof AUTH_TYPES[keyof typeof AUTH_TYPES],
-	getAvatarUrl: () => string
-	settings: IUserSettings
-	name: string
-	email: string
-	exp: any
-}
 export interface AuthState {
 	authenticated: boolean,
 	isLinkShareAuth: boolean,
-	info: Info | null,
+	info: IUser | null,
 	needsTotpPasscode: boolean,
 	avatarUrl: string,
 	lastUserInfoRefresh: Date | null,
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 5d528d39..1f949e7f 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -9,28 +9,24 @@ import {getToken, refreshToken, removeToken, saveToken} from '@/helpers/auth'
 import {setLoadingPinia} from '@/store/helper'
 import {success} from '@/message'
 import {redirectToProvider} from '@/helpers/redirectToProvider'
-import type {AuthState, Info} from '@/store/types'
-import {AUTH_TYPES} from '@/store/types'
-import type { IUserSettings } from '@/modelTypes/IUserSettings'
+import {AUTH_TYPES, type IUser} from '@/modelTypes/IUser'
+import type {AuthState} from '@/store/types'
+import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import router from '@/router'
 import {useConfigStore} from '@/stores/config'
-
-function defaultSettings(settings: Partial<IUserSettings>) {
-	if (typeof settings.weekStart === 'undefined' || settings.weekStart === '') {
-		settings.weekStart = 0
-	}
-	return settings
-}
+import UserSettingsModel from '@/models/userSettings'
 
 export const useAuthStore = defineStore('auth', {
 	state: () : AuthState => ({
 		authenticated: false,
 		isLinkShareAuth: false,
-		info: null,
 		needsTotpPasscode: false,
+		
+		info: null,
 		avatarUrl: '',
+		settings: new UserSettingsModel(),
+		
 		lastUserInfoRefresh: null,
-		settings: {}, // should be IUserSettings
 		isLoading: false,
 	}),
 	getters: {
@@ -52,23 +48,24 @@ export const useAuthStore = defineStore('auth', {
 			this.isLoading = isLoading 
 		},
 
-		setInfo(info: Info) {
+		setUser(info: IUser | null) {
 			this.info = info
 			if (info !== null) {
-				this.avatarUrl = info.getAvatarUrl()
+				this.reloadAvatar()
 
 				if (info.settings) {
-					this.settings = defaultSettings(info.settings)
+					this.settings = new UserSettingsModel(info.settings)
 				}
 
 				this.isLinkShareAuth = info.id < 0
 			}
 		},
 		setUserSettings(settings: IUserSettings) {
-			this.settings = defaultSettings(settings)
-			const info = this.info !== null ? this.info : {} as Info
-			info.name = settings.name
-			this.info = info
+			this.settings = new UserSettingsModel(settings)
+			this.info = new UserModel({
+				...this.info !== null ? this.info : {},
+				name: settings.name,
+			})
 		},
 		setAuthenticated(authenticated: boolean) {
 			this.authenticated = authenticated
@@ -190,7 +187,7 @@ export const useAuthStore = defineStore('auth', {
 				const info = new UserModel(JSON.parse(atob(base64)))
 				const ts = Math.round((new Date()).getTime() / 1000)
 				authenticated = info.exp >= ts
-				this.setInfo(info)
+				this.setUser(info)
 
 				if (authenticated) {
 					this.refreshUserInfo()
@@ -199,7 +196,7 @@ export const useAuthStore = defineStore('auth', {
 
 			this.setAuthenticated(authenticated)
 			if (!authenticated) {
-				this.setInfo(null)
+				this.setUser(null)
 				this.redirectToProviderIfNothingElseIsEnabled()
 			}
 		},
@@ -227,12 +224,12 @@ export const useAuthStore = defineStore('auth', {
 				const response = await HTTP.get('user')
 				const info = new UserModel({
 					...response.data,
-					type: this.info.type,
-					email: this.info.email,
-					exp: this.info.exp,
+					...(this.info?.type && {type: this.info?.type}),
+					...(this.info?.email && {email: this.info?.email}),
+					...(this.info?.exp && {exp: this.info?.exp}),
 				})
 
-				this.setInfo(info)
+				this.setUser(info)
 				this.updateLastUserRefresh()
 
 				if (
@@ -262,9 +259,14 @@ export const useAuthStore = defineStore('auth', {
 			}
 		},
 
-		async saveUserSettings(payload) {
-			const {settings} = payload
-			const showMessage = payload.showMessage ?? true
+		async saveUserSettings({
+			settings,
+			showMessage = true,
+		}: {
+			settings: IUserSettings
+			showMessage : boolean
+		}) {
+			// const showMessage = payload.showMessage ?? true
 			const userSettingsService = new UserSettingsService()
 
 			// FIXME

From c421701fb74b63e262374ea1a84faaa11d78c48b Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 29 Sep 2022 06:03:19 +0000
Subject: [PATCH 055/187] chore(deps): update dependency @vue/test-utils to
 v2.1.0

---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index ab418312..a487c0c9 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "@vitejs/plugin-legacy": "2.2.0",
     "@vitejs/plugin-vue": "3.1.0",
     "@vue/eslint-config-typescript": "11.0.2",
-    "@vue/test-utils": "2.0.2",
+    "@vue/test-utils": "2.1.0",
     "@vue/tsconfig": "0.1.3",
     "autoprefixer": "10.4.12",
     "browserslist": "4.21.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 78250b1d..f965343a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,7 +24,7 @@ specifiers:
   '@vitejs/plugin-legacy': 2.2.0
   '@vitejs/plugin-vue': 3.1.0
   '@vue/eslint-config-typescript': 11.0.2
-  '@vue/test-utils': 2.0.2
+  '@vue/test-utils': 2.1.0
   '@vue/tsconfig': 0.1.3
   '@vueuse/core': 9.3.0
   '@vueuse/router': 9.3.0
@@ -142,7 +142,7 @@ devDependencies:
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.4+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
-  '@vue/test-utils': 2.0.2_vue@3.2.40
+  '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
   autoprefixer: 10.4.12_postcss@8.4.16
   browserslist: 4.21.4
@@ -3522,8 +3522,8 @@ packages:
   /@vue/shared/3.2.40:
     resolution: {integrity: sha512-0PLQ6RUtZM0vO3teRfzGi4ltLUO5aO+kLgwh4Um3THSR03rpQWLTuRCkuO5A41ITzwdWeKdPHtSARuPkoo5pCQ==}
 
-  /@vue/test-utils/2.0.2_vue@3.2.40:
-    resolution: {integrity: sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==}
+  /@vue/test-utils/2.1.0_vue@3.2.40:
+    resolution: {integrity: sha512-U4AxAD/tKJ3ajxYew1gkfEotpr96DE/gLXpbl+nPbsNRqGBfQZZA7YhwGoQNDPgon56v+IGZDrYq7pe3GDl9aw==}
     peerDependencies:
       vue: ^3.0.1
     dependencies:

From 94d6f38e89174f879be4e5b1897b52603b40a745 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Thu, 29 Sep 2022 09:44:58 +0000
Subject: [PATCH 056/187] fix missed conversion to ref (#2445)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2445
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/views/list/ListList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index e92da522..fa5f0997 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -197,7 +197,7 @@ const DRAG_OPTIONS = {
 } as const
 
 
-const taskEditTask = ref(null)
+const taskEditTask = ref<ITask | null>(null)
 const isTaskEdit = ref(false)
 
 const {
@@ -310,7 +310,7 @@ async function saveTaskPosition(e) {
 	}
 
 	const updatedTask = await this.$store.dispatch('tasks/update', newTask)
-	this.tasks[e.newIndex] = updatedTask
+	tasks.value[e.newIndex] = updatedTask
 }
 </script>
 

From 8f25f5d353064f383e97bbc524ce6e00ba559d0f Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Thu, 29 Sep 2022 10:47:45 +0000
Subject: [PATCH 057/187] feat: improve api-config (#2444)

remove obsolet `success` (not used)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2444
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/misc/api-config.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/misc/api-config.vue b/src/components/misc/api-config.vue
index 964a497c..cf3ad938 100644
--- a/src/components/misc/api-config.vue
+++ b/src/components/misc/api-config.vue
@@ -30,10 +30,7 @@
 			<ButtonLink class="api-config__change-button" @click="() => (configureApi = true)">{{ $t('apiConfig.change') }}</ButtonLink>
 		</div>
 
-		<message variant="success" v-if="successMsg !== '' && errorMsg === ''" class="mt-2">
-			{{ successMsg }}
-		</message>
-		<message variant="danger" v-if="errorMsg !== '' && successMsg === ''" class="mt-2">
+		<message variant="danger" v-if="errorMsg !== ''" class="mt-2">
 			{{ errorMsg }}
 		</message>
 	</div>
@@ -74,7 +71,6 @@ watch(() => props.configureOpen, (value) => {
 const {t} = useI18n({useScope: 'global'})
 
 const errorMsg = ref('')
-const successMsg = ref('')
 
 async function setApiUrl() {
 	if (apiUrl.value === '') {
@@ -99,7 +95,6 @@ async function setApiUrl() {
 		emit('foundApi', apiUrl.value)
 	} catch (e) {
 		// Still not found, url is still invalid
-		successMsg.value = ''
 		errorMsg.value = t('apiConfig.error', {domain: apiDomain.value})
 	}
 }

From 8e3f54ae42c21fdae62225892ad340877651df27 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 23 Sep 2022 16:51:35 +0200
Subject: [PATCH 058/187] feat: convert model methods to named functions

---
 src/components/misc/user.vue                  | 19 +++++++++------
 .../notifications/notifications.vue           |  3 ++-
 src/components/sharing/linkSharing.vue        |  3 ++-
 src/components/sharing/userTeam.vue           |  4 ++--
 src/components/tasks/partials/comments.vue    |  9 +++----
 .../tasks/partials/createdUpdated.vue         |  3 ++-
 src/components/tasks/partials/defer-task.vue  |  9 ++++---
 src/modelTypes/IUser.ts                       |  4 +++-
 src/models/notification.ts                    |  9 +++----
 src/models/user.ts                            | 24 +++++++++----------
 src/store/types.ts                            |  1 +
 src/stores/auth.ts                            | 19 +++++++++++----
 src/stores/labels.ts                          |  8 +++----
 src/stores/lists.ts                           |  6 ++---
 src/views/namespaces/settings/share.vue       |  2 +-
 src/views/teams/EditTeam.vue                  |  3 ++-
 16 files changed, 75 insertions(+), 51 deletions(-)

diff --git a/src/components/misc/user.vue b/src/components/misc/user.vue
index 89a2abda..b10bcdd8 100644
--- a/src/components/misc/user.vue
+++ b/src/components/misc/user.vue
@@ -2,34 +2,39 @@
 	<div :class="{'is-inline': isInline}" class="user">
 		<img
 			:height="avatarSize"
-			:src="user.getAvatarUrl(avatarSize)"
+			:src="getAvatarUrl(user, avatarSize)"
 			:width="avatarSize"
 			alt=""
 			class="avatar"
-			v-tooltip="user.getDisplayName()"/>
-		<span class="username" v-if="showUsername">{{ user.getDisplayName() }}</span>
+			v-tooltip="getDisplayName(user)"/>
+		<span class="username" v-if="showUsername">{{ getDisplayName(user) }}</span>
 	</div>
 </template>
 
 <script lang="ts" setup>
+import type {PropType} from 'vue'
+
+import {getAvatarUrl, getDisplayName} from '@/models/user'
+import type {IUser} from '@/modelTypes/IUser'
+
 defineProps({
 	user: {
+		type: Object as PropType<IUser>,
 		required: true,
-		type: Object,
 	},
 	showUsername: {
-		required: false,
 		type: Boolean,
+		required: false,
 		default: true,
 	},
 	avatarSize: {
-		required: false,
 		type: Number,
+		required: false,
 		default: 50,
 	},
 	isInline: {
-		required: false,
 		type: Boolean,
+		required: false,
 		default: false,
 	},
 })
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index aaaad93e..c93d12b5 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -24,7 +24,7 @@
 					<div class="detail">
 						<div>
 							<span class="has-text-weight-bold mr-1" v-if="n.notification.doer">
-								{{ n.notification.doer.getDisplayName() }}
+								{{ getDisplayName(n.notification.doer) }}
 							</span>
 							<BaseButton @click="() => to(n, index)()">
 								{{ n.toText(userInfo) }}
@@ -56,6 +56,7 @@ import User from '@/components/misc/user.vue'
 import { NOTIFICATION_NAMES as names, type INotification} from '@/modelTypes/INotification'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+import {getDisplayName} from '@/models/user'
 import {useAuthStore} from '@/stores/auth'
 
 const LOAD_NOTIFICATIONS_INTERVAL = 10000
diff --git a/src/components/sharing/linkSharing.vue b/src/components/sharing/linkSharing.vue
index 94a9cba3..8cf5dc36 100644
--- a/src/components/sharing/linkSharing.vue
+++ b/src/components/sharing/linkSharing.vue
@@ -93,7 +93,7 @@
 
 						<p class="mb-2">
 							<i18n-t keypath="list.share.links.sharedBy" scope="global">
-								<strong>{{ s.sharedBy.getDisplayName() }}</strong>
+								<strong>{{ getDisplayName(s.sharedBy) }}</strong>
 							</i18n-t>
 						</p>
 
@@ -201,6 +201,7 @@ import LinkShareService from '@/services/linkShare'
 
 import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
 import {success} from '@/message'
+import {getDisplayName} from '@/models/user'
 import type {ListView} from '@/types/ListView'
 import {LIST_VIEWS} from '@/types/ListView'
 import {useConfigStore} from '@/stores/config'
diff --git a/src/components/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index f833b8b8..6d56baaf 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -28,7 +28,7 @@
 			<tbody>
 			<tr :key="s.id" v-for="s in sharables">
 				<template v-if="shareType === 'user'">
-					<td>{{ s.getDisplayName() }}</td>
+					<td>{{ getDisplayName(s) }}</td>
 					<td>
 						<template v-if="s.id === userInfo.id">
 							<b class="is-success">{{ $t('list.share.userTeam.you') }}</b>
@@ -150,7 +150,7 @@ import UserListModel from '@/models/userList'
 import type {IUserList} from '@/modelTypes/IUserList'
 
 import UserService from '@/services/user'
-import UserModel from '@/models/user'
+import UserModel, { getDisplayName } from '@/models/user'
 import type {IUser} from '@/modelTypes/IUser'
 
 import TeamNamespaceService from '@/services/teamNamespace'
diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index f573bb6b..dd07f5b8 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -17,7 +17,7 @@
 			<div :key="c.id" class="media comment" v-for="c in comments">
 				<figure class="media-left is-hidden-mobile">
 					<img
-						:src="c.author.getAvatarUrl(48)"
+						:src="getAvatarUrl(c.author, 48)"
 						alt=""
 						class="image is-avatar"
 						height="48"
@@ -27,13 +27,13 @@
 				<div class="media-content">
 					<div class="comment-info">
 						<img
-							:src="c.author.getAvatarUrl(20)"
+							:src="getAvatarUrl(c.author, 20)"
 							alt=""
 							class="image is-avatar d-print-none"
 							height="20"
 							width="20"
 						/>
-						<strong>{{ c.author.getDisplayName() }}</strong>&nbsp;
+						<strong>{{ getDisplayName(c.author) }}</strong>&nbsp;
 						<span v-tooltip="formatDateLong(c.created)" class="has-text-grey">
 							{{ formatDateSince(c.created) }}
 						</span>
@@ -166,6 +166,7 @@ import type {ITask} from '@/modelTypes/ITask'
 import {uploadFile} from '@/helpers/attachments'
 import {success} from '@/message'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+import {getAvatarUrl, getDisplayName} from '@/models/user'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 
@@ -196,7 +197,7 @@ const newComment = reactive(new TaskCommentModel())
 const saved = ref<ITask['id'] | null>(null)
 const saving = ref<ITask['id'] | null>(null)
 
-const userAvatar = computed(() => authStore.info.getAvatarUrl(48))
+const userAvatar = computed(() => getAvatarUrl(authStore.info, 48))
 const currentUserId = computed(() => authStore.info.id)
 const enabled = computed(() => configStore.taskCommentsEnabled)
 const actions = computed(() => {
diff --git a/src/components/tasks/partials/createdUpdated.vue b/src/components/tasks/partials/createdUpdated.vue
index d7fd8f0a..d34e015b 100644
--- a/src/components/tasks/partials/createdUpdated.vue
+++ b/src/components/tasks/partials/createdUpdated.vue
@@ -3,7 +3,7 @@
 		<time :datetime="formatISO(task.created)" v-tooltip="formatDateLong(task.created)">
 			<i18n-t keypath="task.detail.created" scope="global">
 				<span>{{ formatDateSince(task.created) }}</span>
-				{{ task.createdBy.getDisplayName() }}
+				{{ getDisplayName(task.createdBy) }}
 			</i18n-t>
 		</time>
 		<template v-if="+new Date(task.created) !== +new Date(task.updated)">
@@ -30,6 +30,7 @@
 import {computed, toRefs, type PropType} from 'vue'
 import type {ITask} from '@/modelTypes/ITask'
 import {formatISO, formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+import {getDisplayName} from '@/models/user'
 
 const props = defineProps({
 	task: {
diff --git a/src/components/tasks/partials/defer-task.vue b/src/components/tasks/partials/defer-task.vue
index 0759a203..c86db0fc 100644
--- a/src/components/tasks/partials/defer-task.vue
+++ b/src/components/tasks/partials/defer-task.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, computed, watch, onMounted, onBeforeUnmount, type PropType} from 'vue'
+import {ref, shallowReactive, computed, watch, onMounted, onBeforeUnmount, toRef, type PropType} from 'vue'
 import {useI18n} from 'vue-i18n'
 import flatPickr from 'vue-flatpickr-component'
 
@@ -63,12 +63,12 @@ const task = ref<ITask>()
 // We're saving the due date seperately to prevent null errors in very short periods where the task is null.
 const dueDate = ref<Date>()
 const lastValue = ref<Date>()
-const changeInterval = ref<number>()
+const changeInterval = ref<ReturnType<typeof setInterval>>()
 
 watch(
-	() => props.modelValue,
+	toRef(props, 'modelValue'),
 	(value) => {
-		task.value = value
+		task.value = { ...value }
 		dueDate.value = value.dueDate
 		lastValue.value = value.dueDate
 	},
@@ -123,7 +123,6 @@ async function updateDueDate() {
 		return
 	}
 
-	// FIXME: direct prop manipulation
 	const newTask = await taskService.update({
 		...task.value,
 		dueDate: new Date(dueDate.value),
diff --git a/src/modelTypes/IUser.ts b/src/modelTypes/IUser.ts
index 2465a37d..01b64a92 100644
--- a/src/modelTypes/IUser.ts
+++ b/src/modelTypes/IUser.ts
@@ -7,13 +7,15 @@ export const AUTH_TYPES = {
 	'LINK_SHARE': 2,
 } as const
 
+type AuthType = typeof AUTH_TYPES[keyof typeof AUTH_TYPES]
+
 export interface IUser extends IAbstract {
 	id: number
 	email: string
 	username: string
 	name: string
 	exp: number
-	type: typeof AUTH_TYPES[keyof typeof AUTH_TYPES],
+	type: AuthType
 
 	created: Date
 	updated: Date
diff --git a/src/models/notification.ts b/src/models/notification.ts
index 911c49e7..4645bb04 100644
--- a/src/models/notification.ts
+++ b/src/models/notification.ts
@@ -1,12 +1,13 @@
 import AbstractModel from './abstractModel'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
-import UserModel from '@/models/user'
+import UserModel, {getDisplayName} from '@/models/user'
 import TaskModel from '@/models/task'
 import TaskCommentModel from '@/models/taskComment'
 import ListModel from '@/models/list'
 import TeamModel from '@/models/team'
 
 import {NOTIFICATION_NAMES, type INotification} from '@/modelTypes/INotification'
+import type { IUser } from '@/modelTypes/IUser'
 
 export default class NotificationModel extends AbstractModel<INotification> implements INotification {
 	id = 0
@@ -61,14 +62,14 @@ export default class NotificationModel extends AbstractModel<INotification> impl
 		this.readAt = parseDateOrNull(this.readAt)
 	}
 
-	toText(user = null) {
+	toText(user: IUser | null = null) {
 		let who = ''
 
 		switch (this.name) {
 			case NOTIFICATION_NAMES.TASK_COMMENT:
 				return `commented on ${this.notification.task.getTextIdentifier()}`
 			case NOTIFICATION_NAMES.TASK_ASSIGNED:
-				who = `${this.notification.assignee.getDisplayName()}`
+				who = `${getDisplayName(this.notification.assignee)}`
 
 				if (user !== null && user.id === this.notification.assignee.id) {
 					who = 'you'
@@ -80,7 +81,7 @@ export default class NotificationModel extends AbstractModel<INotification> impl
 			case NOTIFICATION_NAMES.LIST_CREATED:
 				return `created ${this.notification.list.title}`
 			case NOTIFICATION_NAMES.TEAM_MEMBER_ADDED:
-				who = `${this.notification.member.getDisplayName()}`
+				who = `${getDisplayName(this.notification.member)}`
 
 				if (user !== null && user.id === this.notification.member.id) {
 					who = 'you'
diff --git a/src/models/user.ts b/src/models/user.ts
index d7071c24..ce99f4a9 100644
--- a/src/models/user.ts
+++ b/src/models/user.ts
@@ -4,6 +4,18 @@ import UserSettingsModel from '@/models/userSettings'
 import { AUTH_TYPES, type IUser } from '@/modelTypes/IUser'
 import type { IUserSettings } from '@/modelTypes/IUserSettings'
 
+export function getAvatarUrl(user: IUser, size = 50) {
+	return `${window.API_URL}/avatar/${user.username}?size=${size}`
+}
+
+export function getDisplayName(user: IUser) {
+	if (user.name !== '') {
+		return user.name
+	}
+
+	return user.username
+}
+
 export default class UserModel extends AbstractModel<IUser> implements IUser {
 	id = 0
 	email = ''
@@ -25,16 +37,4 @@ export default class UserModel extends AbstractModel<IUser> implements IUser {
 
 		this.settings = new UserSettingsModel(this.settings || {})
 	}
-
-	getAvatarUrl(size = 50) {
-		return `${window.API_URL}/avatar/${this.username}?size=${size}`
-	}
-
-	getDisplayName() {
-		if (this.name !== '') {
-			return this.name
-		}
-
-		return this.username
-	}
 }
\ No newline at end of file
diff --git a/src/store/types.ts b/src/store/types.ts
index 3bda4dfb..a263ef08 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -32,6 +32,7 @@ export interface AuthState {
 	lastUserInfoRefresh: Date | null,
 	settings: IUserSettings,
 	isLoading: boolean,
+	isLoadingGeneralSettings: boolean
 }
 
 export interface ConfigState {
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 1f949e7f..4d06ef3f 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -3,7 +3,7 @@ import {defineStore, acceptHMRUpdate} from 'pinia'
 import {HTTPFactory, AuthenticatedHTTPFactory} from '@/http-common'
 import {i18n, getCurrentLanguage, saveLanguage} from '@/i18n'
 import {objectToSnakeCase} from '@/helpers/case'
-import UserModel from '@/models/user'
+import UserModel, { getAvatarUrl } from '@/models/user'
 import UserSettingsService from '@/services/userSettings'
 import {getToken, refreshToken, removeToken, saveToken} from '@/helpers/auth'
 import {setLoadingPinia} from '@/store/helper'
@@ -15,6 +15,7 @@ import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import router from '@/router'
 import {useConfigStore} from '@/stores/config'
 import UserSettingsModel from '@/models/userSettings'
+import {store} from '@/store'
 
 export const useAuthStore = defineStore('auth', {
 	state: () : AuthState => ({
@@ -28,6 +29,7 @@ export const useAuthStore = defineStore('auth', {
 		
 		lastUserInfoRefresh: null,
 		isLoading: false,
+		isLoadingGeneralSettings: false,
 	}),
 	getters: {
 		authUser(state) {
@@ -48,6 +50,10 @@ export const useAuthStore = defineStore('auth', {
 			this.isLoading = isLoading 
 		},
 
+		setIsLoadingGeneralSettings(isLoading: boolean) {
+			this.isLoadingGeneralSettings = isLoading 
+		},
+
 		setUser(info: IUser | null) {
 			this.info = info
 			if (info !== null) {
@@ -78,7 +84,7 @@ export const useAuthStore = defineStore('auth', {
 		},
 		reloadAvatar() {
 			if (!this.info) return
-			this.avatarUrl = `${this.info.getAvatarUrl()}&=${+new Date()}`
+			this.avatarUrl = `${getAvatarUrl(this.info)}&=${+new Date()}`
 		},
 		updateLastUserRefresh() {
 			this.lastUserInfoRefresh = new Date()
@@ -87,6 +93,7 @@ export const useAuthStore = defineStore('auth', {
 		// Logs a user in with a set of credentials.
 		async login(credentials) {
 			const HTTP = HTTPFactory()
+			store.commit('loading', true)
 			this.setIsLoading(true)
 
 			// Delete an eventually preexisting old token
@@ -110,6 +117,7 @@ export const useAuthStore = defineStore('auth', {
 
 				throw e
 			} finally {
+				store.commit('loading', false)
 				this.setIsLoading(false)
 			}
 		},
@@ -118,6 +126,7 @@ export const useAuthStore = defineStore('auth', {
 		// Not sure if this is the right place to put the logic in, maybe a seperate js component would be better suited.
 		async register(credentials) {
 			const HTTP = HTTPFactory()
+			store.commit('loading', true)
 			this.setIsLoading(true)
 			try {
 				await HTTP.post('register', credentials)
@@ -129,12 +138,14 @@ export const useAuthStore = defineStore('auth', {
 
 				throw e
 			} finally {
+			store.commit('loading', false)
 				this.setIsLoading(false)
 			}
 		},
 
 		async openIdAuth({provider, code}) {
 			const HTTP = HTTPFactory()
+			store.commit('loading', true)
 			this.setIsLoading(true)
 
 			const data = {
@@ -151,6 +162,7 @@ export const useAuthStore = defineStore('auth', {
 				// Tell others the user is autheticated
 				this.checkAuth()
 			} finally {
+				store.commit('loading', false)
 				this.setIsLoading(false)
 			}
 		},
@@ -266,11 +278,10 @@ export const useAuthStore = defineStore('auth', {
 			settings: IUserSettings
 			showMessage : boolean
 		}) {
-			// const showMessage = payload.showMessage ?? true
 			const userSettingsService = new UserSettingsService()
 
 			// FIXME
-			const cancel = setLoadingPinia(useAuthStore, 'general-settings')
+			const cancel = setLoadingPinia(this, this.setIsLoadingGeneralSettings)
 			try {
 				saveLanguage(settings.language)
 				await userSettingsService.update(settings)
diff --git a/src/stores/labels.ts b/src/stores/labels.ts
index 765fa16e..06a372cd 100644
--- a/src/stores/labels.ts
+++ b/src/stores/labels.ts
@@ -80,7 +80,7 @@ export const useLabelStore = defineStore('label', {
 				return
 			}
 
-			const cancel = setLoadingPinia(useLabelStore, this.setIsLoading)
+			const cancel = setLoadingPinia(this)
 
 			try {
 				const labels = await getAllLabels()
@@ -92,7 +92,7 @@ export const useLabelStore = defineStore('label', {
 		},
 
 		async deleteLabel(label: ILabel) {
-			const cancel = setLoadingPinia(useLabelStore)
+			const cancel = setLoadingPinia(this)
 			const labelService = new LabelService()
 
 			try {
@@ -106,7 +106,7 @@ export const useLabelStore = defineStore('label', {
 		},
 
 		async updateLabel(label: ILabel) {
-			const cancel = setLoadingPinia(useLabelStore)
+			const cancel = setLoadingPinia(this)
 			const labelService = new LabelService()
 
 			try {
@@ -120,7 +120,7 @@ export const useLabelStore = defineStore('label', {
 		},
 
 		async createLabel(label: ILabel) {
-			const cancel = setLoadingPinia(useLabelStore)
+			const cancel = setLoadingPinia(this)
 			const labelService = new LabelService()
 
 			try {
diff --git a/src/stores/lists.ts b/src/stores/lists.ts
index abf72922..5802250b 100644
--- a/src/stores/lists.ts
+++ b/src/stores/lists.ts
@@ -87,7 +87,7 @@ export const useListStore = defineStore('list', {
 		},
 
 		async createList(list: IList) {
-			const cancel = setLoadingPinia(useListStore)
+			const cancel = setLoadingPinia(this)
 			const listService = new ListService()
 
 			try {
@@ -103,7 +103,7 @@ export const useListStore = defineStore('list', {
 		},
 
 		async updateList(list: IList) {
-			const cancel = setLoadingPinia(useListStore)
+			const cancel = setLoadingPinia(this)
 			const listService = new ListService()
 
 			try {
@@ -139,7 +139,7 @@ export const useListStore = defineStore('list', {
 		},
 
 		async deleteList(list: IList) {
-			const cancel = setLoadingPinia(useListStore)
+			const cancel = setLoadingPinia(this)
 			const listService = new ListService()
 
 			try {
diff --git a/src/views/namespaces/settings/share.vue b/src/views/namespaces/settings/share.vue
index 5bcc9e06..923a5699 100644
--- a/src/views/namespaces/settings/share.vue
+++ b/src/views/namespaces/settings/share.vue
@@ -36,7 +36,7 @@ import CreateEdit from '@/components/misc/create-edit.vue'
 import manageSharing from '@/components/sharing/userTeam.vue'
 import {useTitle} from '@/composables/useTitle'
 import {useAuthStore} from '@/stores/auth'
-import type { INamespace } from '@/modelTypes/INamespace'
+import type {INamespace} from '@/modelTypes/INamespace'
 
 const {t} = useI18n({useScope: 'global'})
 
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 4c8be9a5..60ec6b85 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -85,7 +85,7 @@
 			<table class="table has-actions is-striped is-hoverable is-fullwidth">
 				<tbody>
 				<tr :key="m.id" v-for="m in team?.members">
-					<td>{{ m.getDisplayName() }}</td>
+					<td>{{ getDisplayName(m) }}</td>
 					<td>
 						<template v-if="m.id === userInfo.id">
 							<b class="is-success">You</b>
@@ -176,6 +176,7 @@ import {RIGHTS as Rights} from '@/constants/rights'
 
 import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
+import {getDisplayName} from '@/models/user'
 import {useAuthStore} from '@/stores/auth'
 
 import type {ITeam} from '@/modelTypes/ITeam'

From 1fdda07f650702b7e3943e0afc7532367ee20100 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 23 Sep 2022 11:45:52 +0200
Subject: [PATCH 059/187] feat: move tasks to stores

---
 src/store/index.ts                     | 2 --
 src/{store/modules => stores}/tasks.ts | 4 ++--
 2 files changed, 2 insertions(+), 4 deletions(-)
 rename src/{store/modules => stores}/tasks.ts (99%)

diff --git a/src/store/index.ts b/src/store/index.ts
index 6c530b53..40690179 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -14,7 +14,6 @@ import {
 	QUICK_ACTIONS_ACTIVE,
 } from './mutation-types'
 import kanban from './modules/kanban'
-import tasks from './modules/tasks'
 
 import ListModel from '@/models/list'
 
@@ -35,7 +34,6 @@ export const store = createStore<RootStoreState>({
 	strict: import.meta.env.DEV,
 	modules: {
 		kanban,
-		tasks,
 	},
 	state: () => ({
 		loading: false,
diff --git a/src/store/modules/tasks.ts b/src/stores/tasks.ts
similarity index 99%
rename from src/store/modules/tasks.ts
rename to src/stores/tasks.ts
index 9f7248aa..5ef453a7 100644
--- a/src/store/modules/tasks.ts
+++ b/src/stores/tasks.ts
@@ -7,8 +7,8 @@ import TaskAssigneeService from '@/services/taskAssignee'
 import LabelTaskService from '@/services/labelTask'
 import UserService from '@/services/user'
 
-import {HAS_TASKS} from '../mutation-types'
-import {setLoading} from '../helper'
+import {HAS_TASKS} from '../store/mutation-types'
+import {setLoading} from '../store/helper'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {parseTaskText} from '@/modules/parseTaskText'
 

From 64cf1c8ccf1bf4950560cd3fede723b3144eb525 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 29 Sep 2022 17:03:26 +0000
Subject: [PATCH 060/187] chore(deps): update dependency esbuild to v0.15.10

---
 package.json   |   2 +-
 pnpm-lock.yaml | 142 ++++++++++++++++++++++++-------------------------
 2 files changed, 72 insertions(+), 72 deletions(-)

diff --git a/package.json b/package.json
index a487c0c9..536cde16 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
     "browserslist": "4.21.4",
     "caniuse-lite": "1.0.30001412",
     "cypress": "10.9.0",
-    "esbuild": "0.15.9",
+    "esbuild": "0.15.10",
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.5.1",
     "express": "4.18.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f965343a..64a064d2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,7 +40,7 @@ specifiers:
   date-fns: 2.29.3
   dompurify: 2.4.0
   easymde: 2.18.0
-  esbuild: 0.15.9
+  esbuild: 0.15.10
   eslint: 8.24.0
   eslint-plugin-vue: 9.5.1
   express: 4.18.1
@@ -148,7 +148,7 @@ devDependencies:
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001412
   cypress: 10.9.0
-  esbuild: 0.15.9
+  esbuild: 0.15.10
   eslint: 8.24.0
   eslint-plugin-vue: 9.5.1_eslint@8.24.0
   express: 4.18.1
@@ -1611,8 +1611,8 @@ packages:
       kuler: 2.0.0
     dev: true
 
-  /@esbuild/android-arm/0.15.9:
-    resolution: {integrity: sha512-VZPy/ETF3fBG5PiinIkA0W/tlsvlEgJccyN2DzWZEl0DlVKRbu91PvY2D6Lxgluj4w9QtYHjOWjAT44C+oQ+EQ==}
+  /@esbuild/android-arm/0.15.10:
+    resolution: {integrity: sha512-FNONeQPy/ox+5NBkcSbYJxoXj9GWu8gVGJTVmUyoOCKQFDTrHVKgNSzChdNt0I8Aj/iKcsDf2r9BFwv+FSNUXg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -1620,8 +1620,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64/0.15.9:
-    resolution: {integrity: sha512-O+NfmkfRrb3uSsTa4jE3WApidSe3N5++fyOVGP1SmMZi4A3BZELkhUUvj5hwmMuNdlpzAZ8iAPz2vmcR7DCFQA==}
+  /@esbuild/linux-loong64/0.15.10:
+    resolution: {integrity: sha512-w0Ou3Z83LOYEkwaui2M8VwIp+nLi/NA60lBLMvaJ+vXVMcsARYdEzLNE7RSm4+lSg4zq4d7fAVuzk7PNQ5JFgg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -5859,8 +5859,8 @@ packages:
     resolution: {integrity: sha512-HBL8I3mIki5C1Cc9QjKUenHtnG0A5/xA8Q/AllRcfiwl2CZFXGK7ddBiCoRwAix4i2KxcQfjtIVcrVbB3vbmwg==}
     dev: true
 
-  /esbuild-android-64/0.15.9:
-    resolution: {integrity: sha512-HQCX7FJn9T4kxZQkhPjNZC7tBWZqJvhlLHPU2SFzrQB/7nDXjmTIFpFTjt7Bd1uFpeXmuwf5h5fZm+x/hLnhbw==}
+  /esbuild-android-64/0.15.10:
+    resolution: {integrity: sha512-UI7krF8OYO1N7JYTgLT9ML5j4+45ra3amLZKx7LO3lmLt1Ibn8t3aZbX5Pu4BjWiqDuJ3m/hsvhPhK/5Y/YpnA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -5868,8 +5868,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-android-arm64/0.15.9:
-    resolution: {integrity: sha512-E6zbLfqbFVCNEKircSHnPiSTsm3fCRxeIMPfrkS33tFjIAoXtwegQfVZqMGR0FlsvVxp2NEDOUz+WW48COCjSg==}
+  /esbuild-android-arm64/0.15.10:
+    resolution: {integrity: sha512-EOt55D6xBk5O05AK8brXUbZmoFj4chM8u3riGflLa6ziEoVvNjRdD7Cnp82NHQGfSHgYR06XsPI8/sMuA/cUwg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -5877,8 +5877,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-darwin-64/0.15.9:
-    resolution: {integrity: sha512-gI7dClcDN/HHVacZhTmGjl0/TWZcGuKJ0I7/xDGJwRQQn7aafZGtvagOFNmuOq+OBFPhlPv1T6JElOXb0unkSQ==}
+  /esbuild-darwin-64/0.15.10:
+    resolution: {integrity: sha512-hbDJugTicqIm+WKZgp208d7FcXcaK8j2c0l+fqSJ3d2AzQAfjEYDRM3Z2oMeqSJ9uFxyj/muSACLdix7oTstRA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -5886,8 +5886,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-darwin-arm64/0.15.9:
-    resolution: {integrity: sha512-VZIMlcRN29yg/sv7DsDwN+OeufCcoTNaTl3Vnav7dL/nvsApD7uvhVRbgyMzv0zU/PP0xRhhIpTyc7lxEzHGSw==}
+  /esbuild-darwin-arm64/0.15.10:
+    resolution: {integrity: sha512-M1t5+Kj4IgSbYmunf2BB6EKLkWUq+XlqaFRiGOk8bmBapu9bCDrxjf4kUnWn59Dka3I27EiuHBKd1rSO4osLFQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -5895,8 +5895,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-freebsd-64/0.15.9:
-    resolution: {integrity: sha512-uM4z5bTvuAXqPxrI204txhlsPIolQPWRMLenvGuCPZTnnGlCMF2QLs0Plcm26gcskhxewYo9LkkmYSS5Czrb5A==}
+  /esbuild-freebsd-64/0.15.10:
+    resolution: {integrity: sha512-KMBFMa7C8oc97nqDdoZwtDBX7gfpolkk6Bcmj6YFMrtCMVgoU/x2DI1p74DmYl7CSS6Ppa3xgemrLrr5IjIn0w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -5904,8 +5904,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-freebsd-arm64/0.15.9:
-    resolution: {integrity: sha512-HHDjT3O5gWzicGdgJ5yokZVN9K9KG05SnERwl9nBYZaCjcCgj/sX8Ps1jvoFSfNCO04JSsHSOWo4qvxFuj8FoA==}
+  /esbuild-freebsd-arm64/0.15.10:
+    resolution: {integrity: sha512-m2KNbuCX13yQqLlbSojFMHpewbn8wW5uDS6DxRpmaZKzyq8Dbsku6hHvh2U+BcLwWY4mpgXzFUoENEf7IcioGg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -5913,8 +5913,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-32/0.15.9:
-    resolution: {integrity: sha512-AQIdE8FugGt1DkcekKi5ycI46QZpGJ/wqcMr7w6YUmOmp2ohQ8eO4sKUsOxNOvYL7hGEVwkndSyszR6HpVHLFg==}
+  /esbuild-linux-32/0.15.10:
+    resolution: {integrity: sha512-guXrwSYFAvNkuQ39FNeV4sNkNms1bLlA5vF1H0cazZBOLdLFIny6BhT+TUbK/hdByMQhtWQ5jI9VAmPKbVPu1w==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -5922,8 +5922,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-64/0.15.9:
-    resolution: {integrity: sha512-4RXjae7g6Qs7StZyiYyXTZXBlfODhb1aBVAjd+ANuPmMhWthQilWo7rFHwJwL7DQu1Fjej2sODAVwLbcIVsAYQ==}
+  /esbuild-linux-64/0.15.10:
+    resolution: {integrity: sha512-jd8XfaSJeucMpD63YNMO1JCrdJhckHWcMv6O233bL4l6ogQKQOxBYSRP/XLWP+6kVTu0obXovuckJDcA0DKtQA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -5931,8 +5931,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-arm/0.15.9:
-    resolution: {integrity: sha512-3Zf2GVGUOI7XwChH3qrnTOSqfV1V4CAc/7zLVm4lO6JT6wbJrTgEYCCiNSzziSju+J9Jhf9YGWk/26quWPC6yQ==}
+  /esbuild-linux-arm/0.15.10:
+    resolution: {integrity: sha512-6N8vThLL/Lysy9y4Ex8XoLQAlbZKUyExCWyayGi2KgTBelKpPgj6RZnUaKri0dHNPGgReJriKVU6+KDGQwn10A==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -5940,8 +5940,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-arm64/0.15.9:
-    resolution: {integrity: sha512-a+bTtxJmYmk9d+s2W4/R1SYKDDAldOKmWjWP0BnrWtDbvUBNOm++du0ysPju4mZVoEFgS1yLNW+VXnG/4FNwdQ==}
+  /esbuild-linux-arm64/0.15.10:
+    resolution: {integrity: sha512-GByBi4fgkvZFTHFDYNftu1DQ1GzR23jws0oWyCfhnI7eMOe+wgwWrc78dbNk709Ivdr/evefm2PJiUBMiusS1A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -5949,8 +5949,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-mips64le/0.15.9:
-    resolution: {integrity: sha512-Zn9HSylDp89y+TRREMDoGrc3Z4Hs5u56ozZLQCiZAUx2+HdbbXbWdjmw3FdTJ/i7t5Cew6/Q+6kfO3KCcFGlyw==}
+  /esbuild-linux-mips64le/0.15.10:
+    resolution: {integrity: sha512-BxP+LbaGVGIdQNJUNF7qpYjEGWb0YyHVSKqYKrn+pTwH/SiHUxFyJYSP3pqkku61olQiSBnSmWZ+YUpj78Tw7Q==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -5958,8 +5958,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-ppc64le/0.15.9:
-    resolution: {integrity: sha512-OEiOxNAMH9ENFYqRsWUj3CWyN3V8P3ZXyfNAtX5rlCEC/ERXrCEFCJji/1F6POzsXAzxvUJrTSTCy7G6BhA6Fw==}
+  /esbuild-linux-ppc64le/0.15.10:
+    resolution: {integrity: sha512-LoSQCd6498PmninNgqd/BR7z3Bsk/mabImBWuQ4wQgmQEeanzWd5BQU2aNi9mBURCLgyheuZS6Xhrw5luw3OkQ==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -5967,8 +5967,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-riscv64/0.15.9:
-    resolution: {integrity: sha512-ukm4KsC3QRausEFjzTsOZ/qqazw0YvJsKmfoZZm9QW27OHjk2XKSQGGvx8gIEswft/Sadp03/VZvAaqv5AIwNA==}
+  /esbuild-linux-riscv64/0.15.10:
+    resolution: {integrity: sha512-Lrl9Cr2YROvPV4wmZ1/g48httE8z/5SCiXIyebiB5N8VT7pX3t6meI7TQVHw/wQpqP/AF4SksDuFImPTM7Z32Q==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -5976,8 +5976,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-linux-s390x/0.15.9:
-    resolution: {integrity: sha512-uDOQEH55wQ6ahcIKzQr3VyjGc6Po/xblLGLoUk3fVL1qjlZAibtQr6XRfy5wPJLu/M2o0vQKLq4lyJ2r1tWKcw==}
+  /esbuild-linux-s390x/0.15.10:
+    resolution: {integrity: sha512-ReP+6q3eLVVP2lpRrvl5EodKX7EZ1bS1/z5j6hsluAlZP5aHhk6ghT6Cq3IANvvDdscMMCB4QEbI+AjtvoOFpA==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -5985,8 +5985,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-netbsd-64/0.15.9:
-    resolution: {integrity: sha512-yWgxaYTQz+TqX80wXRq6xAtb7GSBAp6gqLKfOdANg9qEmAI1Bxn04IrQr0Mzm4AhxvGKoHzjHjMgXbCCSSDxcw==}
+  /esbuild-netbsd-64/0.15.10:
+    resolution: {integrity: sha512-iGDYtJCMCqldMskQ4eIV+QSS/CuT7xyy9i2/FjpKvxAuCzrESZXiA1L64YNj6/afuzfBe9i8m/uDkFHy257hTw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -5994,8 +5994,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-openbsd-64/0.15.9:
-    resolution: {integrity: sha512-JmS18acQl4iSAjrEha1MfEmUMN4FcnnrtTaJ7Qg0tDCOcgpPPQRLGsZqhes0vmx8VA6IqRyScqXvaL7+Q0Uf3A==}
+  /esbuild-openbsd-64/0.15.10:
+    resolution: {integrity: sha512-ftMMIwHWrnrYnvuJQRJs/Smlcb28F9ICGde/P3FUTCgDDM0N7WA0o9uOR38f5Xe2/OhNCgkjNeb7QeaE3cyWkQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -6003,8 +6003,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-sunos-64/0.15.9:
-    resolution: {integrity: sha512-UKynGSWpzkPmXW3D2UMOD9BZPIuRaSqphxSCwScfEE05Be3KAmvjsBhht1fLzKpiFVJb0BYMd4jEbWMyJ/z1hQ==}
+  /esbuild-sunos-64/0.15.10:
+    resolution: {integrity: sha512-mf7hBL9Uo2gcy2r3rUFMjVpTaGpFJJE5QTDDqUFf1632FxteYANffDZmKbqX0PfeQ2XjUDE604IcE7OJeoHiyg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -6012,8 +6012,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-32/0.15.9:
-    resolution: {integrity: sha512-aqXvu4/W9XyTVqO/hw3rNxKE1TcZiEYHPsXM9LwYmKSX9/hjvfIJzXwQBlPcJ/QOxedfoMVH0YnhhQ9Ffb0RGA==}
+  /esbuild-windows-32/0.15.10:
+    resolution: {integrity: sha512-ttFVo+Cg8b5+qHmZHbEc8Vl17kCleHhLzgT8X04y8zudEApo0PxPg9Mz8Z2cKH1bCYlve1XL8LkyXGFjtUYeGg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -6021,8 +6021,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-64/0.15.9:
-    resolution: {integrity: sha512-zm7h91WUmlS4idMtjvCrEeNhlH7+TNOmqw5dJPJZrgFaxoFyqYG6CKDpdFCQXdyKpD5yvzaQBOMVTCBVKGZDEg==}
+  /esbuild-windows-64/0.15.10:
+    resolution: {integrity: sha512-2H0gdsyHi5x+8lbng3hLbxDWR7mKHWh5BXZGKVG830KUmXOOWFE2YKJ4tHRkejRduOGDrBvHBriYsGtmTv3ntA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -6030,8 +6030,8 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-windows-arm64/0.15.9:
-    resolution: {integrity: sha512-yQEVIv27oauAtvtuhJVfSNMztJJX47ismRS6Sv2QMVV9RM+6xjbMWuuwM2nxr5A2/gj/mu2z9YlQxiwoFRCfZA==}
+  /esbuild-windows-arm64/0.15.10:
+    resolution: {integrity: sha512-S+th4F+F8VLsHLR0zrUcG+Et4hx0RKgK1eyHc08kztmLOES8BWwMiaGdoW9hiXuzznXQ0I/Fg904MNbr11Nktw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -6039,34 +6039,34 @@ packages:
     dev: true
     optional: true
 
-  /esbuild/0.15.9:
-    resolution: {integrity: sha512-OnYr1rkMVxtmMHIAKZLMcEUlJmqcbxBz9QoBU8G9v455na0fuzlT/GLu6l+SRghrk0Mm2fSSciMmzV43Q8e0Gg==}
+  /esbuild/0.15.10:
+    resolution: {integrity: sha512-N7wBhfJ/E5fzn/SpNgX+oW2RLRjwaL8Y0ezqNqhjD6w0H2p0rDuEz2FKZqpqLnO8DCaWumKe8dsC/ljvVSSxng==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.15.9
-      '@esbuild/linux-loong64': 0.15.9
-      esbuild-android-64: 0.15.9
-      esbuild-android-arm64: 0.15.9
-      esbuild-darwin-64: 0.15.9
-      esbuild-darwin-arm64: 0.15.9
-      esbuild-freebsd-64: 0.15.9
-      esbuild-freebsd-arm64: 0.15.9
-      esbuild-linux-32: 0.15.9
-      esbuild-linux-64: 0.15.9
-      esbuild-linux-arm: 0.15.9
-      esbuild-linux-arm64: 0.15.9
-      esbuild-linux-mips64le: 0.15.9
-      esbuild-linux-ppc64le: 0.15.9
-      esbuild-linux-riscv64: 0.15.9
-      esbuild-linux-s390x: 0.15.9
-      esbuild-netbsd-64: 0.15.9
-      esbuild-openbsd-64: 0.15.9
-      esbuild-sunos-64: 0.15.9
-      esbuild-windows-32: 0.15.9
-      esbuild-windows-64: 0.15.9
-      esbuild-windows-arm64: 0.15.9
+      '@esbuild/android-arm': 0.15.10
+      '@esbuild/linux-loong64': 0.15.10
+      esbuild-android-64: 0.15.10
+      esbuild-android-arm64: 0.15.10
+      esbuild-darwin-64: 0.15.10
+      esbuild-darwin-arm64: 0.15.10
+      esbuild-freebsd-64: 0.15.10
+      esbuild-freebsd-arm64: 0.15.10
+      esbuild-linux-32: 0.15.10
+      esbuild-linux-64: 0.15.10
+      esbuild-linux-arm: 0.15.10
+      esbuild-linux-arm64: 0.15.10
+      esbuild-linux-mips64le: 0.15.10
+      esbuild-linux-ppc64le: 0.15.10
+      esbuild-linux-riscv64: 0.15.10
+      esbuild-linux-s390x: 0.15.10
+      esbuild-netbsd-64: 0.15.10
+      esbuild-openbsd-64: 0.15.10
+      esbuild-sunos-64: 0.15.10
+      esbuild-windows-32: 0.15.10
+      esbuild-windows-64: 0.15.10
+      esbuild-windows-arm64: 0.15.10
     dev: true
 
   /escalade/3.1.1:
@@ -12596,7 +12596,7 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.15.9
+      esbuild: 0.15.10
       postcss: 8.4.16
       resolve: 1.22.1
       rollup: 2.78.0

From 34ffd1d5729341bdede217387a4a4c490d7d60d8 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 23 Sep 2022 12:55:53 +0200
Subject: [PATCH 061/187] feat: port tasks store to pinia

---
 .../quick-actions/quick-actions.vue           |   4 +-
 src/components/tasks/add-task.vue             |   9 +-
 src/components/tasks/partials/description.vue |  11 +-
 .../tasks/partials/editAssignees.vue          |  11 +-
 src/components/tasks/partials/editLabels.vue  |  20 +--
 src/components/tasks/partials/heading.vue     |   8 +-
 src/components/tasks/partials/kanban-card.vue |   3 +-
 .../tasks/partials/relatedTasks.vue           |   6 +-
 .../tasks/partials/singleTaskInList.vue       |   3 +-
 src/helpers/attachments.ts                    |   4 +-
 src/main.ts                                   |   5 +-
 src/pinia.ts                                  |   5 +
 src/store/index.ts                            |   3 +-
 src/store/types.ts                            |   4 +-
 src/stores/labels.ts                          |   2 +-
 src/stores/tasks.ts                           | 158 ++++++++++--------
 src/views/list/ListKanban.vue                 |   8 +-
 src/views/list/ListList.vue                   |  11 +-
 src/views/tasks/ShowTasks.vue                 |   4 +-
 src/views/tasks/TaskDetailView.vue            |   6 +-
 20 files changed, 157 insertions(+), 128 deletions(-)
 create mode 100644 src/pinia.ts

diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue
index a71d7b38..a90467a7 100644
--- a/src/components/quick-actions/quick-actions.vue
+++ b/src/components/quick-actions/quick-actions.vue
@@ -73,6 +73,7 @@ import {PREFIXES} from '@/modules/parseTaskText'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useLabelStore} from '@/stores/labels'
+import {useTaskStore} from '@/stores/tasks'
 
 const TYPE_LIST = 'list'
 const TYPE_TASK = 'task'
@@ -412,7 +413,8 @@ export default defineComponent({
 				return
 			}
 
-			const task = await this.$store.dispatch('tasks/createNewTask', {
+			const taskStore = useTaskStore()
+			const task = await taskStore.createNewTask({
 				title: this.query,
 				listId: this.currentList.id,
 			})
diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index d6873a16..2a295386 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -43,12 +43,11 @@
 <script setup lang="ts">
 import {ref, watch, unref, computed} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 import {tryOnMounted, debouncedWatch, useWindowSize, type MaybeRef} from '@vueuse/core'
 
 import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
-import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 import {useAuthStore} from '@/stores/auth'
+import {useTaskStore} from '@/stores/tasks'
 
 function cleanupTitle(title: string) {
 	return title.replace(/^((\* |\+ |- )(\[ \] )?)/g, '')
@@ -135,8 +134,8 @@ const newTaskTitle = ref('')
 const newTaskInput = useAutoHeightTextarea(newTaskTitle)
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
 const authStore = useAuthStore()
+const taskStore = useTaskStore()
 
 const errorMessage = ref('')
 
@@ -149,7 +148,7 @@ function resetEmptyTitleError(e) {
 	}
 }
 
-const loading = computed(() => store.state[LOADING] && store.state[LOADING_MODULE] === 'tasks')
+const loading = computed(() => taskStore.isLoading)
 async function addTask() {
 	if (newTaskTitle.value === '') {
 		errorMessage.value = t('list.create.addTitleRequired')
@@ -168,7 +167,7 @@ async function addTask() {
 			return
 		}
 
-		const task = await store.dispatch('tasks/createNewTask', {
+		const task = await taskStore.createNewTask({
 			title,
 			listId: authStore.settings.defaultListId,
 			position: props.defaultPosition,
diff --git a/src/components/tasks/partials/description.vue b/src/components/tasks/partials/description.vue
index 5e34b84c..d443d238 100644
--- a/src/components/tasks/partials/description.vue
+++ b/src/components/tasks/partials/description.vue
@@ -32,11 +32,12 @@
 
 <script setup lang="ts">
 import {ref,computed, watch, type PropType} from 'vue'
-import {useStore} from '@/store'
 
 import Editor from '@/components/input/AsyncEditor'
 
 import type {ITask} from '@/modelTypes/ITask'
+import {useTaskStore} from '@/stores/tasks'
+import TaskModel from '@/models/task'
 
 
 const props = defineProps({
@@ -55,14 +56,14 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue'])
 
-const task = ref<ITask>({description: ''})
+const task = ref<ITask>(new TaskModel())
 const saved = ref(false)
 
 // Since loading is global state, this variable ensures we're only showing the saving icon when saving the description.
 const saving = ref(false)
 
-const store = useStore()
-const loading = computed(() => store.state.loading)
+const taskStore = useTaskStore()
+const loading = computed(() => taskStore.isLoading)
 
 watch(
 	() => props.modelValue,
@@ -77,7 +78,7 @@ async function save() {
 
 	try {
 		// FIXME: don't update state from internal.
-		task.value = await store.dispatch('tasks/update', task.value)
+		task.value = await taskStore.update(task.value)
 		emit('update:modelValue', task.value)
 
 		saved.value = true
diff --git a/src/components/tasks/partials/editAssignees.vue b/src/components/tasks/partials/editAssignees.vue
index 09e96e3f..06ca42d1 100644
--- a/src/components/tasks/partials/editAssignees.vue
+++ b/src/components/tasks/partials/editAssignees.vue
@@ -29,7 +29,6 @@
 
 <script setup lang="ts">
 import {ref, shallowReactive, watch, type PropType} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import User from '@/components/misc/user.vue'
@@ -39,7 +38,9 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import {includesById} from '@/helpers/utils'
 import ListUserService from '@/services/listUsers'
 import {success} from '@/message'
-import type { IUser } from '@/modelTypes/IUser'
+import {useTaskStore} from '@/stores/tasks'
+
+import type {IUser} from '@/modelTypes/IUser'
 
 const props = defineProps({
 		taskId: {
@@ -60,7 +61,7 @@ const props = defineProps({
 	})
 const emit = defineEmits(['update:modelValue'])
 
-const store = useStore()
+const taskStore = useTaskStore()
 const {t} = useI18n({useScope: 'global'})
 
 const listUserService = shallowReactive(new ListUserService())
@@ -79,13 +80,13 @@ watch(
 )
 
 async function addAssignee(user: IUser) {
-	await store.dispatch('tasks/addAssignee', {user: user, taskId: props.taskId})
+	await taskStore.addAssignee({user: user, taskId: props.taskId})
 	emit('update:modelValue', assignees.value)
 	success({message: t('task.assignee.assignSuccess')})
 }
 
 async function removeAssignee(user: IUser) {
-	await store.dispatch('tasks/removeAssignee', {user: user, taskId: props.taskId})
+	await taskStore.removeAssignee({user: user, taskId: props.taskId})
 
 	// Remove the assignee from the list
 	for (const a in assignees.value) {
diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue
index 7aea6430..7bb3ee8c 100644
--- a/src/components/tasks/partials/editLabels.vue
+++ b/src/components/tasks/partials/editLabels.vue
@@ -40,7 +40,6 @@
 
 <script setup lang="ts">
 import {type PropType, ref, computed, shallowReactive, watch} from 'vue'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import LabelModel from '@/models/label'
@@ -49,8 +48,9 @@ import {success} from '@/message'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import Multiselect from '@/components/input/multiselect.vue'
-import type { ILabel } from '@/modelTypes/ILabel'
-import { useLabelStore } from '@/stores/labels'
+import type {ILabel} from '@/modelTypes/ILabel'
+import {useLabelStore} from '@/stores/labels'
+import {useTaskStore} from '@/stores/tasks'
 
 const props = defineProps({
 	modelValue: {
@@ -69,7 +69,6 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue'])
 
-const store = useStore()
 const {t} = useI18n({useScope: 'global'})
 
 const labelTaskService = shallowReactive(new LabelTaskService())
@@ -87,6 +86,7 @@ watch(
 	},
 )
 
+const taskStore = useTaskStore()
 const labelStore = useLabelStore()
 
 const foundLabels = computed(() => labelStore.filterLabelsByQuery(labels.value, query.value))
@@ -97,17 +97,13 @@ function findLabel(newQuery: string) {
 }
 
 async function addLabel(label: ILabel, showNotification = true) {
-	const bubble = () => {
-		emit('update:modelValue', labels.value)
-	}
-	
 	if (props.taskId === 0) {
-		bubble()
+		emit('update:modelValue', labels.value)
 		return
 	}
 
-	await store.dispatch('tasks/addLabel', {label, taskId: props.taskId})
-	bubble()
+	await taskStore.addLabel({label, taskId: props.taskId})
+	emit('update:modelValue', labels.value)
 	if (showNotification) {
 		success({message: t('task.label.addSuccess')})
 	}
@@ -115,7 +111,7 @@ async function addLabel(label: ILabel, showNotification = true) {
 
 async function removeLabel(label: ILabel) {
 	if (props.taskId !== 0) {
-		await store.dispatch('tasks/removeLabel', {label, taskId: props.taskId})
+		await taskStore.removeLabel({label, taskId: props.taskId})
 	}
 
 	for (const l in labels.value) {
diff --git a/src/components/tasks/partials/heading.vue b/src/components/tasks/partials/heading.vue
index b8bc51cf..5b53018c 100644
--- a/src/components/tasks/partials/heading.vue
+++ b/src/components/tasks/partials/heading.vue
@@ -38,7 +38,6 @@
 
 <script setup lang="ts">
 import {ref, computed, type PropType} from 'vue'
-import {useStore} from '@/store'
 import {useRouter} from 'vue-router'
 
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -48,6 +47,7 @@ import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
 
 import type {ITask} from '@/modelTypes/ITask'
 import ColorBubble from '@/components/misc/colorBubble.vue'
+import {useTaskStore} from '@/stores/tasks'
 
 const props = defineProps({
 	task: {
@@ -72,8 +72,8 @@ async function copyUrl() {
 	await copy(absoluteURL)
 }
 
-const store = useStore()
-const loading = computed(() => store.state.loading)
+const taskStore = useTaskStore()
+const loading = computed(() => taskStore.isLoading)
 
 const textIdentifier = computed(() => props.task?.getTextIdentifier() || '')
 
@@ -93,7 +93,7 @@ async function save(title: string) {
 
 	try {
 		saving.value = true
-		const newTask = await store.dispatch('tasks/update', {
+		const newTask = await taskStore.update({
 			...props.task,
 			title,
 		})
diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 68b0b480..6ddd776a 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -78,6 +78,7 @@ import type {ITask} from '@/modelTypes/ITask'
 
 import {formatDateLong, formatISO, formatDateSince} from '@/helpers/time/formatDate'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
+import {useTaskStore} from '@/stores/tasks'
 
 export default defineComponent({
 	name: 'kanban-card',
@@ -121,7 +122,7 @@ export default defineComponent({
 			this.loadingInternal = true
 			try {
 				const done = !task.done
-				await this.$store.dispatch('tasks/update', {
+				await useTaskStore().update({
 					...task,
 					done,
 				})
diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index ff868865..3d76ebfd 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -149,7 +149,6 @@
 import {ref, reactive, shallowReactive, watch, computed, type PropType} from 'vue'
 import {useI18n} from 'vue-i18n'
 import {useRoute} from 'vue-router'
-import {useStore} from '@/store'
 
 import TaskService from '@/services/task'
 import TaskModel from '@/models/task'
@@ -167,6 +166,7 @@ import Fancycheckbox from '@/components/input/fancycheckbox.vue'
 import {useNamespaceStore} from '@/stores/namespaces'
 
 import {error, success} from '@/message'
+import {useTaskStore} from '@/stores/tasks'
 
 const props = defineProps({
 	taskId: {
@@ -190,7 +190,7 @@ const props = defineProps({
 	},
 })
 
-const store = useStore()
+const taskStore = useTaskStore()
 const namespaceStore = useNamespaceStore()
 const route = useRoute()
 const {t} = useI18n({useScope: 'global'})
@@ -344,7 +344,7 @@ async function createAndRelateTask(title: string) {
 }
 
 async function toggleTaskDone(task: ITask) {
-	await store.dispatch('tasks/update', task)
+	await taskStore.update(task)
 	
 	// Find the task in the list and update it so that it is correctly strike through
 	Object.entries(relatedTasks.value).some(([kind, tasks]) => {
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index ccf06f24..4abf633d 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -119,6 +119,7 @@ import {formatDateSince, formatISO, formatDateLong} from '@/helpers/time/formatD
 import ColorBubble from '@/components/misc/colorBubble.vue'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
+import {useTaskStore} from '@/stores/tasks'
 
 export default defineComponent({
 	name: 'singleTaskInList',
@@ -208,7 +209,7 @@ export default defineComponent({
 
 		async markAsDone(checked: boolean) {
 			const updateFunc = async () => {
-				const task = await this.$store.dispatch('tasks/update', this.task)
+				const task = await useTaskStore().update(this.task)
 				this.task = task
 				this.$emit('task-updated', task)
 				this.$message.success({
diff --git a/src/helpers/attachments.ts b/src/helpers/attachments.ts
index e99d3e57..ce51c203 100644
--- a/src/helpers/attachments.ts
+++ b/src/helpers/attachments.ts
@@ -2,7 +2,7 @@ import AttachmentModel from '@/models/attachment'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 
 import AttachmentService from '@/services/attachment'
-import { store } from '@/store'
+import {useTaskStore} from '@/stores/tasks'
 
 export function uploadFile(taskId: number, file: File, onSuccess: (url: string) => void) {
 	const attachmentService = new AttachmentService()
@@ -22,7 +22,7 @@ export async function uploadFiles(
 	console.debug(`Uploaded attachments for task ${taskId}, response was`, response)
 
 	response.success?.map((attachment: IAttachment) => {
-		store.dispatch('tasks/addTaskAttachment', {
+		useTaskStore().addTaskAttachment({
 			taskId,
 			attachment,
 		})
diff --git a/src/main.ts b/src/main.ts
index aa64ea3e..a1e143cc 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,8 +1,8 @@
 import {createApp} from 'vue'
 
-import App from './App.vue'
+import pinia from './pinia'
 import router from './router'
-import { createPinia } from 'pinia'
+import App from './App.vue'
 
 import {error, success} from './message'
 
@@ -105,7 +105,6 @@ if (window.SENTRY_ENABLED) {
 	import('./sentry').then(sentry => sentry.default(app, router))
 }
 
-const pinia = createPinia()
 app.use(pinia)
 
 app.use(store, key) // pass the injection key
diff --git a/src/pinia.ts b/src/pinia.ts
new file mode 100644
index 00000000..2999936c
--- /dev/null
+++ b/src/pinia.ts
@@ -0,0 +1,5 @@
+import {createPinia} from 'pinia'
+
+const pinia = createPinia()
+
+export default pinia
diff --git a/src/store/index.ts b/src/store/index.ts
index 40690179..73b4a698 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -21,6 +21,7 @@ import ListService from '../services/list'
 import {checkAndSetApiUrl} from '@/helpers/checkAndSetApiUrl'
 
 import type { RootStoreState, StoreState } from './types'
+import pinia from '@/pinia'
 import {useAuthStore} from '@/stores/auth'
 
 export const key: InjectionKey<Store<StoreState>> = Symbol()
@@ -130,7 +131,7 @@ export const store = createStore<RootStoreState>({
 		},
 		async loadApp() {
 			await checkAndSetApiUrl(window.API_URL)
-			const authStore = useAuthStore()
+			const authStore = useAuthStore(pinia)
 			await authStore.checkAuth()
 		},
 	},
diff --git a/src/store/types.ts b/src/store/types.ts
index a263ef08..76696a05 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -94,7 +94,9 @@ export interface NamespaceState {
 	isLoading: boolean,
 }
 
-export interface TaskState {}
+export interface TaskState {
+	isLoading: boolean,
+}
 
 
 export type StoreState = RootStoreState & {
diff --git a/src/stores/labels.ts b/src/stores/labels.ts
index 06a372cd..356524e3 100644
--- a/src/stores/labels.ts
+++ b/src/stores/labels.ts
@@ -124,7 +124,7 @@ export const useLabelStore = defineStore('label', {
 			const labelService = new LabelService()
 
 			try {
-				const newLabel = await labelService.create(label)
+				const newLabel = await labelService.create(label) as ILabel
 				this.setLabel(newLabel)
 				return newLabel
 			} finally {
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 5ef453a7..a69b1f59 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -1,4 +1,4 @@
-import type { Module } from 'vuex'
+import {defineStore, acceptHMRUpdate} from 'pinia'
 import router from '@/router'
 import {formatISO} from 'date-fns'
 
@@ -8,7 +8,7 @@ import LabelTaskService from '@/services/labelTask'
 import UserService from '@/services/user'
 
 import {HAS_TASKS} from '../store/mutation-types'
-import {setLoading} from '../store/helper'
+import {setLoadingPinia} from '../store/helper'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {parseTaskText} from '@/modules/parseTaskText'
 
@@ -20,15 +20,16 @@ import LabelModel from '@/models/label'
 
 import type {ILabel} from '@/modelTypes/ILabel'
 import type {ITask} from '@/modelTypes/ITask'
-import type { IUser } from '@/modelTypes/IUser'
-import type { IAttachment } from '@/modelTypes/IAttachment'
-import type { IList } from '@/modelTypes/IList'
+import type {IUser} from '@/modelTypes/IUser'
+import type {IAttachment} from '@/modelTypes/IAttachment'
+import type {IList} from '@/modelTypes/IList'
 
-import type { RootStoreState, TaskState } from '@/store/types'
+import type {TaskState} from '@/store/types'
 import {useLabelStore} from '@/stores/labels'
 import {useListStore} from '@/stores/lists'
 import {useAttachmentStore} from '@/stores/attachments'
 import {playPop} from '@/helpers/playPop'
+import {store} from '@/store'
 
 // IDEA: maybe use a small fuzzy search here to prevent errors
 function findPropertyByValue(object, key, value) {
@@ -43,7 +44,7 @@ function validateUsername(users: IUser[], username: IUser['username']) {
 }
 
 // Check if the label exists
-function validateLabel(labels: ILabel[], label: ILabel) {
+function validateLabel(labels: ILabel[], label: string) {
 	return findPropertyByValue(labels, 'title', label)
 }
 
@@ -58,7 +59,7 @@ async function addLabelToTask(task: ITask, label: ILabel) {
 	return response
 }
 
-async function findAssignees(parsedTaskAssignees) {
+async function findAssignees(parsedTaskAssignees: string[]) {
 	if (parsedTaskAssignees.length <= 0) {
 		return []
 	}
@@ -74,30 +75,31 @@ async function findAssignees(parsedTaskAssignees) {
 }
 
 
-const tasksStore : Module<TaskState, RootStoreState>= {
-	namespaced: true,
-	state: () => ({}),
+export const useTaskStore = defineStore('task', {
+	state: () : TaskState => ({
+		isLoading: false,
+	}),
 	actions: {
-		async loadTasks(ctx, params) {
+		async loadTasks(params) {
 			const taskService = new TaskService()
 
-			const cancel = setLoading(ctx, 'tasks')
+			const cancel = setLoadingPinia(this)
 			try {
 				const tasks = await taskService.getAll({}, params)
-				ctx.commit(HAS_TASKS, tasks.length > 0, {root: true})
+				store.commit(HAS_TASKS, tasks.length > 0)
 				return tasks
 			} finally {
 				cancel()
 			}
 		},
 
-		async update(ctx, task: ITask) {
-			const cancel = setLoading(ctx, 'tasks')
+		async update(task: ITask) {
+			const cancel = setLoadingPinia(this)
 
 			const taskService = new TaskService()
 			try {
 				const updatedTask = await taskService.update(task)
-				ctx.commit('kanban/setTaskInBucket', updatedTask, {root: true})
+				store.commit('kanban/setTaskInBucket', updatedTask)
 				if (task.done) {
 					playPop()
 				}
@@ -107,23 +109,23 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 			}
 		},
 
-		async delete(ctx, task: ITask) {
+		async delete(task: ITask) {
 			const taskService = new TaskService()
 			const response = await taskService.delete(task)
-			ctx.commit('kanban/removeTaskInBucket', task, {root: true})
+			store.commit('kanban/removeTaskInBucket', task)
 			return response
 		},
 
 		// Adds a task attachment in store.
 		// This is an action to be able to commit other mutations
-		addTaskAttachment(ctx, {
+		addTaskAttachment({
 			taskId,
 			attachment,
 		}: {
 			taskId: ITask['id']
 			attachment: IAttachment
 		}) {
-			const t = ctx.rootGetters['kanban/getTaskById'](taskId)
+			const t = store.getters['kanban/getTaskById'](taskId)
 			if (t.task !== null) {
 				const attachments = [
 					...t.task.attachments,
@@ -137,24 +139,25 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 						attachments,
 					},
 				}
-				ctx.commit('kanban/setTaskInBucketByIndex', newTask, {root: true})
+				store.commit('kanban/setTaskInBucketByIndex', newTask)
 			}
 			const attachmentStore = useAttachmentStore()
 			attachmentStore.add(attachment)
 		},
 
-		async addAssignee(ctx, {
+		async addAssignee({
 			user,
 			taskId,
 		}: {
 			user: IUser,
 			taskId: ITask['id']
 		}) {
-			const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: taskId})
-
 			const taskAssigneeService = new TaskAssigneeService()
-			const r = await taskAssigneeService.create(taskAssignee)
-			const t = ctx.rootGetters['kanban/getTaskById'](taskId)
+			const r = await taskAssigneeService.create(new TaskAssigneeModel({
+				userId: user.id,
+				taskId: taskId,
+			}))
+			const t = store.getters['kanban/getTaskById'](taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -163,33 +166,32 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 				return r
 			}
 
-			const assignees = [
-				...t.task.assignees,
-				user,
-			]
-
-			ctx.commit('kanban/setTaskInBucketByIndex', {
+			store.commit('kanban/setTaskInBucketByIndex', {
 				...t,
 				task: {
 					...t.task,
-					assignees,
+					assignees: [
+						...t.task.assignees,
+						user,
+					],
 				},
-			}, {root: true})
+			})
 			return r
 		},
 
-		async removeAssignee(ctx, {
+		async removeAssignee({
 			user,
 			taskId,
 		}: {
 			user: IUser,
 			taskId: ITask['id']
 		}) {
-			const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: taskId})
-
 			const taskAssigneeService = new TaskAssigneeService()
-			const response = await taskAssigneeService.delete(taskAssignee)
-			const t = ctx.rootGetters['kanban/getTaskById'](taskId)
+			const response = await taskAssigneeService.delete(new TaskAssigneeModel({
+				userId: user.id,
+				taskId: taskId,
+			}))
+			const t = store.getters['kanban/getTaskById'](taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -200,29 +202,30 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 
 			const assignees = t.task.assignees.filter(({ id }) => id !== user.id)
 
-			ctx.commit('kanban/setTaskInBucketByIndex', {
+			store.commit('kanban/setTaskInBucketByIndex', {
 				...t,
 				task: {
 					...t.task,
 					assignees,
 				},
-			}, {root: true})
+			})
 			return response
 
 		},
 
-		async addLabel(ctx, {
+		async addLabel({
 			label,
 			taskId,
 		} : {
 			label: ILabel,
 			taskId: ITask['id']
 		}) {
-			const labelTask = new LabelTaskModel({taskId, labelId: label.id})
-
 			const labelTaskService = new LabelTaskService()
-			const r = await labelTaskService.create(labelTask)
-			const t = ctx.rootGetters['kanban/getTaskById'](taskId)
+			const r = await labelTaskService.create(new LabelTaskModel({
+				taskId,
+				labelId: label.id,
+			}))
+			const t = store.getters['kanban/getTaskById'](taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -231,28 +234,30 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 				return r
 			}
 
-			const labels = [
-				...t.task.labels,
-				label,
-			]
-
-			ctx.commit('kanban/setTaskInBucketByIndex', {
+			store.commit('kanban/setTaskInBucketByIndex', {
 				...t,
 				task: {
 					...t.task,
-					labels,
+					labels: [
+						...t.task.labels,
+						label,
+					],
 				},
-			}, {root: true})
+			})
 
 			return r
 		},
 
-		async removeLabel(ctx, {label, taskId}) {
-			const labelTask = new LabelTaskModel({taskId, labelId: label.id})
-
+		async removeLabel(
+			{label, taskId}:
+			{label: ILabel, taskId: ITask['id']},
+		) {
 			const labelTaskService = new LabelTaskService()
-			const response = await labelTaskService.delete(labelTask)
-			const t = ctx.rootGetters['kanban/getTaskById'](taskId)
+			const response = await labelTaskService.delete(new LabelTaskModel({
+				taskId, labelId:
+				label.id,
+			}))
+			const t = store.getters['kanban/getTaskById'](taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -264,19 +269,22 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 			// Remove the label from the list
 			const labels = t.task.labels.filter(({ id }) => id !== label.id)
 
-			ctx.commit('kanban/setTaskInBucketByIndex', {
+			store.commit('kanban/setTaskInBucketByIndex', {
 				...t,
 				task: {
 					...t.task,
 					labels,
 				},
-			}, {root: true})
+			})
 
 			return response
 		},
 
 		// Do everything that is involved in finding, creating and adding the label to the task
-		async addLabelsToTask(_, { task, parsedLabels }) {
+		async addLabelsToTask(
+			{ task, parsedLabels }:
+			{ task: ITask, parsedLabels: string[] },
+		) {
 			if (parsedLabels.length <= 0) {
 				return task
 			}
@@ -299,10 +307,9 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 			return task
 		},
 
-		findListId(_, { list: listName, listId }: {
-			list: string,
-			listId: IList['id']
-		}) {
+		findListId(
+			{ list: listName, listId }:
+			{ list: string, listId: IList['id'] }) {
 			let foundListId = null
 			
 			// Uses the following ways to get the list id of the new task:
@@ -320,7 +327,7 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 		
 			//  3. Otherwise use the id from the route parameter
 			if (typeof router.currentRoute.value.params.listId !== 'undefined') {
-				foundListId = parseInt(router.currentRoute.value.params.listId)
+				foundListId = Number(router.currentRoute.value.params.listId)
 			}
 			
 			//  4. If none of the above worked, reject the promise with an error.
@@ -331,7 +338,7 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 			return foundListId
 		},
 
-		async createNewTask(ctx, { 
+		async createNewTask({
 			title,
 			bucketId,
 			listId,
@@ -339,10 +346,10 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 		} : 
 			Partial<ITask>,
 		) {
-			const cancel = setLoading(ctx, 'tasks')
+			const cancel = setLoadingPinia(this)
 			const parsedTask = parseTaskText(title, getQuickAddMagicMode())
 		
-			const foundListId = await ctx.dispatch('findListId', {
+			const foundListId = await this.findListId({
 				list: parsedTask.list,
 				listId: listId || 0,
 			})
@@ -369,7 +376,7 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 		
 			const taskService = new TaskService()
 			const createdTask = await taskService.create(task)
-			const result = await ctx.dispatch('addLabelsToTask', {
+			const result = await this.addLabelsToTask({
 				task: createdTask,
 				parsedLabels: parsedTask.labels,
 			})
@@ -377,6 +384,9 @@ const tasksStore : Module<TaskState, RootStoreState>= {
 			return result
 		},
 	},
-}
+})
 
-export default tasksStore
\ No newline at end of file
+// support hot reloading
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useTaskStore, import.meta.hot))
+}
\ No newline at end of file
diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index c1d87538..c950e008 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -240,6 +240,7 @@ import {calculateItemPosition} from '../../helpers/calculateItemPosition'
 import KanbanCard from '@/components/tasks/partials/kanban-card.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
 import {isSavedFilter} from '@/helpers/savedFilter'
+import {useTaskStore} from '@/stores/tasks'
 
 const DRAG_OPTIONS = {
 	// sortable options
@@ -433,7 +434,8 @@ export default defineComponent({
 			)
 
 			try {
-				await this.$store.dispatch('tasks/update', newTask)
+				const taskStore = useTaskStore()
+				await taskStore.update(newTask)
 				
 				// Make sure the first and second task don't both get position 0 assigned
 				if(newTaskIndex === 0 && taskAfter !== null && taskAfter.kanbanPosition === 0) {
@@ -445,7 +447,7 @@ export default defineComponent({
 						taskAfterAfter !== null ? taskAfterAfter.kanbanPosition : null,
 					)
 
-					await this.$store.dispatch('tasks/update', newTaskAfter)
+					await taskStore.update(newTaskAfter)
 				}
 			} finally {
 				this.taskUpdating[task.id] = false
@@ -464,7 +466,7 @@ export default defineComponent({
 			}
 			this.newTaskError[bucketId] = false
 			
-			const task = await this.$store.dispatch('tasks/createNewTask', {
+			const task = await useTaskStore().createNewTask({
 				title: this.newTaskText,
 				bucketId,
 				listId: this.listId,
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index fa5f0997..d0663aca 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -139,7 +139,7 @@ export default { name: 'List' }
 </script>
 
 <script setup lang="ts">
-import {ref, computed, toRef, nextTick, onMounted} from 'vue'
+import {ref, computed, toRef, nextTick, onMounted, type PropType} from 'vue'
 import draggable from 'zhyswan-vuedraggable'
 import {useRoute, useRouter} from 'vue-router'
 
@@ -161,6 +161,9 @@ import {RIGHTS as Rights} from '@/constants/rights'
 import {calculateItemPosition} from '@/helpers/calculateItemPosition'
 import type {ITask} from '@/modelTypes/ITask'
 import {isSavedFilter} from '@/helpers/savedFilter'
+import {useTaskStore} from '@/stores/tasks'
+
+import type {IList} from '@/modelTypes/IList'
 
 function sortTasks(tasks: ITask[]) {
 	if (tasks === null || Array.isArray(tasks) && tasks.length === 0) {
@@ -182,7 +185,7 @@ function sortTasks(tasks: ITask[]) {
 
 const props = defineProps({
 	listId: {
-		type: Number,
+		type: Number as PropType<IList['id']>,
 		required: true,
 	},
 })
@@ -224,6 +227,7 @@ const firstNewPosition = computed(() => {
 	return calculateItemPosition(null, tasks.value[0].position)
 })
 
+const taskStore = useTaskStore()
 const store = useStore()
 const list = computed(() => store.state.currentList)
 
@@ -238,6 +242,7 @@ onMounted(async () => {
 
 const route = useRoute()
 const router = useRouter()
+
 function searchTasks() {
 	// Only search if the search term changed
 	if (route.query as unknown as string === searchTerm.value) {
@@ -309,7 +314,7 @@ async function saveTaskPosition(e) {
 		position: calculateItemPosition(taskBefore !== null ? taskBefore.position : null, taskAfter !== null ? taskAfter.position : null),
 	}
 
-	const updatedTask = await this.$store.dispatch('tasks/update', newTask)
+	const updatedTask = await taskStore.update(newTask)
 	tasks.value[e.newIndex] = updatedTask
 }
 </script>
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index ab80110c..de2acce3 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -60,9 +60,11 @@ import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 import LlamaCool from '@/assets/llama-cool.svg?component'
 import type {ITask} from '@/modelTypes/ITask'
 import {useAuthStore} from '@/stores/auth'
+import {useTaskStore} from '@/stores/tasks'
 
 const store = useStore()
 const authStore = useAuthStore()
+const taskStore = useTaskStore()
 const route = useRoute()
 const router = useRouter()
 const {t} = useI18n({useScope: 'global'})
@@ -180,7 +182,7 @@ async function loadPendingTasks(from: string, to: string) {
 		}
 	}
 
-	tasks.value = await store.dispatch('tasks/loadTasks', params)
+	tasks.value = await taskStore.loadTasks(params)
 }
 
 // FIXME: this modification should happen in the store
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index ea67956e..ab61a077 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -464,6 +464,7 @@ import type {IList} from '@/modelTypes/IList'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useAttachmentStore} from '@/stores/attachments'
+import {useTaskStore} from '@/stores/tasks'
 
 function scrollIntoView(el) {
 	if (!el) {
@@ -696,7 +697,8 @@ export default defineComponent({
 				task.endDate = task.dueDate
 			}
 
-			this.task = await this.$store.dispatch('tasks/update', task)
+			
+			this.task = await useTaskStore().update(task)
 
 			if (!showNotification) {
 				return
@@ -728,7 +730,7 @@ export default defineComponent({
 		},
 
 		async deleteTask() {
-			await this.$store.dispatch('tasks/delete', this.task)
+			await useTaskStore().delete(this.task)
 			this.$message.success({message: this.$t('task.detail.deleteSuccess')})
 			this.$router.push({name: 'list.index', params: {listId: this.task.listId}})
 		},

From 9f26ae1ee6241b2ef529f01d3511380c9d7a4576 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 23 Sep 2022 17:04:43 +0200
Subject: [PATCH 062/187] feat: move kanban to stores

---
 src/{store/modules => stores}/kanban.ts | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/{store/modules => stores}/kanban.ts (100%)

diff --git a/src/store/modules/kanban.ts b/src/stores/kanban.ts
similarity index 100%
rename from src/store/modules/kanban.ts
rename to src/stores/kanban.ts

From c35810f28fc5aacefabad7526b0ac4e982d53cc7 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 24 Sep 2022 12:35:41 +0200
Subject: [PATCH 063/187] feat: port kanban store to pinia

---
 src/store/index.ts                 |   4 -
 src/store/types.ts                 |   5 +-
 src/stores/kanban.ts               | 442 +++++++++++++++--------------
 src/stores/tasks.ts                |  30 +-
 src/views/list/ListKanban.vue      |  50 ++--
 src/views/list/ListWrapper.vue     |   4 +-
 src/views/tasks/TaskDetailView.vue |   3 +-
 7 files changed, 277 insertions(+), 261 deletions(-)

diff --git a/src/store/index.ts b/src/store/index.ts
index 73b4a698..cd001a87 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -13,7 +13,6 @@ import {
 	MENU_ACTIVE,
 	QUICK_ACTIONS_ACTIVE,
 } from './mutation-types'
-import kanban from './modules/kanban'
 
 import ListModel from '@/models/list'
 
@@ -33,9 +32,6 @@ export function useStore () {
 
 export const store = createStore<RootStoreState>({
 	strict: import.meta.env.DEV,
-	modules: {
-		kanban,
-	},
 	state: () => ({
 		loading: false,
 		loadingModule: null,
diff --git a/src/store/types.ts b/src/store/types.ts
index 76696a05..f7ea2ce8 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -68,13 +68,16 @@ export interface ConfigState {
 export interface KanbanState {
 	buckets: IBucket[],
 	listId: IList['id'],
-	bucketLoading: {},
+	bucketLoading: {
+		[id: IBucket['id']]: boolean
+	},
 	taskPagesPerBucket: {
 		[id: IBucket['id']]: number
 	},
 	allTasksLoadedForBucket: {
 		[id: IBucket['id']]: boolean
 	},
+	isLoading: boolean,
 }
 
 export interface LabelState {
diff --git a/src/stores/kanban.ts b/src/stores/kanban.ts
index df09d46c..f5a19119 100644
--- a/src/stores/kanban.ts
+++ b/src/stores/kanban.ts
@@ -1,14 +1,14 @@
-import type { Module } from 'vuex'
+import {defineStore, acceptHMRUpdate} from 'pinia'
 import cloneDeep from 'lodash.clonedeep'
 
 import {findById, findIndexById} from '@/helpers/utils'
 import {i18n} from '@/i18n'
 import {success} from '@/message'
 
-import BucketService from '../../services/bucket'
-import {setLoading} from '../helper'
+import BucketService from '../services/bucket'
+import {setLoadingPinia} from '@/store/helper'
 import TaskCollectionService from '@/services/taskCollection'
-import type { RootStoreState, KanbanState } from '@/store/types'
+import type { KanbanState } from '@/store/types'
 import type { ITask } from '@/modelTypes/ITask'
 import type { IList } from '@/modelTypes/IList'
 import type { IBucket } from '@/modelTypes/IBucket'
@@ -41,188 +41,16 @@ const addTaskToBucketAndSort = (state: KanbanState, task: ITask) => {
  * This store is intended to hold the currently active kanban view.
  * It should hold only the current buckets.
  */
-const kanbanStore : Module<KanbanState, RootStoreState> = {
-	namespaced: true,
-
-	state: () => ({
+export const useKanbanStore = defineStore('kanban', {
+	state: () : KanbanState => ({
 		buckets: [],
 		listId: 0,
 		bucketLoading: {},
 		taskPagesPerBucket: {},
 		allTasksLoadedForBucket: {},
+		isLoading: false,
 	}),
 
-	mutations: {
-		setListId(state, listId: IList['id']) {
-			state.listId = parseInt(listId)
-		},
-
-		setBuckets(state, buckets: IBucket[]) {
-			state.buckets = buckets
-			buckets.forEach(b => {
-				state.taskPagesPerBucket[b.id] = 1
-				state.allTasksLoadedForBucket[b.id] = false
-			})
-		},
-
-		addBucket(state, bucket: IBucket) {
-			state.buckets.push(bucket)
-		},
-
-		removeBucket(state, bucket: IBucket) {
-			const bucketIndex = findIndexById(state.buckets, bucket.id)
-			state.buckets.splice(bucketIndex, 1)
-		},
-
-		setBucketById(state, bucket: IBucket) {
-			const bucketIndex = findIndexById(state.buckets, bucket.id)
-			state.buckets[bucketIndex] = bucket
-		},
-
-		setBucketByIndex(state, {
-			bucketIndex,
-			bucket,
-		} : {
-			bucketIndex: number,
-			bucket: IBucket
-		}) {
-			state.buckets[bucketIndex] = bucket
-		},
-
-		setTaskInBucketByIndex(state, {
-			bucketIndex,
-			taskIndex,
-			task,
-		} : {
-			bucketIndex: number,
-			taskIndex: number,
-			task: ITask
-		}) {
-			const bucket = state.buckets[bucketIndex]
-			bucket.tasks[taskIndex] = task
-			state.buckets[bucketIndex] = bucket
-		},
-
-		setTasksInBucketByBucketId(state, {
-			bucketId,
-			tasks,
-		} : {
-			bucketId: IBucket['id'],
-			tasks: ITask[],
-		}) {
-			const bucketIndex = findIndexById(state.buckets, bucketId)
-			state.buckets[bucketIndex] = {
-				...state.buckets[bucketIndex],
-				tasks,
-			}
-		},
-		
-		setTaskInBucket(state, task: ITask) {
-			// If this gets invoked without any tasks actually loaded, we can save the hassle of finding the task
-			if (state.buckets.length === 0) {
-				return
-			}
-
-			let found = false
-
-			const findAndUpdate = b => {
-				for (const t in state.buckets[b].tasks) {
-					if (state.buckets[b].tasks[t].id === task.id) {
-						const bucket = state.buckets[b]
-						bucket.tasks[t] = task
-
-						if (bucket.id !== task.bucketId) {
-							bucket.tasks.splice(t, 1)
-							addTaskToBucketAndSort(state, task)
-						}
-
-						state.buckets[b] = bucket
-
-						found = true
-						return
-					}
-				}
-			}
-
-			for (const b in state.buckets) {
-				if (state.buckets[b].id === task.bucketId) {
-					findAndUpdate(b)
-					if (found) {
-						return
-					}
-				}
-			}
-
-			for (const b in state.buckets) {
-				findAndUpdate(b)
-				if (found) {
-					return
-				}
-			}
-		},
-
-		addTaskToBucket(state, task: ITask) {
-			const bucketIndex = findIndexById(state.buckets, task.bucketId)
-			const oldBucket = state.buckets[bucketIndex]
-			const newBucket = {
-				...oldBucket,
-				tasks: [
-					...oldBucket.tasks,
-					task,
-				],
-			}
-			state.buckets[bucketIndex] = newBucket
-		},
-
-		addTasksToBucket(state, {tasks, bucketId}: {
-			tasks: ITask[];
-			bucketId: IBucket['id'];
-		}) {
-			const bucketIndex = findIndexById(state.buckets, bucketId)
-			const oldBucket = state.buckets[bucketIndex]
-			const newBucket = {
-				...oldBucket,
-				tasks: [
-					...oldBucket.tasks,
-					...tasks,
-				],
-			}
-			state.buckets[bucketIndex] = newBucket
-		},
-
-		removeTaskInBucket(state, task: ITask) {
-			// If this gets invoked without any tasks actually loaded, we can save the hassle of finding the task
-			if (state.buckets.length === 0) {
-				return
-			}
-
-			const { bucketIndex, taskIndex } = getTaskIndicesById(state, task.id)
-
-			if (
-				!bucketIndex || 
-				state.buckets[bucketIndex]?.id !== task.bucketId ||
-				!taskIndex ||
-				(state.buckets[bucketIndex]?.tasks[taskIndex]?.id !== task.id)
-			) {
-				return
-			}
-			
-			state.buckets[bucketIndex].tasks.splice(taskIndex, 1)
-		},
-
-		setBucketLoading(state, {bucketId, loading}) {
-			state.bucketLoading[bucketId] = loading
-		},
-
-		setTasksLoadedForBucketPage(state: KanbanState, {bucketId, page}) {
-			state.taskPagesPerBucket[bucketId] = page
-		},
-
-		setAllTasksLoadedForBucket(state: KanbanState, bucketId) {
-			state.allTasksLoadedForBucket[bucketId] = true
-		},
-	},
-
 	getters: {
 		getBucketById(state) {
 			return (bucketId: IBucket['id']) => findById(state.buckets, bucketId)
@@ -243,40 +71,216 @@ const kanbanStore : Module<KanbanState, RootStoreState> = {
 	},
 
 	actions: {
-		async loadBucketsForList(ctx, {listId, params}) {
-			const cancel = setLoading(ctx, 'kanban')
+		setIsLoading(isLoading: boolean) {
+			this.isLoading = isLoading
+		},
+
+		setListId(listId: IList['id']) {
+			this.listId = Number(listId)
+		},
+
+		setBuckets(buckets: IBucket[]) {
+			this.buckets = buckets
+			buckets.forEach(b => {
+				this.taskPagesPerBucket[b.id] = 1
+				this.allTasksLoadedForBucket[b.id] = false
+			})
+		},
+
+		addBucket(bucket: IBucket) {
+			this.buckets.push(bucket)
+		},
+
+		removeBucket(bucket: IBucket) {
+			const bucketIndex = findIndexById(this.buckets, bucket.id)
+			this.buckets.splice(bucketIndex, 1)
+		},
+
+		setBucketById(bucket: IBucket) {
+			const bucketIndex = findIndexById(this.buckets, bucket.id)
+			this.buckets[bucketIndex] = bucket
+		},
+
+		setBucketByIndex({
+			bucketIndex,
+			bucket,
+		} : {
+			bucketIndex: number,
+			bucket: IBucket
+		}) {
+			this.buckets[bucketIndex] = bucket
+		},
+
+		setTaskInBucketByIndex({
+			bucketIndex,
+			taskIndex,
+			task,
+		} : {
+			bucketIndex: number,
+			taskIndex: number,
+			task: ITask
+		}) {
+			const bucket = this.buckets[bucketIndex]
+			bucket.tasks[taskIndex] = task
+			this.buckets[bucketIndex] = bucket
+		},
+
+		setTasksInBucketByBucketId({
+			bucketId,
+			tasks,
+		} : {
+			bucketId: IBucket['id'],
+			tasks: ITask[],
+		}) {
+			const bucketIndex = findIndexById(this.buckets, bucketId)
+			this.buckets[bucketIndex] = {
+				...this.buckets[bucketIndex],
+				tasks,
+			}
+		},
+		
+		setTaskInBucket(task: ITask) {
+			// If this gets invoked without any tasks actually loaded, we can save the hassle of finding the task
+			if (this.buckets.length === 0) {
+				return
+			}
+
+			let found = false
+
+			const findAndUpdate = b => {
+				for (const t in this.buckets[b].tasks) {
+					if (this.buckets[b].tasks[t].id === task.id) {
+						const bucket = this.buckets[b]
+						bucket.tasks[t] = task
+
+						if (bucket.id !== task.bucketId) {
+							bucket.tasks.splice(t, 1)
+							addTaskToBucketAndSort(this, task)
+						}
+
+						this.buckets[b] = bucket
+
+						found = true
+						return
+					}
+				}
+			}
+
+			for (const b in this.buckets) {
+				if (this.buckets[b].id === task.bucketId) {
+					findAndUpdate(b)
+					if (found) {
+						return
+					}
+				}
+			}
+
+			for (const b in this.buckets) {
+				findAndUpdate(b)
+				if (found) {
+					return
+				}
+			}
+		},
+
+		addTaskToBucket(task: ITask) {
+			const bucketIndex = findIndexById(this.buckets, task.bucketId)
+			const oldBucket = this.buckets[bucketIndex]
+			const newBucket = {
+				...oldBucket,
+				tasks: [
+					...oldBucket.tasks,
+					task,
+				],
+			}
+			this.buckets[bucketIndex] = newBucket
+		},
+
+		addTasksToBucket({tasks, bucketId}: {
+			tasks: ITask[];
+			bucketId: IBucket['id'];
+		}) {
+			const bucketIndex = findIndexById(this.buckets, bucketId)
+			const oldBucket = this.buckets[bucketIndex]
+			const newBucket = {
+				...oldBucket,
+				tasks: [
+					...oldBucket.tasks,
+					...tasks,
+				],
+			}
+			this.buckets[bucketIndex] = newBucket
+		},
+
+		removeTaskInBucket(task: ITask) {
+			// If this gets invoked without any tasks actually loaded, we can save the hassle of finding the task
+			if (this.buckets.length === 0) {
+				return
+			}
+
+			const { bucketIndex, taskIndex } = getTaskIndicesById(this, task.id)
+
+			if (
+				!bucketIndex || 
+				this.buckets[bucketIndex]?.id !== task.bucketId ||
+				!taskIndex ||
+				(this.buckets[bucketIndex]?.tasks[taskIndex]?.id !== task.id)
+			) {
+				return
+			}
+			
+			this.buckets[bucketIndex].tasks.splice(taskIndex, 1)
+		},
+
+		setBucketLoading({bucketId, loading}: {bucketId: IBucket['id'], loading: boolean}) {
+			this.bucketLoading[bucketId] = loading
+		},
+
+		setTasksLoadedForBucketPage({bucketId, page}: {bucketId: IBucket['id'], page: number}) {
+			this.taskPagesPerBucket[bucketId] = page
+		},
+
+		setAllTasksLoadedForBucket(bucketId: IBucket['id']) {
+			this.allTasksLoadedForBucket[bucketId] = true
+		},
+
+		async loadBucketsForList({listId, params}: {listId: IList['id'], params}) {
+			const cancel = setLoadingPinia(this)
 
 			// Clear everything to prevent having old buckets in the list if loading the buckets from this list takes a few moments
-			ctx.commit('setBuckets', [])
+			this.setBuckets([])
 
 			params.per_page = TASKS_PER_BUCKET
 
 			const bucketService = new BucketService()
 			try {
-				const response = await  bucketService.getAll({listId}, params)
-				ctx.commit('setBuckets', response)
-				ctx.commit('setListId', listId)
-				return response
+				const buckets = await bucketService.getAll({listId}, params)
+				this.setBuckets(buckets)
+				this.setListId(listId)
+				return buckets
 			} finally {
 				cancel()
 			}
 		},
 
-		async loadNextTasksForBucket(ctx, {listId, ps = {}, bucketId}) {
-			const isLoading = ctx.state.bucketLoading[bucketId] ?? false
+		async loadNextTasksForBucket(
+			{listId, ps = {}, bucketId} :
+			{listId: IList['id'], ps, bucketId: IBucket['id']},
+		) {
+			const isLoading = this.bucketLoading[bucketId] ?? false
 			if (isLoading) {
 				return
 			}
 
-			const page = (ctx.state.taskPagesPerBucket[bucketId] ?? 1) + 1
+			const page = (this.taskPagesPerBucket[bucketId] ?? 1) + 1
 
-			const alreadyLoaded = ctx.state.allTasksLoadedForBucket[bucketId] ?? false
+			const alreadyLoaded = this.allTasksLoadedForBucket[bucketId] ?? false
 			if (alreadyLoaded) {
 				return
 			}
 
-			const cancel = setLoading(ctx, 'kanban')
-			ctx.commit('setBucketLoading', {bucketId: bucketId, loading: true})
+			const cancel = setLoadingPinia(this)
+			this.setBucketLoading({bucketId: bucketId, loading: true})
 
 			const params = JSON.parse(JSON.stringify(ps))
 
@@ -305,67 +309,67 @@ const kanbanStore : Module<KanbanState, RootStoreState> = {
 			const taskService = new TaskCollectionService()
 			try {
 				const tasks = await taskService.getAll({listId}, params, page)
-				ctx.commit('addTasksToBucket', {tasks, bucketId: bucketId})
-				ctx.commit('setTasksLoadedForBucketPage', {bucketId, page})
+				this.addTasksToBucket({tasks, bucketId: bucketId})
+				this.setTasksLoadedForBucketPage({bucketId, page})
 				if (taskService.totalPages <= page) {
-					ctx.commit('setAllTasksLoadedForBucket', bucketId)
+					this.setAllTasksLoadedForBucket(bucketId)
 				}
 				return tasks
 			} finally {
 				cancel()
-				ctx.commit('setBucketLoading', {bucketId, loading: false})
+				this.setBucketLoading({bucketId, loading: false})
 			}
 		},
 
-		async createBucket(ctx, bucket: IBucket) {
-			const cancel = setLoading(ctx, 'kanban')
+		async createBucket(bucket: IBucket) {
+			const cancel = setLoadingPinia(this)
 
 			const bucketService = new BucketService()
 			try {
 				const createdBucket = await bucketService.create(bucket)
-				ctx.commit('addBucket', createdBucket)
+				this.addBucket(createdBucket)
 				return createdBucket
 			} finally {
 				cancel()
 			}
 		},
 
-		async deleteBucket(ctx, {bucket, params}) {
-			const cancel = setLoading(ctx, 'kanban')
+		async deleteBucket({bucket, params}: {bucket: IBucket, params}) {
+			const cancel = setLoadingPinia(this)
 
 			const bucketService = new BucketService()
 			try {
 				const response = await bucketService.delete(bucket)
-				ctx.commit('removeBucket', bucket)
+				this.removeBucket(bucket)
 				// We reload all buckets because tasks are being moved from the deleted bucket
-				ctx.dispatch('loadBucketsForList', {listId: bucket.listId, params})
+				this.loadBucketsForList({listId: bucket.listId, params})
 				return response
 			} finally {
 				cancel()
 			}
 		},
 
-		async updateBucket(ctx, updatedBucketData) {
-			const cancel = setLoading(ctx, 'kanban')
+		async updateBucket(updatedBucketData: IBucket) {
+			const cancel = setLoadingPinia(this)
 
-			const bucketIndex = findIndexById(ctx.state.buckets, updatedBucketData.id)
-			const oldBucket = cloneDeep(ctx.state.buckets[bucketIndex])
+			const bucketIndex = findIndexById(this.buckets, updatedBucketData.id)
+			const oldBucket = cloneDeep(this.buckets[bucketIndex])
 
 			const updatedBucket = {
 				...oldBucket,
 				...updatedBucketData,
 			}
 
-			ctx.commit('setBucketByIndex', {bucketIndex, bucket: updatedBucket})
+			this.setBucketByIndex({bucketIndex, bucket: updatedBucket})
 			
 			const bucketService = new BucketService()
 			try {
 				const returnedBucket = await bucketService.update(updatedBucket)
-				ctx.commit('setBucketByIndex', {bucketIndex, bucket: returnedBucket})
+				this.setBucketByIndex({bucketIndex, bucket: returnedBucket})
 				return returnedBucket
 			} catch(e) {
 				// restore original state
-				ctx.commit('setBucketByIndex', {bucketIndex, bucket: oldBucket})
+				this.setBucketByIndex({bucketIndex, bucket: oldBucket})
 
 				throw e
 			} finally {
@@ -373,23 +377,21 @@ const kanbanStore : Module<KanbanState, RootStoreState> = {
 			}
 		},
 
-		async updateBucketTitle(ctx, { id, title }) {
-			const bucket = findById(ctx.state.buckets, id)
+		async updateBucketTitle({ id, title }: { id: IBucket['id'], title: IBucket['title'] }) {
+			const bucket = findById(this.buckets, id)
 
 			if (bucket?.title === title) {
 				// bucket title has not changed
 				return
 			}
 
-			const updatedBucketData = {
-				id,
-				title,
-			}
-
-			await ctx.dispatch('updateBucket', updatedBucketData)
+			await this.updateBucket({ id, title })
 			success({message: i18n.global.t('list.kanban.bucketTitleSavedSuccess')})
 		},
 	},
-}
+})
 
-export default kanbanStore
\ No newline at end of file
+// support hot reloading
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useKanbanStore, import.meta.hot))
+}
\ No newline at end of file
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index a69b1f59..8e3575e1 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -28,6 +28,7 @@ import type {TaskState} from '@/store/types'
 import {useLabelStore} from '@/stores/labels'
 import {useListStore} from '@/stores/lists'
 import {useAttachmentStore} from '@/stores/attachments'
+import {useKanbanStore} from '@/stores/kanban'
 import {playPop} from '@/helpers/playPop'
 import {store} from '@/store'
 
@@ -99,7 +100,7 @@ export const useTaskStore = defineStore('task', {
 			const taskService = new TaskService()
 			try {
 				const updatedTask = await taskService.update(task)
-				store.commit('kanban/setTaskInBucket', updatedTask)
+				useKanbanStore().setTaskInBucket(updatedTask)
 				if (task.done) {
 					playPop()
 				}
@@ -112,7 +113,7 @@ export const useTaskStore = defineStore('task', {
 		async delete(task: ITask) {
 			const taskService = new TaskService()
 			const response = await taskService.delete(task)
-			store.commit('kanban/removeTaskInBucket', task)
+			useKanbanStore().removeTaskInBucket(task)
 			return response
 		},
 
@@ -125,7 +126,8 @@ export const useTaskStore = defineStore('task', {
 			taskId: ITask['id']
 			attachment: IAttachment
 		}) {
-			const t = store.getters['kanban/getTaskById'](taskId)
+			const kanbanStore = useKanbanStore()
+			const t = kanbanStore.getTaskById(taskId)
 			if (t.task !== null) {
 				const attachments = [
 					...t.task.attachments,
@@ -139,7 +141,7 @@ export const useTaskStore = defineStore('task', {
 						attachments,
 					},
 				}
-				store.commit('kanban/setTaskInBucketByIndex', newTask)
+				kanbanStore.setTaskInBucketByIndex(newTask)
 			}
 			const attachmentStore = useAttachmentStore()
 			attachmentStore.add(attachment)
@@ -152,12 +154,13 @@ export const useTaskStore = defineStore('task', {
 			user: IUser,
 			taskId: ITask['id']
 		}) {
+			const kanbanStore = useKanbanStore()
 			const taskAssigneeService = new TaskAssigneeService()
 			const r = await taskAssigneeService.create(new TaskAssigneeModel({
 				userId: user.id,
 				taskId: taskId,
 			}))
-			const t = store.getters['kanban/getTaskById'](taskId)
+			const t = kanbanStore.getTaskById(taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -166,7 +169,7 @@ export const useTaskStore = defineStore('task', {
 				return r
 			}
 
-			store.commit('kanban/setTaskInBucketByIndex', {
+			kanbanStore.setTaskInBucketByIndex({
 				...t,
 				task: {
 					...t.task,
@@ -186,12 +189,13 @@ export const useTaskStore = defineStore('task', {
 			user: IUser,
 			taskId: ITask['id']
 		}) {
+			const kanbanStore = useKanbanStore()
 			const taskAssigneeService = new TaskAssigneeService()
 			const response = await taskAssigneeService.delete(new TaskAssigneeModel({
 				userId: user.id,
 				taskId: taskId,
 			}))
-			const t = store.getters['kanban/getTaskById'](taskId)
+			const t = kanbanStore.getTaskById(taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -202,7 +206,7 @@ export const useTaskStore = defineStore('task', {
 
 			const assignees = t.task.assignees.filter(({ id }) => id !== user.id)
 
-			store.commit('kanban/setTaskInBucketByIndex', {
+			kanbanStore.setTaskInBucketByIndex({
 				...t,
 				task: {
 					...t.task,
@@ -220,12 +224,13 @@ export const useTaskStore = defineStore('task', {
 			label: ILabel,
 			taskId: ITask['id']
 		}) {
+			const kanbanStore = useKanbanStore()
 			const labelTaskService = new LabelTaskService()
 			const r = await labelTaskService.create(new LabelTaskModel({
 				taskId,
 				labelId: label.id,
 			}))
-			const t = store.getters['kanban/getTaskById'](taskId)
+			const t = kanbanStore.getTaskById(taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -234,7 +239,7 @@ export const useTaskStore = defineStore('task', {
 				return r
 			}
 
-			store.commit('kanban/setTaskInBucketByIndex', {
+			kanbanStore.setTaskInBucketByIndex({
 				...t,
 				task: {
 					...t.task,
@@ -252,12 +257,13 @@ export const useTaskStore = defineStore('task', {
 			{label, taskId}:
 			{label: ILabel, taskId: ITask['id']},
 		) {
+			const kanbanStore = useKanbanStore()
 			const labelTaskService = new LabelTaskService()
 			const response = await labelTaskService.delete(new LabelTaskModel({
 				taskId, labelId:
 				label.id,
 			}))
-			const t = store.getters['kanban/getTaskById'](taskId)
+			const t = kanbanStore.getTaskById(taskId)
 			if (t.task === null) {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
@@ -269,7 +275,7 @@ export const useTaskStore = defineStore('task', {
 			// Remove the label from the list
 			const labels = t.task.labels.filter(({ id }) => id !== label.id)
 
-			store.commit('kanban/setTaskInBucketByIndex', {
+			kanbanStore.setTaskInBucketByIndex({
 				...t,
 				task: {
 					...t.task,
diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index c950e008..90a5d9a4 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -229,9 +229,9 @@ import draggable from 'zhyswan-vuedraggable'
 import cloneDeep from 'lodash.clonedeep'
 
 import BucketModel from '../../models/bucket'
-import {mapState} from 'vuex'
+import {mapState as mapStateVuex} from 'vuex'
+import {mapState} from 'pinia'
 import {RIGHTS as Rights} from '@/constants/rights'
-import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 import ListWrapper from './ListWrapper.vue'
 import FilterPopup from '@/components/list/partials/filter-popup.vue'
 import Dropdown from '@/components/misc/dropdown.vue'
@@ -241,6 +241,7 @@ import KanbanCard from '@/components/tasks/partials/kanban-card.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
 import {isSavedFilter} from '@/helpers/savedFilter'
 import {useTaskStore} from '@/stores/tasks'
+import {useKanbanStore} from '@/stores/kanban'
 
 const DRAG_OPTIONS = {
 	// sortable options
@@ -342,16 +343,18 @@ export default defineComponent({
 				],
 			}
 		},
-		buckets() {
-			return this.$store.state.kanban.buckets
-		},
-		...mapState({
-			loadedListId: state => state.kanban.listId,
-			loading: state => state[LOADING] && state[LOADING_MODULE] === 'kanban',
-			taskLoading: state => state[LOADING] && state[LOADING_MODULE] === 'tasks',
+		...mapStateVuex({
 			canWrite: state => state.currentList.maxRight > Rights.READ,
 			list: state => state.currentList,
 		}),
+		...mapState(useKanbanStore, {
+			buckets: state => state.buckets,
+			loadedListId: state => state.listId,
+			loading: state => state.isLoading,
+		}),
+		...mapState(useTaskStore, {
+			taskLoading: state => state.isLoading,
+		}),
 	},
 
 	methods: {
@@ -364,7 +367,7 @@ export default defineComponent({
 
 			console.debug(`Loading buckets, loadedListId = ${this.loadedListId}, $attrs = ${this.$attrs} $route.params =`, this.$route.params)
 
-			this.$store.dispatch('kanban/loadBucketsForList', {listId, params})
+			useKanbanStore().loadBucketsForList({listId, params})
 		},
 
 		setTaskContainerRef(id, el) {
@@ -382,7 +385,7 @@ export default defineComponent({
 				return
 			}
 
-			this.$store.dispatch('kanban/loadNextTasksForBucket', {
+			useKanbanStore().loadNextTasksForBucket({
 				listId: listId,
 				params: this.params,
 				bucketId: id,
@@ -390,12 +393,13 @@ export default defineComponent({
 		},
 
 		updateTasks(bucketId, tasks) {
+			const kanbanStore = useKanbanStore()
 			const newBucket = {
-				...this.$store.getters['kanban/getBucketById'](bucketId),
+				...kanbanStore.getBucketById(bucketId),
 				tasks,
 			}
 
-			this.$store.commit('kanban/setBucketById', newBucket)
+			kanbanStore.setBucketById(newBucket)
 		},
 
 		async updateTaskPosition(e) {
@@ -472,7 +476,7 @@ export default defineComponent({
 				listId: this.listId,
 			})
 			this.newTaskText = ''
-			this.$store.commit('kanban/addTaskToBucket', task)
+			useKanbanStore().addTaskToBucket(task)
 			this.scrollTaskContainerToBottom(bucketId)
 		},
 
@@ -494,7 +498,7 @@ export default defineComponent({
 				listId: this.listId,
 			})
 
-			await this.$store.dispatch('kanban/createBucket', newBucket)
+			await useKanbanStore().createBucket(newBucket)
 			this.newBucketTitle = ''
 			this.showNewBucketInput = false
 		},
@@ -515,7 +519,7 @@ export default defineComponent({
 			})
 
 			try {
-				await this.$store.dispatch('kanban/deleteBucket', {
+				await useKanbanStore().deleteBucket({
 					bucket,
 					params: this.params,
 				})
@@ -537,13 +541,13 @@ export default defineComponent({
 				title: bucketTitle,
 			}
 
-			await this.$store.dispatch('kanban/updateBucketTitle', updatedBucketData)
+			await useKanbanStore().updateBucketTitle(updatedBucketData)
 			this.bucketTitleEditable = false
 		},
 
 		updateBuckets(value) {
 			// (1) buckets get updated in store and tasks positions get invalidated
-			this.$store.commit('kanban/setBuckets', value)
+			useKanbanStore().setBuckets(value)
 		},
 
 		updateBucketPosition(e) {
@@ -562,7 +566,7 @@ export default defineComponent({
 				),
 			}
 
-			this.$store.dispatch('kanban/updateBucket', updatedData)
+			useKanbanStore().updateBucket(updatedData)
 		},
 
 		async setBucketLimit(bucketId, limit) {
@@ -570,12 +574,14 @@ export default defineComponent({
 				return
 			}
 
+			const kanbanStore = useKanbanStore()
+
 			const newBucket = {
-				...this.$store.getters['kanban/getBucketById'](bucketId),
+				...kanbanStore.getBucketById(bucketId),
 				limit,
 			}
 
-			await this.$store.dispatch('kanban/updateBucket', newBucket)
+			await kanbanStore.updateBucket(newBucket)
 			this.$message.success({message: this.$t('list.kanban.bucketLimitSavedSuccess')})
 		},
 
@@ -600,7 +606,7 @@ export default defineComponent({
 				...bucket,
 				isDoneBucket: !bucket.isDoneBucket,
 			}
-			await this.$store.dispatch('kanban/updateBucket', newBucket)
+			await useKanbanStore().updateBucket(newBucket)
 			this.$message.success({message: this.$t('list.kanban.doneBucketSavedSuccess')})
 		},
 
diff --git a/src/views/list/ListWrapper.vue b/src/views/list/ListWrapper.vue
index 6509324c..6f008e88 100644
--- a/src/views/list/ListWrapper.vue
+++ b/src/views/list/ListWrapper.vue
@@ -62,6 +62,7 @@ import {saveListToHistory} from '@/modules/listHistory'
 import {useTitle} from '@/composables/useTitle'
 import {useStore} from '@/store'
 import {useListStore} from '@/stores/lists'
+import {useKanbanStore} from '@/stores/kanban'
 
 const props = defineProps({
 	listId: {
@@ -77,6 +78,7 @@ const props = defineProps({
 const route = useRoute()
 const store = useStore()
 
+const kanbanStore = useKanbanStore()
 const listStore = useListStore()
 const listService = ref(new ListService())
 const loadedListId = ref(0)
@@ -116,7 +118,7 @@ async function loadList(listIdToLoad: number) {
 		props.viewName === 'list.list' ||
 		props.viewName === 'list.gantt'
 	) {
-		store.commit('kanban/setListId', 0)
+		kanbanStore.setListId(0)
 	}
 
 	// Don't load the list if we either already loaded it or aren't dealing with a list at all currently and
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index ab61a077..13f26ee9 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -465,6 +465,7 @@ import {colorIsDark} from '@/helpers/color/colorIsDark'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useAttachmentStore} from '@/stores/attachments'
 import {useTaskStore} from '@/stores/tasks'
+import {useKanbanStore} from '@/stores/kanban'
 
 function scrollIntoView(el) {
 	if (!el) {
@@ -748,7 +749,7 @@ export default defineComponent({
 		},
 
 		async changeList(list: IList) {
-			this.$store.commit('kanban/removeTaskInBucket', this.task)
+			useKanbanStore().removeTaskInBucket(this.task)
 			await this.saveTask({
 				task: {
 					...this.task,

From b84da722ca6b08ba6bed7e0a666ba56ea2922460 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 29 Sep 2022 21:53:19 +0000
Subject: [PATCH 064/187] chore(deps): update dependency
 @cypress/vite-dev-server to v3.2.0 (#2448)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2448
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 536cde16..70f70d54 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "2.2.1",
-    "@cypress/vite-dev-server": "3.1.1",
+    "@cypress/vite-dev-server": "3.2.0",
     "@cypress/vue": "4.2.0",
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 64a064d2..30965c0f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,7 +2,7 @@ lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
-  '@cypress/vite-dev-server': 3.1.1
+  '@cypress/vite-dev-server': 3.2.0
   '@cypress/vue': 4.2.0
   '@faker-js/faker': 7.5.0
   '@fortawesome/fontawesome-svg-core': 6.2.0
@@ -131,7 +131,7 @@ dependencies:
 
 devDependencies:
   '@4tw/cypress-drag-drop': 2.2.1_cypress@10.9.0
-  '@cypress/vite-dev-server': 3.1.1
+  '@cypress/vite-dev-server': 3.2.0
   '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.40
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
@@ -1567,8 +1567,8 @@ packages:
       uuid: 8.3.2
     dev: true
 
-  /@cypress/vite-dev-server/3.1.1:
-    resolution: {integrity: sha512-bZhDt3D3KEu8RDCxMb4GpFJoAEZOMOdFPB1xebHyjTZ6wmTs6i3oi4zXhN6FgGL8kXCI7JZXwC70LthEmxIZfw==}
+  /@cypress/vite-dev-server/3.2.0:
+    resolution: {integrity: sha512-tVOtSQst1yjah972nmhFue67UstxyEm69yuvcaOv9BxtI0e1hd5mM6gfLJINHXCeMmCjsoUxM382iUAr6UGu/Q==}
     dependencies:
       debug: 4.3.3
       find-up: 6.3.0

From cc378b83fee2b326610cdda1997cc5236f947fbf Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 28 Sep 2022 19:46:12 +0200
Subject: [PATCH 065/187] feat: automatically create subtask relations based on
 indention

---
 src/components/tasks/add-task.vue             |  51 ++++++--
 src/helpers/parseSubtasksViaIndention.test.ts | 109 ++++++++++++++++++
 src/helpers/parseSubtasksViaIndention.ts      |  42 +++++++
 3 files changed, 191 insertions(+), 11 deletions(-)
 create mode 100644 src/helpers/parseSubtasksViaIndention.test.ts
 create mode 100644 src/helpers/parseSubtasksViaIndention.ts

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 2a295386..88d1f0cf 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -41,18 +41,19 @@
 </template>
 
 <script setup lang="ts">
-import {ref, watch, unref, computed} from 'vue'
+import {computed, ref, unref, watch} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {tryOnMounted, debouncedWatch, useWindowSize, type MaybeRef} from '@vueuse/core'
+import {debouncedWatch, type MaybeRef, tryOnMounted, useWindowSize} from '@vueuse/core'
 
 import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
+import type {ITask} from '@/modelTypes/ITask'
+import {parseSubtasksViaIndention} from '@/helpers/parseSubtasksViaIndention'
+import TaskRelationService from '@/services/taskRelation'
+import TaskRelationModel from '@/models/taskRelation'
+import {RELATION_KIND} from '@/types/IRelationKind'
 import {useAuthStore} from '@/stores/auth'
 import {useTaskStore} from '@/stores/tasks'
 
-function cleanupTitle(title: string) {
-	return title.replace(/^((\* |\+ |- )(\[ \] )?)/g, '')
-}
-
 function useAutoHeightTextarea(value: MaybeRef<string>) {
 	const textarea = ref<HTMLInputElement>()
 	const minHeight = ref(0)
@@ -161,24 +162,52 @@ async function addTask() {
 	}
 
 	const taskTitleBackup = newTaskTitle.value
-	const newTasks = newTaskTitle.value.split(/[\r\n]+/).map(async uncleanedTitle => {
-		const title = cleanupTitle(uncleanedTitle)
-		if (title === '') {
+	const createdTasks: ITask[] = []
+	const tasksToCreate = parseSubtasksViaIndention(newTaskTitle.value)
+	const newTasks = tasksToCreate.map(async t => {
+		if (t.title === '') {
 			return
 		}
 
 		const task = await taskStore.createNewTask({
-			title,
+			title: t.title,
 			listId: authStore.settings.defaultListId,
 			position: props.defaultPosition,
 		})
-		emit('taskAdded', task)
+		createdTasks.push(task)
 		return task
 	})
 
 	try {
 		newTaskTitle.value = ''
 		await Promise.all(newTasks)
+		
+		const taskRelationService = new TaskRelationService()
+		const relations = tasksToCreate.map(async t => {
+			const createdTask = createdTasks.find(ct => ct.title === t.title)
+			if (t.parent === null) {
+				emit('taskAdded', createdTask)
+				return
+			}
+			
+			const createdParentTask = createdTasks.find(ct => ct.title === t.parent)
+			if (typeof createdTask === 'undefined' || typeof createdParentTask === 'undefined') {
+				return
+			}
+
+			const rel = await taskRelationService.create(new TaskRelationModel({
+				taskId: createdTask.id,
+				otherTaskId: createdParentTask.id,
+				relationKind: RELATION_KIND.PARENTTASK,
+			}))
+			
+			createdTask.relatedTasks[RELATION_KIND.PARENTTASK] = [createdParentTask]
+			// we're only emitting here so that the relation shows up in the task list
+			emit('taskAdded', createdTask)
+			
+			return rel
+		})
+		await Promise.all(relations)
 	} catch (e: any) {
 		newTaskTitle.value = taskTitleBackup
 		if (e?.message === 'NO_LIST') {
diff --git a/src/helpers/parseSubtasksViaIndention.test.ts b/src/helpers/parseSubtasksViaIndention.test.ts
new file mode 100644
index 00000000..bae01b63
--- /dev/null
+++ b/src/helpers/parseSubtasksViaIndention.test.ts
@@ -0,0 +1,109 @@
+import {describe, it, expect} from 'vitest'
+import {parseSubtasksViaIndention} from '@/helpers/parseSubtasksViaIndention'
+
+describe('Parse Subtasks via Relation', () => {
+	it('Should not return a parent for a single task', () => {
+		const tasks = parseSubtasksViaIndention('single task')
+		
+		expect(tasks).to.have.length(1)
+		expect(tasks[0].parent).toBeNull()
+	})
+	it('Should not return a parent for multiple tasks without indention', () => {
+		const tasks = parseSubtasksViaIndention(`task one
+task two`)
+
+		expect(tasks).to.have.length(2)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[1].parent).toBeNull()
+	})
+	it('Should return a parent for two tasks with indention', () => {
+		const tasks = parseSubtasksViaIndention(`parent task
+  sub task`)
+
+		expect(tasks).to.have.length(2)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[0].title).to.eq('parent task')
+		expect(tasks[1].parent).to.eq('parent task')
+		expect(tasks[1].title).to.eq('sub task')
+	})
+	it('Should return a parent for multiple subtasks', () => {
+		const tasks = parseSubtasksViaIndention(`parent task
+  sub task one
+  sub task two`)
+
+		expect(tasks).to.have.length(3)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[0].title).to.eq('parent task')
+		expect(tasks[1].title).to.eq('sub task one')
+		expect(tasks[1].parent).to.eq('parent task')
+		expect(tasks[2].title).to.eq('sub task two')
+		expect(tasks[2].parent).to.eq('parent task')
+	})
+	it('Should work with multiple indention levels', () => {
+		const tasks = parseSubtasksViaIndention(`parent task
+  sub task
+    sub sub task`)
+
+		expect(tasks).to.have.length(3)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[0].title).to.eq('parent task')
+		expect(tasks[1].title).to.eq('sub task')
+		expect(tasks[1].parent).to.eq('parent task')
+		expect(tasks[2].title).to.eq('sub sub task')
+		expect(tasks[2].parent).to.eq('sub task')
+	})
+	it('Should work with multiple indention levels and multiple tasks', () => {
+		const tasks = parseSubtasksViaIndention(`parent task
+  sub task
+    sub sub task one
+    sub sub task two`)
+
+		expect(tasks).to.have.length(4)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[0].title).to.eq('parent task')
+		expect(tasks[1].title).to.eq('sub task')
+		expect(tasks[1].parent).to.eq('parent task')
+		expect(tasks[2].title).to.eq('sub sub task one')
+		expect(tasks[2].parent).to.eq('sub task')
+		expect(tasks[3].title).to.eq('sub sub task two')
+		expect(tasks[3].parent).to.eq('sub task')
+	})
+	it('Should work with multiple indention levels and multiple tasks', () => {
+		const tasks = parseSubtasksViaIndention(`parent task
+  sub task
+    sub sub task one
+      sub sub sub task
+    sub sub task two`)
+
+		expect(tasks).to.have.length(5)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[0].title).to.eq('parent task')
+		expect(tasks[1].title).to.eq('sub task')
+		expect(tasks[1].parent).to.eq('parent task')
+		expect(tasks[2].title).to.eq('sub sub task one')
+		expect(tasks[2].parent).to.eq('sub task')
+		expect(tasks[3].title).to.eq('sub sub sub task')
+		expect(tasks[3].parent).to.eq('sub sub task one')
+		expect(tasks[4].title).to.eq('sub sub task two')
+		expect(tasks[4].parent).to.eq('sub task')
+	})
+	it('Should return a parent for multiple subtasks with special stuff', () => {
+		const tasks = parseSubtasksViaIndention(`* parent task
+  * sub task one
+  sub task two`)
+
+		expect(tasks).to.have.length(3)
+		expect(tasks[0].parent).toBeNull()
+		expect(tasks[0].title).to.eq('parent task')
+		expect(tasks[1].title).to.eq('sub task one')
+		expect(tasks[1].parent).to.eq('parent task')
+		expect(tasks[2].title).to.eq('sub task two')
+		expect(tasks[2].parent).to.eq('parent task')
+	})
+	it('Should not break when the first line is indented', () => {
+		const tasks = parseSubtasksViaIndention('  single task')
+
+		expect(tasks).to.have.length(1)
+		expect(tasks[0].parent).toBeNull()
+	})
+})
diff --git a/src/helpers/parseSubtasksViaIndention.ts b/src/helpers/parseSubtasksViaIndention.ts
new file mode 100644
index 00000000..614d3b0c
--- /dev/null
+++ b/src/helpers/parseSubtasksViaIndention.ts
@@ -0,0 +1,42 @@
+export interface TaskWithParent {
+	title: string,
+	parent: string | null,
+}
+
+function cleanupTitle(title: string) {
+	return title.replace(/^((\* |\+ |- )(\[ \] )?)/g, '')
+}
+
+const spaceRegex = /^ */
+
+// taskTitles should be multiple lines of task tiles with indention to declare their parent/subtask 
+// relation between each other.
+export function parseSubtasksViaIndention(taskTitles: string): TaskWithParent[] {
+	const titles = taskTitles.split(/[\r\n]+/)
+
+	return titles.map((t, i) => {
+		const task: TaskWithParent = {
+			title: cleanupTitle(t),
+			parent: null,
+		}
+
+		const matched = spaceRegex.exec(t)
+		const matchedSpaces = matched ? matched[0].length : 0
+
+		if (matchedSpaces > 0 && i > 0) {
+			// Go up the tree to find the first task with less indention than the current one
+			let pi = 1
+			let parentSpaces = 0
+			do {
+				task.parent = cleanupTitle(titles[i - pi])
+				pi++
+				const parentMatched = spaceRegex.exec(task.parent)
+				parentSpaces = parentMatched ? parentMatched[0].length : 0
+			} while (parentSpaces >= matchedSpaces)
+			task.title = cleanupTitle(t.replace(spaceRegex, ''))
+			task.parent = task.parent.replace(spaceRegex, '')
+		}
+
+		return task
+	})
+}

From 3970d0fd315488427df0c4a37447eb52dca322b4 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 29 Sep 2022 18:03:23 +0200
Subject: [PATCH 066/187] chore: spread title

---
 src/components/tasks/add-task.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 88d1f0cf..318a6ec6 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -164,13 +164,13 @@ async function addTask() {
 	const taskTitleBackup = newTaskTitle.value
 	const createdTasks: ITask[] = []
 	const tasksToCreate = parseSubtasksViaIndention(newTaskTitle.value)
-	const newTasks = tasksToCreate.map(async t => {
-		if (t.title === '') {
+	const newTasks = tasksToCreate.map(async ({title}) => {
+		if (title === '') {
 			return
 		}
 
 		const task = await taskStore.createNewTask({
-			title: t.title,
+			title,
 			listId: authStore.settings.defaultListId,
 			position: props.defaultPosition,
 		})

From 5f5ed410df1a2fe73e821d7dee7ebd4c0b918069 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 29 Sep 2022 18:05:25 +0200
Subject: [PATCH 067/187] fix: don't emit a possible null task

---
 src/components/tasks/add-task.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 318a6ec6..c5decc1a 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -181,15 +181,19 @@ async function addTask() {
 	try {
 		newTaskTitle.value = ''
 		await Promise.all(newTasks)
-		
+
 		const taskRelationService = new TaskRelationService()
 		const relations = tasksToCreate.map(async t => {
 			const createdTask = createdTasks.find(ct => ct.title === t.title)
+			if (typeof createdTask === 'undefined') {
+				return
+			}
+
 			if (t.parent === null) {
 				emit('taskAdded', createdTask)
 				return
 			}
-			
+
 			const createdParentTask = createdTasks.find(ct => ct.title === t.parent)
 			if (typeof createdTask === 'undefined' || typeof createdParentTask === 'undefined') {
 				return
@@ -200,11 +204,11 @@ async function addTask() {
 				otherTaskId: createdParentTask.id,
 				relationKind: RELATION_KIND.PARENTTASK,
 			}))
-			
+
 			createdTask.relatedTasks[RELATION_KIND.PARENTTASK] = [createdParentTask]
 			// we're only emitting here so that the relation shows up in the task list
 			emit('taskAdded', createdTask)
-			
+
 			return rel
 		})
 		await Promise.all(relations)

From 8ce242bb6595ef12442a6ba0fb37eb66c65dd71b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 29 Sep 2022 18:08:05 +0200
Subject: [PATCH 068/187] chore: use better variable names

---
 src/helpers/parseSubtasksViaIndention.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/helpers/parseSubtasksViaIndention.ts b/src/helpers/parseSubtasksViaIndention.ts
index 614d3b0c..e2900b09 100644
--- a/src/helpers/parseSubtasksViaIndention.ts
+++ b/src/helpers/parseSubtasksViaIndention.ts
@@ -14,26 +14,26 @@ const spaceRegex = /^ */
 export function parseSubtasksViaIndention(taskTitles: string): TaskWithParent[] {
 	const titles = taskTitles.split(/[\r\n]+/)
 
-	return titles.map((t, i) => {
+	return titles.map((title, index) => {
 		const task: TaskWithParent = {
-			title: cleanupTitle(t),
+			title: cleanupTitle(title),
 			parent: null,
 		}
 
-		const matched = spaceRegex.exec(t)
+		const matched = spaceRegex.exec(title)
 		const matchedSpaces = matched ? matched[0].length : 0
 
-		if (matchedSpaces > 0 && i > 0) {
+		if (matchedSpaces > 0 && index > 0) {
 			// Go up the tree to find the first task with less indention than the current one
 			let pi = 1
 			let parentSpaces = 0
 			do {
-				task.parent = cleanupTitle(titles[i - pi])
+				task.parent = cleanupTitle(titles[index - pi])
 				pi++
 				const parentMatched = spaceRegex.exec(task.parent)
 				parentSpaces = parentMatched ? parentMatched[0].length : 0
 			} while (parentSpaces >= matchedSpaces)
-			task.title = cleanupTitle(t.replace(spaceRegex, ''))
+			task.title = cleanupTitle(title.replace(spaceRegex, ''))
 			task.parent = task.parent.replace(spaceRegex, '')
 		}
 

From d58f8b4ba1d873abb0fc8dc4c2cec64a33b55ab8 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 29 Sep 2022 18:09:35 +0200
Subject: [PATCH 069/187] chore: break earlier if index === 0

---
 src/helpers/parseSubtasksViaIndention.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/helpers/parseSubtasksViaIndention.ts b/src/helpers/parseSubtasksViaIndention.ts
index e2900b09..5c9589b7 100644
--- a/src/helpers/parseSubtasksViaIndention.ts
+++ b/src/helpers/parseSubtasksViaIndention.ts
@@ -20,10 +20,14 @@ export function parseSubtasksViaIndention(taskTitles: string): TaskWithParent[]
 			parent: null,
 		}
 
+		if (index === 0) {
+			return task
+		}
+
 		const matched = spaceRegex.exec(title)
 		const matchedSpaces = matched ? matched[0].length : 0
 
-		if (matchedSpaces > 0 && index > 0) {
+		if (matchedSpaces > 0) {
 			// Go up the tree to find the first task with less indention than the current one
 			let pi = 1
 			let parentSpaces = 0

From 5bd7c77b68f08ab4771f3d80d5191def9d634204 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 13:36:57 +0200
Subject: [PATCH 070/187] chore: use jsDoc to explain param

---
 src/helpers/parseSubtasksViaIndention.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/helpers/parseSubtasksViaIndention.ts b/src/helpers/parseSubtasksViaIndention.ts
index 5c9589b7..8a451bdd 100644
--- a/src/helpers/parseSubtasksViaIndention.ts
+++ b/src/helpers/parseSubtasksViaIndention.ts
@@ -9,8 +9,10 @@ function cleanupTitle(title: string) {
 
 const spaceRegex = /^ */
 
-// taskTitles should be multiple lines of task tiles with indention to declare their parent/subtask 
-// relation between each other.
+/**
+ * @param taskTitles should be multiple lines of task tiles with indention to declare their parent/subtask
+ * relation between each other.
+ */
 export function parseSubtasksViaIndention(taskTitles: string): TaskWithParent[] {
 	const titles = taskTitles.split(/[\r\n]+/)
 

From d120e8c82d4563e0e6e4b504a1e6fd4a51d0d9af Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 30 Sep 2022 12:58:39 +0000
Subject: [PATCH 071/187] chore(deps): update dependency postcss to v8.4.17
 (#2449)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2449
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 320 ++++++++++++++++++++++++-------------------------
 2 files changed, 161 insertions(+), 161 deletions(-)

diff --git a/package.json b/package.json
index 70f70d54..330d20e7 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "express": "4.18.1",
     "happy-dom": "6.0.4",
     "netlify-cli": "11.8.3",
-    "postcss": "8.4.16",
+    "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
     "rollup": "2.79.1",
     "rollup-plugin-visualizer": "5.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 30965c0f..5cc19eaa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -55,7 +55,7 @@ specifiers:
   minimist: 1.2.6
   netlify-cli: 11.8.3
   pinia: 2.0.22
-  postcss: 8.4.16
+  postcss: 8.4.17
   postcss-preset-env: 7.8.2
   register-service-worker: 1.7.2
   rollup: 2.79.1
@@ -144,7 +144,7 @@ devDependencies:
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
-  autoprefixer: 10.4.12_postcss@8.4.16
+  autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001412
   cypress: 10.9.0
@@ -154,8 +154,8 @@ devDependencies:
   express: 4.18.1
   happy-dom: 6.0.4
   netlify-cli: 11.8.3
-  postcss: 8.4.16
-  postcss-preset-env: 7.8.2_postcss@8.4.16
+  postcss: 8.4.17
+  postcss-preset-env: 7.8.2_postcss@8.4.17
   rollup: 2.79.1
   rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
@@ -1388,158 +1388,158 @@ packages:
       '@jridgewell/trace-mapping': 0.3.9
     dev: true
 
-  /@csstools/postcss-cascade-layers/1.1.1_postcss@8.4.16:
+  /@csstools/postcss-cascade-layers/1.1.1_postcss@8.4.17:
     resolution: {integrity: sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
-      postcss: 8.4.16
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /@csstools/postcss-color-function/1.1.1_postcss@8.4.16:
+  /@csstools/postcss-color-function/1.1.1_postcss@8.4.17:
     resolution: {integrity: sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.16
-      postcss: 8.4.16
+      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.17
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-font-format-keywords/1.0.1_postcss@8.4.16:
+  /@csstools/postcss-font-format-keywords/1.0.1_postcss@8.4.17:
     resolution: {integrity: sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-hwb-function/1.0.2_postcss@8.4.16:
+  /@csstools/postcss-hwb-function/1.0.2_postcss@8.4.17:
     resolution: {integrity: sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-ic-unit/1.0.1_postcss@8.4.16:
+  /@csstools/postcss-ic-unit/1.0.1_postcss@8.4.17:
     resolution: {integrity: sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.16
-      postcss: 8.4.16
+      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.17
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-is-pseudo-class/2.0.7_postcss@8.4.16:
+  /@csstools/postcss-is-pseudo-class/2.0.7_postcss@8.4.17:
     resolution: {integrity: sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
-      postcss: 8.4.16
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /@csstools/postcss-nested-calc/1.0.0_postcss@8.4.16:
+  /@csstools/postcss-nested-calc/1.0.0_postcss@8.4.17:
     resolution: {integrity: sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-normalize-display-values/1.0.1_postcss@8.4.16:
+  /@csstools/postcss-normalize-display-values/1.0.1_postcss@8.4.17:
     resolution: {integrity: sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-oklab-function/1.1.1_postcss@8.4.16:
+  /@csstools/postcss-oklab-function/1.1.1_postcss@8.4.17:
     resolution: {integrity: sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.16
-      postcss: 8.4.16
+      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.17
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-progressive-custom-properties/1.3.0_postcss@8.4.16:
+  /@csstools/postcss-progressive-custom-properties/1.3.0_postcss@8.4.17:
     resolution: {integrity: sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.3
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-stepped-value-functions/1.0.1_postcss@8.4.16:
+  /@csstools/postcss-stepped-value-functions/1.0.1_postcss@8.4.17:
     resolution: {integrity: sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-text-decoration-shorthand/1.0.0_postcss@8.4.16:
+  /@csstools/postcss-text-decoration-shorthand/1.0.0_postcss@8.4.17:
     resolution: {integrity: sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-trigonometric-functions/1.0.2_postcss@8.4.16:
+  /@csstools/postcss-trigonometric-functions/1.0.2_postcss@8.4.17:
     resolution: {integrity: sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==}
     engines: {node: ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /@csstools/postcss-unset-value/1.0.2_postcss@8.4.16:
+  /@csstools/postcss-unset-value/1.0.2_postcss@8.4.17:
     resolution: {integrity: sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_7b6fee2724f05f3c8883c74281a3791a:
+  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
       postcss-selector-parser: ^6.0.10
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
@@ -3399,7 +3399,7 @@ packages:
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       magic-string: 0.25.7
-      postcss: 8.4.16
+      postcss: 8.4.17
       source-map: 0.6.1
     dev: true
 
@@ -3414,7 +3414,7 @@ packages:
       '@vue/shared': 3.2.40
       estree-walker: 2.0.2
       magic-string: 0.25.7
-      postcss: 8.4.16
+      postcss: 8.4.17
       source-map: 0.6.1
 
   /@vue/compiler-ssr/3.2.37:
@@ -3988,7 +3988,7 @@ packages:
     hasBin: true
     dev: true
 
-  /autoprefixer/10.4.12_postcss@8.4.16:
+  /autoprefixer/10.4.12_postcss@8.4.17:
     resolution: {integrity: sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
@@ -4000,7 +4000,7 @@ packages:
       fraction.js: 4.2.0
       normalize-range: 0.1.2
       picocolors: 1.0.0
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -5022,36 +5022,36 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /css-blank-pseudo/3.0.3_postcss@8.4.16:
+  /css-blank-pseudo/3.0.3_postcss@8.4.17:
     resolution: {integrity: sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==}
     engines: {node: ^12 || ^14 || >=16}
     hasBin: true
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /css-has-pseudo/3.0.4_postcss@8.4.16:
+  /css-has-pseudo/3.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==}
     engines: {node: ^12 || ^14 || >=16}
     hasBin: true
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /css-prefers-color-scheme/6.0.3_postcss@8.4.16:
+  /css-prefers-color-scheme/6.0.3_postcss@8.4.17:
     resolution: {integrity: sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==}
     engines: {node: ^12 || ^14 || >=16}
     hasBin: true
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
   /css-select/4.2.1:
@@ -5537,8 +5537,8 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dependencies:
       is-url: 1.2.4
-      postcss: 8.4.16
-      postcss-values-parser: 6.0.2_postcss@8.4.16
+      postcss: 8.4.17
+      postcss-values-parser: 6.0.2_postcss@8.4.17
     dev: true
 
   /detective-sass/4.0.1:
@@ -10138,209 +10138,209 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /postcss-attribute-case-insensitive/5.0.2_postcss@8.4.16:
+  /postcss-attribute-case-insensitive/5.0.2_postcss@8.4.17:
     resolution: {integrity: sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /postcss-clamp/4.1.0_postcss@8.4.16:
+  /postcss-clamp/4.1.0_postcss@8.4.17:
     resolution: {integrity: sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==}
     engines: {node: '>=7.6.0'}
     peerDependencies:
       postcss: ^8.4.6
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-color-functional-notation/4.2.4_postcss@8.4.16:
+  /postcss-color-functional-notation/4.2.4_postcss@8.4.17:
     resolution: {integrity: sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-color-hex-alpha/8.0.4_postcss@8.4.16:
+  /postcss-color-hex-alpha/8.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-color-rebeccapurple/7.1.1_postcss@8.4.16:
+  /postcss-color-rebeccapurple/7.1.1_postcss@8.4.17:
     resolution: {integrity: sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-custom-media/8.0.2_postcss@8.4.16:
+  /postcss-custom-media/8.0.2_postcss@8.4.17:
     resolution: {integrity: sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.3
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-custom-properties/12.1.9_postcss@8.4.16:
+  /postcss-custom-properties/12.1.9_postcss@8.4.17:
     resolution: {integrity: sha512-/E7PRvK8DAVljBbeWrcEQJPG72jaImxF3vvCNFwv9cC8CzigVoNIpeyfnJzphnN3Fd8/auBf5wvkw6W9MfmTyg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-custom-selectors/6.0.3_postcss@8.4.16:
+  /postcss-custom-selectors/6.0.3_postcss@8.4.17:
     resolution: {integrity: sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.3
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /postcss-dir-pseudo-class/6.0.5_postcss@8.4.16:
+  /postcss-dir-pseudo-class/6.0.5_postcss@8.4.17:
     resolution: {integrity: sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /postcss-double-position-gradients/3.1.2_postcss@8.4.16:
+  /postcss-double-position-gradients/3.1.2_postcss@8.4.17:
     resolution: {integrity: sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.16
-      postcss: 8.4.16
+      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.17
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-env-function/4.0.6_postcss@8.4.16:
+  /postcss-env-function/4.0.6_postcss@8.4.17:
     resolution: {integrity: sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-focus-visible/6.0.4_postcss@8.4.16:
+  /postcss-focus-visible/6.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /postcss-focus-within/5.0.4_postcss@8.4.16:
+  /postcss-focus-within/5.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /postcss-font-variant/5.0.0_postcss@8.4.16:
+  /postcss-font-variant/5.0.0_postcss@8.4.17:
     resolution: {integrity: sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-gap-properties/3.0.5_postcss@8.4.16:
+  /postcss-gap-properties/3.0.5_postcss@8.4.17:
     resolution: {integrity: sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-image-set-function/4.0.7_postcss@8.4.16:
+  /postcss-image-set-function/4.0.7_postcss@8.4.17:
     resolution: {integrity: sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-initial/4.0.1_postcss@8.4.16:
+  /postcss-initial/4.0.1_postcss@8.4.17:
     resolution: {integrity: sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==}
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-lab-function/4.2.1_postcss@8.4.16:
+  /postcss-lab-function/4.2.1_postcss@8.4.17:
     resolution: {integrity: sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.16
-      postcss: 8.4.16
+      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.17
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-logical/5.0.4_postcss@8.4.16:
+  /postcss-logical/5.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.4
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-media-minmax/5.0.0_postcss@8.4.16:
+  /postcss-media-minmax/5.0.0_postcss@8.4.17:
     resolution: {integrity: sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-nesting/10.2.0_postcss@8.4.16:
+  /postcss-nesting/10.2.0_postcss@8.4.17:
     resolution: {integrity: sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_7b6fee2724f05f3c8883c74281a3791a
-      postcss: 8.4.16
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
@@ -10349,117 +10349,117 @@ packages:
     engines: {node: ^12 || ^14 || >=16}
     dev: true
 
-  /postcss-overflow-shorthand/3.0.4_postcss@8.4.16:
+  /postcss-overflow-shorthand/3.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-page-break/3.0.4_postcss@8.4.16:
+  /postcss-page-break/3.0.4_postcss@8.4.17:
     resolution: {integrity: sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==}
     peerDependencies:
       postcss: ^8
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-place/7.0.5_postcss@8.4.16:
+  /postcss-place/7.0.5_postcss@8.4.17:
     resolution: {integrity: sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-preset-env/7.8.2_postcss@8.4.16:
+  /postcss-preset-env/7.8.2_postcss@8.4.17:
     resolution: {integrity: sha512-rSMUEaOCnovKnwc5LvBDHUDzpGP+nrUeWZGWt9M72fBvckCi45JmnJigUr4QG4zZeOHmOCNCZnd2LKDvP++ZuQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/postcss-cascade-layers': 1.1.1_postcss@8.4.16
-      '@csstools/postcss-color-function': 1.1.1_postcss@8.4.16
-      '@csstools/postcss-font-format-keywords': 1.0.1_postcss@8.4.16
-      '@csstools/postcss-hwb-function': 1.0.2_postcss@8.4.16
-      '@csstools/postcss-ic-unit': 1.0.1_postcss@8.4.16
-      '@csstools/postcss-is-pseudo-class': 2.0.7_postcss@8.4.16
-      '@csstools/postcss-nested-calc': 1.0.0_postcss@8.4.16
-      '@csstools/postcss-normalize-display-values': 1.0.1_postcss@8.4.16
-      '@csstools/postcss-oklab-function': 1.1.1_postcss@8.4.16
-      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.16
-      '@csstools/postcss-stepped-value-functions': 1.0.1_postcss@8.4.16
-      '@csstools/postcss-text-decoration-shorthand': 1.0.0_postcss@8.4.16
-      '@csstools/postcss-trigonometric-functions': 1.0.2_postcss@8.4.16
-      '@csstools/postcss-unset-value': 1.0.2_postcss@8.4.16
-      autoprefixer: 10.4.12_postcss@8.4.16
+      '@csstools/postcss-cascade-layers': 1.1.1_postcss@8.4.17
+      '@csstools/postcss-color-function': 1.1.1_postcss@8.4.17
+      '@csstools/postcss-font-format-keywords': 1.0.1_postcss@8.4.17
+      '@csstools/postcss-hwb-function': 1.0.2_postcss@8.4.17
+      '@csstools/postcss-ic-unit': 1.0.1_postcss@8.4.17
+      '@csstools/postcss-is-pseudo-class': 2.0.7_postcss@8.4.17
+      '@csstools/postcss-nested-calc': 1.0.0_postcss@8.4.17
+      '@csstools/postcss-normalize-display-values': 1.0.1_postcss@8.4.17
+      '@csstools/postcss-oklab-function': 1.1.1_postcss@8.4.17
+      '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.17
+      '@csstools/postcss-stepped-value-functions': 1.0.1_postcss@8.4.17
+      '@csstools/postcss-text-decoration-shorthand': 1.0.0_postcss@8.4.17
+      '@csstools/postcss-trigonometric-functions': 1.0.2_postcss@8.4.17
+      '@csstools/postcss-unset-value': 1.0.2_postcss@8.4.17
+      autoprefixer: 10.4.12_postcss@8.4.17
       browserslist: 4.21.4
-      css-blank-pseudo: 3.0.3_postcss@8.4.16
-      css-has-pseudo: 3.0.4_postcss@8.4.16
-      css-prefers-color-scheme: 6.0.3_postcss@8.4.16
+      css-blank-pseudo: 3.0.3_postcss@8.4.17
+      css-has-pseudo: 3.0.4_postcss@8.4.17
+      css-prefers-color-scheme: 6.0.3_postcss@8.4.17
       cssdb: 7.0.1
-      postcss: 8.4.16
-      postcss-attribute-case-insensitive: 5.0.2_postcss@8.4.16
-      postcss-clamp: 4.1.0_postcss@8.4.16
-      postcss-color-functional-notation: 4.2.4_postcss@8.4.16
-      postcss-color-hex-alpha: 8.0.4_postcss@8.4.16
-      postcss-color-rebeccapurple: 7.1.1_postcss@8.4.16
-      postcss-custom-media: 8.0.2_postcss@8.4.16
-      postcss-custom-properties: 12.1.9_postcss@8.4.16
-      postcss-custom-selectors: 6.0.3_postcss@8.4.16
-      postcss-dir-pseudo-class: 6.0.5_postcss@8.4.16
-      postcss-double-position-gradients: 3.1.2_postcss@8.4.16
-      postcss-env-function: 4.0.6_postcss@8.4.16
-      postcss-focus-visible: 6.0.4_postcss@8.4.16
-      postcss-focus-within: 5.0.4_postcss@8.4.16
-      postcss-font-variant: 5.0.0_postcss@8.4.16
-      postcss-gap-properties: 3.0.5_postcss@8.4.16
-      postcss-image-set-function: 4.0.7_postcss@8.4.16
-      postcss-initial: 4.0.1_postcss@8.4.16
-      postcss-lab-function: 4.2.1_postcss@8.4.16
-      postcss-logical: 5.0.4_postcss@8.4.16
-      postcss-media-minmax: 5.0.0_postcss@8.4.16
-      postcss-nesting: 10.2.0_postcss@8.4.16
+      postcss: 8.4.17
+      postcss-attribute-case-insensitive: 5.0.2_postcss@8.4.17
+      postcss-clamp: 4.1.0_postcss@8.4.17
+      postcss-color-functional-notation: 4.2.4_postcss@8.4.17
+      postcss-color-hex-alpha: 8.0.4_postcss@8.4.17
+      postcss-color-rebeccapurple: 7.1.1_postcss@8.4.17
+      postcss-custom-media: 8.0.2_postcss@8.4.17
+      postcss-custom-properties: 12.1.9_postcss@8.4.17
+      postcss-custom-selectors: 6.0.3_postcss@8.4.17
+      postcss-dir-pseudo-class: 6.0.5_postcss@8.4.17
+      postcss-double-position-gradients: 3.1.2_postcss@8.4.17
+      postcss-env-function: 4.0.6_postcss@8.4.17
+      postcss-focus-visible: 6.0.4_postcss@8.4.17
+      postcss-focus-within: 5.0.4_postcss@8.4.17
+      postcss-font-variant: 5.0.0_postcss@8.4.17
+      postcss-gap-properties: 3.0.5_postcss@8.4.17
+      postcss-image-set-function: 4.0.7_postcss@8.4.17
+      postcss-initial: 4.0.1_postcss@8.4.17
+      postcss-lab-function: 4.2.1_postcss@8.4.17
+      postcss-logical: 5.0.4_postcss@8.4.17
+      postcss-media-minmax: 5.0.0_postcss@8.4.17
+      postcss-nesting: 10.2.0_postcss@8.4.17
       postcss-opacity-percentage: 1.1.2
-      postcss-overflow-shorthand: 3.0.4_postcss@8.4.16
-      postcss-page-break: 3.0.4_postcss@8.4.16
-      postcss-place: 7.0.5_postcss@8.4.16
-      postcss-pseudo-class-any-link: 7.1.6_postcss@8.4.16
-      postcss-replace-overflow-wrap: 4.0.0_postcss@8.4.16
-      postcss-selector-not: 6.0.1_postcss@8.4.16
+      postcss-overflow-shorthand: 3.0.4_postcss@8.4.17
+      postcss-page-break: 3.0.4_postcss@8.4.17
+      postcss-place: 7.0.5_postcss@8.4.17
+      postcss-pseudo-class-any-link: 7.1.6_postcss@8.4.17
+      postcss-replace-overflow-wrap: 4.0.0_postcss@8.4.17
+      postcss-selector-not: 6.0.1_postcss@8.4.17
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-pseudo-class-any-link/7.1.6_postcss@8.4.16:
+  /postcss-pseudo-class-any-link/7.1.6_postcss@8.4.17:
     resolution: {integrity: sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
-  /postcss-replace-overflow-wrap/4.0.0_postcss@8.4.16:
+  /postcss-replace-overflow-wrap/4.0.0_postcss@8.4.17:
     resolution: {integrity: sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==}
     peerDependencies:
       postcss: ^8.0.3
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
     dev: true
 
-  /postcss-selector-not/6.0.1_postcss@8.4.16:
+  /postcss-selector-not/6.0.1_postcss@8.4.17:
     resolution: {integrity: sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      postcss: 8.4.16
+      postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
 
@@ -10475,7 +10475,7 @@ packages:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
 
-  /postcss-values-parser/6.0.2_postcss@8.4.16:
+  /postcss-values-parser/6.0.2_postcss@8.4.17:
     resolution: {integrity: sha512-YLJpK0N1brcNJrs9WatuJFtHaV9q5aAOj+S4DI5S7jgHlRfm0PIbDCAFRYMQD5SHq7Fy6xsDhyutgS0QOAs0qw==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -10483,12 +10483,12 @@ packages:
     dependencies:
       color-name: 1.1.4
       is-url-superb: 4.0.0
-      postcss: 8.4.16
+      postcss: 8.4.17
       quote-unquote: 1.0.0
     dev: true
 
-  /postcss/8.4.16:
-    resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
+  /postcss/8.4.17:
+    resolution: {integrity: sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.4
@@ -12597,7 +12597,7 @@ packages:
         optional: true
     dependencies:
       esbuild: 0.15.10
-      postcss: 8.4.16
+      postcss: 8.4.17
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0

From 5b606936c3f7b0dc1232ad269f3666f8170c6e11 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 19:13:06 +0200
Subject: [PATCH 072/187] fix: docker build

---
 Dockerfile | 30 ++++++++++--------------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index bc702b12..a12177e5 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -6,34 +6,24 @@ WORKDIR /build
 ARG USE_RELEASE=false
 ARG RELEASE_VERSION=main
 
+ENV PNPM_CACHE_FOLDER .cache/pnpm/
+ADD .  ./
+
 RUN \
   if [ $USE_RELEASE = true ]; then \
     wget https://dl.vikunja.io/frontend/vikunja-frontend-$RELEASE_VERSION.zip -O frontend-release.zip && \
     unzip frontend-release.zip -d dist/ && \
     exit 0; \
-  fi
-
-ENV PNPM_CACHE_FOLDER .cache/pnpm/
-
-# pnpm fetch does require only lockfile
-COPY pnpm-lock.yaml ./
-
-RUN \
+  fi && \
   # https://pnpm.io/installation#using-corepack
   corepack enable && \
-	# we don't use corepack prepare here by intend since
-	# we have renovate to keep our dependencies up to date
+  # we don't use corepack prepare here by intend since
+  # we have renovate to keep our dependencies up to date
   # Build the frontend
-	pnpm fetch --prod
-
-ADD .  ./
-
-RUN apk add --no-cache git
-
-RUN \
-	pnpm install -r --offline --prod && \
-	echo '{"VERSION": "'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'"}' > src/version.json && \
-	pnpm run build
+  pnpm install && \
+  apk add --no-cache git && \
+  echo '{"VERSION": "'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'"}' > src/version.json && \
+  pnpm run build
 
 # Stage 2: copy 
 FROM nginx:alpine

From fd3c15d0642a8d91260ba24eaae52e0ba62c2871 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 20:55:07 +0200
Subject: [PATCH 073/187] fix: update top header list title when saving a
 filter

See https://community.vikunja.io/t/changes-to-a-saved-filter-name-is-not-updated-in-the-page-title
---
 src/views/filters/FilterEdit.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/filters/FilterEdit.vue b/src/views/filters/FilterEdit.vue
index 94aa16d6..90d08198 100644
--- a/src/views/filters/FilterEdit.vue
+++ b/src/views/filters/FilterEdit.vue
@@ -54,9 +54,11 @@
 <script setup lang="ts">
 import {ref, shallowRef, computed, watch, unref } from 'vue'
 import {useRouter, useRoute} from 'vue-router'
+import {useStore} from '@/store'
 import {success} from '@/message'
 import {useI18n} from 'vue-i18n'
 import type {MaybeRef} from '@vueuse/core'
+import {CURRENT_LIST} from '@/store/mutation-types'
 
 import {default as Editor} from '@/components/input/AsyncEditor'
 import CreateEdit from '@/components/misc/create-edit.vue'
@@ -113,6 +115,7 @@ function useSavedFilter(listId: MaybeRef<IList['id']>) {
 }
 
 const route = useRoute()
+const store = useStore()
 const listId =	computed(() => Number(route.params.listId as string))
 
 const {
@@ -126,6 +129,7 @@ const router = useRouter()
 
 async function saveSavedFilter() {
 	await save()
+	await store.dispatch(CURRENT_LIST, {list: filter})
 	router.back()
 }
 </script>

From 13157e3bba1f81d722be5c61a9b0f709bcf11c12 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:06:26 +0200
Subject: [PATCH 074/187] fix(filters): changing filter checkbox values not
 being emitted to parent components

See https://community.vikunja.io/t/saved-filters-option-include-tasks-which-dont-have-a-value-set-is-still-set-after-saving-the-filter-despite-the-option-was-unselected/858
---
 src/components/list/partials/filters.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index 838f259d..df5e399e 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -1,7 +1,7 @@
 <template>
 	<card class="filters has-overflow" :title="hasTitle ? $t('filters.title') : ''">
 		<div class="field">
-			<fancycheckbox v-model="params.filter_include_nulls">
+			<fancycheckbox v-model="params.filter_include_nulls" @change="change()">
 				{{ $t('filters.attributes.includeNulls') }}
 			</fancycheckbox>
 			<fancycheckbox
@@ -16,6 +16,7 @@
 			<fancycheckbox
 				v-if="!$route.name.includes('list.kanban') || !$route.name.includes('list.table')"
 				v-model="sortAlphabetically"
+				@change="change()"
 			>
 				{{ $t('filters.attributes.sortAlphabetically') }}
 			</fancycheckbox>
@@ -534,6 +535,7 @@ export default defineComponent({
 			} else {
 				this.params.filter_concat = 'or'
 			}
+			this.change()
 		},
 		setPriority() {
 			this.setSingleValueFilter('priority', 'priority', 'usePriority')

From 266f8774559656611cc6f71f69b5cbc1930d57b3 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:09:24 +0200
Subject: [PATCH 075/187] fix(filters): make sure all checkboxes are aligned
 properly

---
 src/components/list/partials/filters.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index df5e399e..4c18e4d9 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -1,6 +1,6 @@
 <template>
 	<card class="filters has-overflow" :title="hasTitle ? $t('filters.title') : ''">
-		<div class="field">
+		<div class="field is-flex is-flex-direction-column">
 			<fancycheckbox v-model="params.filter_include_nulls" @change="change()">
 				{{ $t('filters.attributes.includeNulls') }}
 			</fancycheckbox>

From 72b731d620ecef9074d5bc42e7239cb77725afff Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:13:13 +0200
Subject: [PATCH 076/187] fix(list): automatically close task edit pane when
 switching between lists

Resolves https://kolaente.dev/vikunja/frontend/issues/2442
---
 src/views/list/ListList.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index d0663aca..8000d4eb 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -118,7 +118,7 @@
 					v-if="isTaskEdit"
 					class="taskedit mt-0"
 					:title="$t('list.list.editTask')"
-					@close="() => isTaskEdit = false"
+					@close="closeTaskEditPane()"
 					:shadow="false"
 					:task="taskEditTask"
 				/>
@@ -139,7 +139,7 @@ export default { name: 'List' }
 </script>
 
 <script setup lang="ts">
-import {ref, computed, toRef, nextTick, onMounted, type PropType} from 'vue'
+import {ref, computed, toRef, nextTick, onMounted, type PropType, watch} from 'vue'
 import draggable from 'zhyswan-vuedraggable'
 import {useRoute, useRouter} from 'vue-router'
 
@@ -203,6 +203,16 @@ const DRAG_OPTIONS = {
 const taskEditTask = ref<ITask | null>(null)
 const isTaskEdit = ref(false)
 
+function closeTaskEditPane() {
+	isTaskEdit.value = false
+	taskEditTask.value = null
+}
+
+watch(
+	() => props.listId,
+	closeTaskEditPane,
+)
+
 const {
 	tasks,
 	loading,

From f8450f58a49c39eaa8422dfbf60aea967f8d46bc Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:20:26 +0200
Subject: [PATCH 077/187] fix(task): make sure users can be assigned via quick
 add magic via their real name as well

See https://kolaente.dev/vikunja/frontend/issues/2196#issuecomment-36206
---
 src/stores/tasks.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index a69b1f59..b192e0a2 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -38,9 +38,11 @@ function findPropertyByValue(object, key, value) {
 	)
 }
 
-// Check if the user exists
-function validateUsername(users: IUser[], username: IUser['username']) {
-	return findPropertyByValue(users, 'username', username)
+// Check if the user exists in the search results
+function validateUser(users: IUser[], username: IUser['username']) {
+	return findPropertyByValue(users, 'username', username) ||
+		findPropertyByValue(users, 'name', username) ||
+		findPropertyByValue(users, 'email', username)
 }
 
 // Check if the label exists
@@ -67,7 +69,7 @@ async function findAssignees(parsedTaskAssignees: string[]) {
 	const userService = new UserService()
 	const assignees = parsedTaskAssignees.map(async a => {
 		const users = await userService.getAll({}, {s: a})
-		return validateUsername(users, a)
+		return validateUser(users, a)
 	})
 
 	const validatedUsers = await Promise.all(assignees) 

From e999b38d3b13c663c6a27d7bedd3f984de777de6 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:24:08 +0200
Subject: [PATCH 078/187] fix(task): cancel loading state when creating a new
 task does not work

---
 src/stores/tasks.ts | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index b192e0a2..958b7578 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -377,12 +377,17 @@ export const useTaskStore = defineStore('task', {
 			task.repeatAfter = parsedTask.repeats
 		
 			const taskService = new TaskService()
-			const createdTask = await taskService.create(task)
-			const result = await this.addLabelsToTask({
-				task: createdTask,
-				parsedLabels: parsedTask.labels,
-			})
-			cancel()
+			try {
+				const createdTask = await taskService.create(task)
+				const result = await this.addLabelsToTask({
+					task: createdTask,
+					parsedLabels: parsedTask.labels,
+				})
+			} catch (e) {
+				throw e
+			} finally {
+				cancel()
+			}
 			return result
 		},
 	},

From 558596658469d632572cf6718b61bd8439fc0cf7 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:25:05 +0200
Subject: [PATCH 079/187] fix(task): cancel loading state when creating a new
 task does not work

---
 src/stores/tasks.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 958b7578..9485403f 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -383,12 +383,12 @@ export const useTaskStore = defineStore('task', {
 					task: createdTask,
 					parsedLabels: parsedTask.labels,
 				})
+				return result
 			} catch (e) {
 				throw e
 			} finally {
 				cancel()
 			}
-			return result
 		},
 	},
 })

From 2f2fb357c19b5d713e6bc0368da196e1880f7cf8 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:31:20 +0200
Subject: [PATCH 080/187] fix(task): new tasks with quick add magic not showing
 up in task list

---
 src/components/tasks/add-task.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index c5decc1a..cb8f515e 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -162,7 +162,9 @@ async function addTask() {
 	}
 
 	const taskTitleBackup = newTaskTitle.value
-	const createdTasks: ITask[] = []
+	// This allows us to find the tasks with the title they had before being parsed
+	// by quick add magic.
+	const createdTasks: { [key: ITask['title']]: ITask } = {}
 	const tasksToCreate = parseSubtasksViaIndention(newTaskTitle.value)
 	const newTasks = tasksToCreate.map(async ({title}) => {
 		if (title === '') {
@@ -174,7 +176,7 @@ async function addTask() {
 			listId: authStore.settings.defaultListId,
 			position: props.defaultPosition,
 		})
-		createdTasks.push(task)
+		createdTasks[title] = task
 		return task
 	})
 
@@ -184,7 +186,7 @@ async function addTask() {
 
 		const taskRelationService = new TaskRelationService()
 		const relations = tasksToCreate.map(async t => {
-			const createdTask = createdTasks.find(ct => ct.title === t.title)
+			const createdTask = createdTasks[t.title]
 			if (typeof createdTask === 'undefined') {
 				return
 			}
@@ -194,7 +196,7 @@ async function addTask() {
 				return
 			}
 
-			const createdParentTask = createdTasks.find(ct => ct.title === t.parent)
+			const createdParentTask = createdTasks[t.parent]
 			if (typeof createdTask === 'undefined' || typeof createdParentTask === 'undefined') {
 				return
 			}

From 68219ee2247c73e7e0b29d3df770f7b3f23985b3 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 22:36:50 +0200
Subject: [PATCH 081/187] fix(lint): unnecessary catch clause

---
 src/stores/tasks.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 9485403f..86f34b63 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -384,8 +384,6 @@ export const useTaskStore = defineStore('task', {
 					parsedLabels: parsedTask.labels,
 				})
 				return result
-			} catch (e) {
-				throw e
 			} finally {
 				cancel()
 			}

From 0ada383395abdfa30b409a69fcf4580056f909eb Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 1 Oct 2022 10:13:23 +0200
Subject: [PATCH 082/187] fix(tests): fake current time in gantt tests to make
 them more reliable

---
 cypress/e2e/list/list-view-gantt.spec.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/cypress/e2e/list/list-view-gantt.spec.ts b/cypress/e2e/list/list-view-gantt.spec.ts
index 69805a30..e7d39b3e 100644
--- a/cypress/e2e/list/list-view-gantt.spec.ts
+++ b/cypress/e2e/list/list-view-gantt.spec.ts
@@ -6,7 +6,7 @@ import '../../support/authenticateUser'
 
 describe('List View Gantt', () => {
 	prepareLists()
-	
+
 	it('Hides tasks with no dates', () => {
 		const tasks = TaskFactory.create(1)
 		cy.visit('/lists/1/gantt')
@@ -16,10 +16,12 @@ describe('List View Gantt', () => {
 	})
 
 	it('Shows tasks from the current and next month', () => {
-		const now = new Date()
-		const nextMonth = now
+		const now = Date.UTC(2022, 8, 25)
+		cy.clock(now, ['Date'])
+
+		const nextMonth = new Date(now)
 		nextMonth.setDate(1)
-		nextMonth.setMonth(now.getMonth() + 1)
+		nextMonth.setMonth(9)
 
 		cy.visit('/lists/1/gantt')
 
@@ -32,7 +34,7 @@ describe('List View Gantt', () => {
 		const now = new Date()
 		const tasks = TaskFactory.create(1, {
 			start_date: formatISO(now),
-			end_date: formatISO(now.setDate(now.getDate() + 4))
+			end_date: formatISO(now.setDate(now.getDate() + 4)),
 		})
 		cy.visit('/lists/1/gantt')
 
@@ -63,7 +65,7 @@ describe('List View Gantt', () => {
 		const now = new Date()
 		TaskFactory.create(1, {
 			start_date: formatISO(now),
-			end_date: formatISO(now.setDate(now.getDate() + 4))
+			end_date: formatISO(now.setDate(now.getDate() + 4)),
 		})
 		cy.visit('/lists/1/gantt')
 

From e2d5c6e12fea37166b9ac12e48f28d5d879ddae6 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sat, 1 Oct 2022 09:03:52 +0000
Subject: [PATCH 083/187] fix(deps): update dependency marked to v4.1.1

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 330d20e7..ac118752 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
     "is-touch-device": "1.0.1",
     "lodash.clonedeep": "4.5.0",
     "lodash.debounce": "4.0.8",
-    "marked": "4.1.0",
+    "marked": "4.1.1",
     "minimist": "1.2.6",
     "pinia": "2.0.22",
     "register-service-worker": "1.7.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5cc19eaa..0dab4b6b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -51,7 +51,7 @@ specifiers:
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
   lodash.debounce: 4.0.8
-  marked: 4.1.0
+  marked: 4.1.1
   minimist: 1.2.6
   netlify-cli: 11.8.3
   pinia: 2.0.22
@@ -111,7 +111,7 @@ dependencies:
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
   lodash.debounce: 4.0.8
-  marked: 4.1.0
+  marked: 4.1.1
   minimist: 1.2.6
   pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
@@ -5717,7 +5717,7 @@ packages:
       '@types/marked': 4.0.7
       codemirror: 5.65.9
       codemirror-spell-checker: 1.1.2
-      marked: 4.1.0
+      marked: 4.1.1
     dev: false
 
   /ecc-jsbn/0.1.2:
@@ -8848,8 +8848,8 @@ packages:
       object-visit: 1.0.1
     dev: true
 
-  /marked/4.1.0:
-    resolution: {integrity: sha512-+Z6KDjSPa6/723PQYyc1axYZpYYpDnECDaU6hkaf5gqBieBkMKYReL5hteF2QizhlMbgbo8umXl/clZ67+GlsA==}
+  /marked/4.1.1:
+    resolution: {integrity: sha512-0cNMnTcUJPxbA6uWmCmjWz4NJRe/0Xfk2NhXCUHjew9qJzFN20krFnsUe7QynwqOwa5m1fZ4UDg0ycKFVC0ccw==}
     engines: {node: '>= 12'}
     hasBin: true
     dev: false

From df74f9d80cdd44315a29189ecb2f236482cb70f5 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 24 Sep 2022 12:49:25 +0200
Subject: [PATCH 084/187] feat: move base store to stores

---
 src/{store/index.ts => stores/base.ts} | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
 rename src/{store/index.ts => stores/base.ts} (97%)

diff --git a/src/store/index.ts b/src/stores/base.ts
similarity index 97%
rename from src/store/index.ts
rename to src/stores/base.ts
index cd001a87..0bf6e739 100644
--- a/src/store/index.ts
+++ b/src/stores/base.ts
@@ -12,14 +12,14 @@ import {
 	LOADING_MODULE, LOGO_VISIBLE,
 	MENU_ACTIVE,
 	QUICK_ACTIONS_ACTIVE,
-} from './mutation-types'
+} from '../store/mutation-types'
 
 import ListModel from '@/models/list'
 
 import ListService from '../services/list'
 import {checkAndSetApiUrl} from '@/helpers/checkAndSetApiUrl'
 
-import type { RootStoreState, StoreState } from './types'
+import type { RootStoreState, StoreState } from '../store/types'
 import pinia from '@/pinia'
 import {useAuthStore} from '@/stores/auth'
 

From 7f281fc5e98c5eb83f926100c7f79ee374c5a784 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 24 Sep 2022 15:20:40 +0200
Subject: [PATCH 085/187] feat: port base store to pinia

---
 package.json                                  |   1 -
 pnpm-lock.yaml                                | 116 ++++++-------
 src/App.vue                                   |   6 +-
 src/components/home/MenuButton.vue            |  10 +-
 src/components/home/TheNavigation.vue         |  23 +--
 src/components/home/contentAuth.vue           |  22 ++-
 src/components/home/contentLinkShare.vue      |  11 +-
 src/components/home/navigation.vue            |  14 +-
 src/components/list/partials/filters.vue      |  15 +-
 .../misc/keyboard-shortcuts/index.vue         |   7 +-
 src/components/misc/ready.vue                 |   9 +-
 .../quick-actions/quick-actions.vue           |  15 +-
 src/components/tasks/gantt-component.vue      |   6 +-
 src/components/tasks/partials/heading.vue     |   4 +-
 .../tasks/partials/singleTaskInList.vue       |  11 +-
 src/helpers/saveListView.ts                   |   2 +-
 src/main.ts                                   |   4 -
 src/models/user.ts                            |   4 +-
 src/store/helper.ts                           |  53 ------
 src/store/mutation-types.ts                   |  12 --
 src/store/types.ts                            | 114 -------------
 src/stores/attachments.ts                     |   5 +-
 src/stores/auth.ts                            |  32 +++-
 src/stores/base.ts                            | 159 ++++++++++--------
 src/stores/config.ts                          |  36 +++-
 src/stores/helper.ts                          |  19 +++
 src/stores/kanban.ts                          |  22 ++-
 src/stores/labels.ts                          |   9 +-
 src/stores/lists.ts                           |  10 +-
 src/stores/namespaces.ts                      |   8 +-
 src/stores/tasks.ts                           |  24 +--
 src/types/shims-vue.d.ts                      |  30 ----
 src/views/Home.vue                            |  14 +-
 src/views/filters/FilterEdit.vue              |   8 +-
 src/views/list/ListKanban.vue                 |  11 +-
 src/views/list/ListList.vue                   |  10 +-
 src/views/list/ListWrapper.vue                |  19 +--
 src/views/list/settings/archive.vue           |  12 +-
 src/views/list/settings/background.vue        |  26 +--
 src/views/list/settings/edit.vue              |   7 +-
 src/views/list/settings/share.vue             |   7 +-
 src/views/namespaces/ListNamespaces.vue       |   7 +-
 src/views/sharing/LinkSharingAuth.vue         |   8 +-
 src/views/tasks/ShowTasks.vue                 |   5 +-
 src/views/tasks/TaskDetailView.vue            |   6 +-
 src/views/user/Login.vue                      |  16 +-
 src/views/user/OpenIdAuth.vue                 |   7 +-
 src/views/user/Register.vue                   |   8 +-
 src/views/user/settings/General.vue           |   7 +-
 49 files changed, 450 insertions(+), 541 deletions(-)
 delete mode 100644 src/store/helper.ts
 delete mode 100644 src/store/mutation-types.ts
 delete mode 100644 src/store/types.ts
 create mode 100644 src/stores/helper.ts
 delete mode 100644 src/types/shims-vue.d.ts

diff --git a/package.json b/package.json
index ac118752..f0205e16 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,6 @@
     "vue-flatpickr-component": "9.0.6",
     "vue-i18n": "9.2.2",
     "vue-router": "4.1.5",
-    "vuex": "4.0.2",
     "workbox-precaching": "6.5.4",
     "zhyswan-vuedraggable": "4.1.3"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0dab4b6b..f50a5ae8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -77,7 +77,6 @@ specifiers:
   vue-i18n: 9.2.2
   vue-router: 4.1.5
   vue-tsc: 0.40.13
-  vuex: 4.0.2
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -87,7 +86,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
+  '@fortawesome/vue-fontawesome': 3.0.1_ehtls4nlds6e63ahmro7mfqbhy
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.14.0
@@ -96,7 +95,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.40
-  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
+  '@vueuse/router': 9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u
   axios: 0.27.2
   blurhash: 2.0.2
   bulma-css-variables: 0.9.33
@@ -113,7 +112,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
+  pinia: 2.0.22_bfjwoga25wxjazzogo7o372nwq
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -125,7 +124,6 @@ dependencies:
   vue-flatpickr-component: 9.0.6_vue@3.2.40
   vue-i18n: 9.2.2_vue@3.2.40
   vue-router: 4.1.5_vue@3.2.40
-  vuex: 4.0.2_vue@3.2.40
   workbox-precaching: 6.5.4
   zhyswan-vuedraggable: 4.1.3_vue@3.2.40
 
@@ -137,11 +135,11 @@ devDependencies:
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/node': 16.11.62
-  '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
-  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
+  '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
+  '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
+  '@vue/eslint-config-typescript': 11.0.2_xgc4xirg4ejg2tgchx2nhou42q
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -161,12 +159,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.4
+  vite-plugin-pwa: 0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
+  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4
+  workbox-cli: 6.5.4_acorn@8.8.0
 
 packages:
 
@@ -1394,7 +1392,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1447,7 +1445,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1532,7 +1530,7 @@ packages:
       postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
+  /@csstools/selector-specificity/2.0.2_zurzgjffv23ohtxa7nq7nizuja:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1681,7 +1679,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
+  /@fortawesome/vue-fontawesome/3.0.1_ehtls4nlds6e63ahmro7mfqbhy:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1919,7 +1917,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_8274f11304fdf7eb271c33cd723ceaff
+      ts-node: 10.8.1_qj2pceye7x36wjy4gpgxephk74
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2607,7 +2605,7 @@ packages:
     resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
     dev: false
 
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
+  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3106,7 +3104,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_17e047bdec5ec7c01e9d134b6813cb9c:
+  /@typescript-eslint/eslint-plugin/5.38.1_c7qepppml3d4ahu5cnfwqe6ltq:
     resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3117,10 +3115,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
       '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/type-utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3132,7 +3130,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/parser/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3160,7 +3158,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/type-utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3171,7 +3169,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3185,7 +3183,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_f1deb5be19df0fe0ff039530117daddf:
+  /@typescript-eslint/typescript-estree/5.38.1_6hpllpqz34h6b7ydsuybc7nn34:
     resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3227,7 +3225,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3305,7 +3303,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3430,15 +3428,11 @@ packages:
       '@vue/compiler-dom': 3.2.40
       '@vue/shared': 3.2.40
 
-  /@vue/devtools-api/6.0.9:
-    resolution: {integrity: sha512-O9tAMBMNMAMzgvbSS3OZlTpfgKCGjvjo5LTjWNtQ/M6A/SKWghJfvoMKuQL/vykLb6rjB/AkaQVFg9yDHprN6w==}
-    dev: false
-
   /@vue/devtools-api/6.2.1:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_b985cba226e1126d4cc23df4d3ba9cd4:
+  /@vue/eslint-config-typescript/11.0.2_xgc4xirg4ejg2tgchx2nhou42q:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3449,8 +3443,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
+      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.4
@@ -3557,7 +3551,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
+  /@vueuse/router/9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5578,7 +5572,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_f1deb5be19df0fe0ff039530117daddf
+      '@typescript-eslint/typescript-estree': 5.38.1_6hpllpqz34h6b7ydsuybc7nn34
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -10096,7 +10090,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
+  /pinia/2.0.22_bfjwoga25wxjazzogo7o372nwq:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10339,7 +10333,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11055,7 +11049,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11064,7 +11058,9 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
+    transitivePeerDependencies:
+      - acorn
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11946,10 +11942,12 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0:
+  /terser/5.10.0_acorn@8.8.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
+    peerDependencies:
+      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12155,7 +12153,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_8274f11304fdf7eb271c33cd723ceaff:
+  /ts-node/10.8.1_qj2pceye7x36wjy4gpgxephk74:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12553,20 +12551,21 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.4:
+  /vite-plugin-pwa/0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
+      workbox-build: ^6.5.4
+      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
       workbox-window: 6.5.4
     transitivePeerDependencies:
-      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12601,12 +12600,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
+  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12757,15 +12756,6 @@ packages:
       '@vue/server-renderer': 3.2.40_vue@3.2.40
       '@vue/shared': 3.2.40
 
-  /vuex/4.0.2_vue@3.2.40:
-    resolution: {integrity: sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==}
-    peerDependencies:
-      vue: ^3.0.2
-    dependencies:
-      '@vue/devtools-api': 6.0.9
-      vue: 3.2.40
-    dev: false
-
   /wait-on/6.0.1:
     resolution: {integrity: sha512-zht+KASY3usTY5u2LgaNqn/Cd8MukxLGjdcZxT2ns5QzDmTFc4XoWBgC+C/na+sMRZTuVygQoMYwdcVjHnYIVw==}
     engines: {node: '>=10.0.0'}
@@ -12929,7 +12919,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4:
+  /workbox-build/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12937,7 +12927,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
+      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12949,7 +12939,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12972,6 +12962,7 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
@@ -12981,7 +12972,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4:
+  /workbox-cli/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12998,9 +12989,10 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
diff --git a/src/App.vue b/src/App.vue
index 81fcf611..abfce27d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,6 @@
 import {computed, watch, type Ref} from 'vue'
 import {useRouter} from 'vue-router'
 import {useRouteQuery} from '@vueuse/router'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 import isTouchDevice from 'is-touch-device'
 import {success} from '@/message'
@@ -34,16 +33,17 @@ import Ready from '@/components/misc/ready.vue'
 import {setLanguage} from './i18n'
 import AccountDeleteService from '@/services/accountDelete'
 
+import {useBaseStore} from '@/stores/base'
 import {useColorScheme} from '@/composables/useColorScheme'
 import {useBodyClass} from '@/composables/useBodyClass'
 import {useAuthStore} from './stores/auth'
 
-const store = useStore()
+const baseStore = useBaseStore()
 const authStore = useAuthStore()
 const router = useRouter()
 
 useBodyClass('is-touch', isTouchDevice())
-const keyboardShortcutsActive = computed(() => store.state.keyboardShortcutsActive)
+const keyboardShortcutsActive = computed(() => baseStore.keyboardShortcutsActive)
 
 const authUser = computed(() => authStore.authUser)
 const authLinkShare = computed(() => authStore.authLinkShare)
diff --git a/src/components/home/MenuButton.vue b/src/components/home/MenuButton.vue
index 49a25286..40077000 100644
--- a/src/components/home/MenuButton.vue
+++ b/src/components/home/MenuButton.vue
@@ -1,8 +1,8 @@
 <template>
 	<BaseButton
 		class="menu-show-button"
-		@click="$store.commit('toggleMenu')"
-		@shortkey="() => $store.commit('toggleMenu')"
+		@click="baseStore.toggleMenu()"
+		@shortkey="() => baseStore.toggleMenu()"
 		v-shortcut="'Control+e'"
 		:title="$t('keyboardShortcuts.toggleMenu')"
 		:aria-label="menuActive ? $t('misc.hideMenu') : $t('misc.showMenu')"
@@ -11,12 +11,12 @@
 
 <script setup lang="ts">
 import {computed} from 'vue'
-import {useStore} from '@/store'
+import {useBaseStore} from '@/stores/base'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 
-const store = useStore()
-const menuActive = computed(() => store.state.menuActive)
+const baseStore = useBaseStore()
+const menuActive = computed(() => baseStore.menuActive)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/home/TheNavigation.vue b/src/components/home/TheNavigation.vue
index b693988b..5569a1cc 100644
--- a/src/components/home/TheNavigation.vue
+++ b/src/components/home/TheNavigation.vue
@@ -70,7 +70,7 @@
 						{{ $t('navigation.privacy') }}
 					</dropdown-item>
 					<dropdown-item
-						@click="$store.commit('keyboardShortcutsActive', true)"
+						@click="baseStore.setKeyboardShortcutsActive(true)"
 					>
 						{{ $t('keyboardShortcuts.title') }}
 					</dropdown-item>
@@ -92,9 +92,7 @@
 
 <script setup lang="ts">
 import {ref, computed, onMounted, nextTick} from 'vue'
-import {useStore} from '@/store'
 
-import {QUICK_ACTIONS_ACTIVE} from '@/store/mutation-types'
 import {RIGHTS as Rights} from '@/constants/rights'
 
 import Update from '@/components/home/update.vue'
@@ -107,21 +105,24 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import MenuButton from '@/components/home/MenuButton.vue'
 
 import {getListTitle} from '@/helpers/getListTitle'
+
+import {useBaseStore} from '@/stores/base'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 
-const store = useStore()
-const authStore = useAuthStore()
-const configStore = useConfigStore()
+const baseStore = useBaseStore()
+const currentList = computed(() => baseStore.currentList)
+const background = computed(() => baseStore.background)
+const canWriteCurrentList = computed(() => baseStore.currentList.maxRight > Rights.READ)
+const menuActive = computed(() => baseStore.menuActive)
 
+const authStore = useAuthStore()
 const userInfo = computed(() => authStore.info)
 const userAvatar = computed(() => authStore.avatarUrl)
-const currentList = computed(() => store.state.currentList)
-const background = computed(() => store.state.background)
+
+const configStore = useConfigStore()
 const imprintUrl = computed(() => configStore.legal.imprintUrl)
 const privacyPolicyUrl = computed(() => configStore.legal.privacyPolicyUrl)
-const canWriteCurrentList = computed(() => store.state.currentList.maxRight > Rights.READ)
-const menuActive = computed(() => store.state.menuActive)
 
 const usernameDropdown = ref()
 const listTitle = ref()
@@ -140,7 +141,7 @@ function logout() {
 }
 
 function openQuickActions() {
-	store.commit(QUICK_ACTIONS_ACTIVE, true)
+	baseStore.setQuickActionsActive(true)
 }
 </script>
 
diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index 855279e4..3396be57 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -2,7 +2,7 @@
 	<div class="content-auth">
 		<BaseButton
 			v-if="menuActive"
-			@click="$store.commit('menuActive', false)"
+			@click="baseStore.setMenuActive(false)"
 			class="menu-hide-button d-print-none"
 		>
 			<icon icon="times"/>
@@ -26,7 +26,7 @@
 			>
 				<BaseButton
 					v-if="menuActive"
-					@click="$store.commit('menuActive', false)"
+					@click="baseStore.setMenuActive(false)"
 					class="mobile-overlay d-print-none"
 				/>
 
@@ -61,11 +61,10 @@
 
 <script lang="ts" setup>
 import {watch, computed, shallowRef, watchEffect, type VNode, h} from 'vue'
-import {useStore} from '@/store'
+import {useBaseStore} from '@/stores/base'
 import {useRoute, useRouter} from 'vue-router'
 import {useEventListener} from '@vueuse/core'
 
-import {CURRENT_LIST, KEYBOARD_SHORTCUTS_ACTIVE, MENU_ACTIVE} from '@/store/mutation-types'
 import {useLabelStore} from '@/stores/labels'
 import Navigation from '@/components/home/navigation.vue'
 import QuickActions from '@/components/quick-actions/quick-actions.vue'
@@ -123,20 +122,19 @@ function useRouteWithModal() {
 
 const {routeWithModal, currentModal, closeModal} = useRouteWithModal()
 
-const store = useStore()
-
-const background = computed(() => store.state.background)
-const blurHash = computed(() => store.state.blurHash)
-const menuActive = computed(() => store.state.menuActive)
+const baseStore = useBaseStore()
+const background = computed(() => baseStore.background)
+const blurHash = computed(() => baseStore.blurHash)
+const menuActive = computed(() => baseStore.menuActive)
 
 function showKeyboardShortcuts() {
-	store.commit(KEYBOARD_SHORTCUTS_ACTIVE, true)
+	baseStore.setKeyboardShortcutsActive(true)
 }
 
 const route = useRoute()
 
 // hide menu on mobile
-watch(() => route.fullPath, () => window.innerWidth < 769 && store.commit(MENU_ACTIVE, false))
+watch(() => route.fullPath, () => window.innerWidth < 769 && baseStore.setMenuActive(false))
 
 // FIXME: this is really error prone
 // Reset the current list highlight in menu if the current route is not list related.
@@ -158,7 +156,7 @@ watch(() => route.name as string, (routeName) => {
 			routeName.startsWith('user.settings')
 		)
 	) {
-		store.dispatch(CURRENT_LIST, {list: null})
+		baseStore.handleSetCurrentList({list: null})
 	}
 })
 
diff --git a/src/components/home/contentLinkShare.vue b/src/components/home/contentLinkShare.vue
index 55a61d1c..bfcf8821 100644
--- a/src/components/home/contentLinkShare.vue
+++ b/src/components/home/contentLinkShare.vue
@@ -24,15 +24,16 @@
 
 <script lang="ts" setup>
 import {computed} from 'vue'
-import {useStore} from '@/store'
+
+import {useBaseStore} from '@/stores/base'
 
 import Logo from '@/components/home/Logo.vue'
 import PoweredByLink from './PoweredByLink.vue'
 
-const store = useStore()
-const currentList = computed(() => store.state.currentList)
-const background = computed(() => store.state.background)
-const logoVisible = computed(() => store.state.logoVisible)
+const baseStore = useBaseStore()
+const currentList = computed(() => baseStore.currentList)
+const background = computed(() => baseStore.background)
+const logoVisible = computed(() => baseStore.logoVisible)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index f7f8f7f2..ec94b8a5 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -141,7 +141,6 @@
 
 <script setup lang="ts">
 import {ref, computed, onMounted, onBeforeMount} from 'vue'
-import {useStore} from '@/store'
 import draggable from 'zhyswan-vuedraggable'
 import type {SortableEvent} from 'sortablejs'
 
@@ -151,7 +150,6 @@ import NamespaceSettingsDropdown from '@/components/namespace/namespace-settings
 import PoweredByLink from '@/components/home/PoweredByLink.vue'
 import Logo from '@/components/home/Logo.vue'
 
-import {MENU_ACTIVE} from '@/store/mutation-types'
 import {calculateItemPosition} from '@/helpers/calculateItemPosition'
 import {getNamespaceTitle} from '@/helpers/getNamespaceTitle'
 import {getListTitle} from '@/helpers/getListTitle'
@@ -159,6 +157,8 @@ import {useEventListener} from '@vueuse/core'
 import type {IList} from '@/modelTypes/IList'
 import type {INamespace} from '@/modelTypes/INamespace'
 import ColorBubble from '@/components/misc/colorBubble.vue'
+
+import {useBaseStore} from '@/stores/base'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
 
@@ -168,10 +168,10 @@ const dragOptions = {
 	ghostClass: 'ghost',
 }
 
-const store = useStore()
+const baseStore = useBaseStore()
 const namespaceStore = useNamespaceStore()
-const currentList = computed(() => store.state.currentList)
-const menuActive = computed(() => store.state.menuActive)
+const currentList = computed(() => baseStore.currentList)
+const menuActive = computed(() => baseStore.menuActive)
 const loading = computed(() => namespaceStore.isLoading)
 
 
@@ -202,7 +202,7 @@ const listStore = useListStore()
 
 function resize() {
 	// Hide the menu by default on mobile
-	store.commit(MENU_ACTIVE, window.innerWidth >= 770)
+	baseStore.setMenuActive(window.innerWidth >= 770)
 }
 
 function toggleLists(namespaceId: INamespace['id']) {
@@ -262,7 +262,7 @@ async function saveListPosition(e: SortableEvent) {
 	)
 
 	try {
-		// create a copy of the list in order to not violate vuex mutations
+		// create a copy of the list in order to not violate pinia manipulation
 		await listStore.updateList({
 			...list,
 			position,
diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index 4c18e4d9..f02d5a07 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -1,22 +1,25 @@
 <template>
 	<card class="filters has-overflow" :title="hasTitle ? $t('filters.title') : ''">
 		<div class="field is-flex is-flex-direction-column">
-			<fancycheckbox v-model="params.filter_include_nulls" @change="change()">
+			<fancycheckbox
+				v-model="params.filter_include_nulls"
+				@update:model-value="change()"
+			>
 				{{ $t('filters.attributes.includeNulls') }}
 			</fancycheckbox>
 			<fancycheckbox
 				v-model="filters.requireAllFilters"
-				@change="setFilterConcat()"
+				@update:model-value="setFilterConcat()"
 			>
 				{{ $t('filters.attributes.requireAll') }}
 			</fancycheckbox>
-			<fancycheckbox @change="setDoneFilter" v-model="filters.done">
+			<fancycheckbox v-model="filters.done" @update:model-value="setDoneFilter">
 				{{ $t('filters.attributes.showDoneTasks') }}
 			</fancycheckbox>
 			<fancycheckbox
 				v-if="!$route.name.includes('list.kanban') || !$route.name.includes('list.table')"
 				v-model="sortAlphabetically"
-				@change="change()"
+				@update:model-value="change()"
 			>
 				{{ $t('filters.attributes.sortAlphabetically') }}
 			</fancycheckbox>
@@ -43,7 +46,7 @@
 				/>
 				<fancycheckbox
 					v-model="filters.usePriority"
-					@change="setPriority"
+					@update:model-value="setPriority"
 				>
 					{{ $t('filters.attributes.enablePriority') }}
 				</fancycheckbox>
@@ -59,7 +62,7 @@
 				/>
 				<fancycheckbox
 					v-model="filters.usePercentDone"
-					@change="setPercentDoneFilter"
+					@update:model-value="setPercentDoneFilter"
 				>
 					{{ $t('filters.attributes.enablePercentDone') }}
 				</fancycheckbox>
diff --git a/src/components/misc/keyboard-shortcuts/index.vue b/src/components/misc/keyboard-shortcuts/index.vue
index 781d8a23..8d1de379 100644
--- a/src/components/misc/keyboard-shortcuts/index.vue
+++ b/src/components/misc/keyboard-shortcuts/index.vue
@@ -33,18 +33,15 @@
 </template>
 
 <script lang="ts" setup>
-import {useStore} from '@/store'
+import {useBaseStore} from '@/stores/base'
 
 import Shortcut from '@/components/misc/shortcut.vue'
 import Message from '@/components/misc/message.vue'
 
-import {KEYBOARD_SHORTCUTS_ACTIVE} from '@/store/mutation-types'
 import {KEYBOARD_SHORTCUTS as shortcuts} from './shortcuts'
 
-const store = useStore()
-
 function close() {
-	store.commit(KEYBOARD_SHORTCUTS_ACTIVE, false)
+	useBaseStore().setKeyboardShortcutsActive(false)
 }
 </script>
 
diff --git a/src/components/misc/ready.vue b/src/components/misc/ready.vue
index 2f3fdbfe..2d869b94 100644
--- a/src/components/misc/ready.vue
+++ b/src/components/misc/ready.vue
@@ -42,7 +42,7 @@
 
 <script lang="ts" setup>
 import {ref, computed} from 'vue'
-import {useStore} from '@/store'
+import {useRouter, useRoute} from 'vue-router'
 
 import Logo from '@/assets/logo.svg?component'
 import ApiConfig from '@/components/misc/api-config.vue'
@@ -52,13 +52,14 @@ import NoAuthWrapper from '@/components/misc/no-auth-wrapper.vue'
 import {ERROR_NO_API_URL} from '@/helpers/checkAndSetApiUrl'
 import {useOnline} from '@/composables/useOnline'
 
-import {useRouter, useRoute} from 'vue-router'
 import {getAuthForRoute} from '@/router'
 
+import {useBaseStore} from '@/stores/base'
+
 const router = useRouter()
 const route = useRoute()
 
-const store = useStore()
+const baseStore = useBaseStore()
 
 const ready = ref(false)
 const online = useOnline()
@@ -68,7 +69,7 @@ const showLoading = computed(() => !ready.value && error.value === '')
 
 async function load() {
 	try {
-		await store.dispatch('loadApp')
+		await baseStore.loadApp()
 		const redirectTo = getAuthForRoute(route)
 		if (typeof redirectTo !== 'undefined') {
 			await router.push(redirectTo)
diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue
index a90467a7..693d3f2f 100644
--- a/src/components/quick-actions/quick-actions.vue
+++ b/src/components/quick-actions/quick-actions.vue
@@ -61,7 +61,6 @@ import TeamService from '@/services/team'
 import NamespaceModel from '@/models/namespace'
 import TeamModel from '@/models/team'
 
-import {CURRENT_LIST, LOADING, LOADING_MODULE, QUICK_ACTIONS_ACTIVE} from '@/store/mutation-types'
 import ListModel from '@/models/list'
 
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -70,6 +69,8 @@ import {getHistory} from '@/modules/listHistory'
 import {parseTaskText, PrefixMode} from '@/modules/parseTaskText'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {PREFIXES} from '@/modules/parseTaskText'
+
+import {useBaseStore} from '@/stores/base'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useLabelStore} from '@/stores/labels'
@@ -112,8 +113,10 @@ export default defineComponent({
 	},
 	computed: {
 		active() {
-			const active = this.$store.state[QUICK_ACTIONS_ACTIVE]
+			const active = useBaseStore().quickActionsActive
 			if (!active) {
+				// FIXME: computeds shouldn't have side effects.
+				// create a watcher instead
 				this.reset()
 			}
 			return active
@@ -181,8 +184,7 @@ export default defineComponent({
 		},
 		loading() {
 			return this.taskService.loading ||
-				(this.$store.state[LOADING] && this.$store.state[LOADING_MODULE] === 'namespaces') ||
-				(this.$store.state[LOADING] && this.$store.state[LOADING_MODULE] === 'lists') ||
+				useNamespaceStore().isLoading || useListStore().isLoading ||
 				this.teamService.loading
 		},
 		placeholder() {
@@ -219,7 +221,8 @@ export default defineComponent({
 			return this.$t('quickActions.hint', prefixes)
 		},
 		currentList() {
-			return Object.keys(this.$store.state[CURRENT_LIST]).length === 0 ? null : this.$store.state[CURRENT_LIST]
+			const currentList = useBaseStore().currentList
+			return Object.keys(currentList).length === 0 ? null : currentList
 		},
 		availableCmds() {
 			const cmds = []
@@ -360,7 +363,7 @@ export default defineComponent({
 			}, 150)
 		},
 		closeQuickActions() {
-			this.$store.commit(QUICK_ACTIONS_ACTIVE, false)
+			useBaseStore().setQuickActionsActive(false)
 		},
 		doAction(type, item) {
 			switch (type) {
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 0db199dc..4955da44 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -173,6 +173,7 @@
 
 <script lang="ts">
 import {defineComponent} from 'vue'
+import {mapState} from 'pinia'
 
 import VueDragResize from 'vue-drag-resize'
 import EditTask from './edit-task.vue'
@@ -182,7 +183,6 @@ import TaskModel from '../../models/task'
 import {PRIORITIES as priorities} from '@/constants/priorities'
 import PriorityLabel from './partials/priorityLabel.vue'
 import TaskCollectionService from '../../services/taskCollection'
-import {mapState} from 'vuex'
 import {RIGHTS as Rights} from '@/constants/rights'
 import FilterPopup from '@/components/list/partials/filter-popup.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -190,6 +190,8 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 import {formatDate} from '@/helpers/time/formatDate'
 
+import {useBaseStore} from '@/stores/base'
+
 export default defineComponent({
 	name: 'GanttChart',
 	components: {
@@ -256,7 +258,7 @@ export default defineComponent({
 	mounted() {
 		this.buildTheGanttChart()
 	},
-	computed: mapState({
+	computed: mapState(useBaseStore, {
 		canWrite: (state) => state.currentList.maxRight > Rights.READ,
 	}),
 	methods: {
diff --git a/src/components/tasks/partials/heading.vue b/src/components/tasks/partials/heading.vue
index 5b53018c..930395af 100644
--- a/src/components/tasks/partials/heading.vue
+++ b/src/components/tasks/partials/heading.vue
@@ -41,13 +41,13 @@ import {ref, computed, type PropType} from 'vue'
 import {useRouter} from 'vue-router'
 
 import BaseButton from '@/components/base/BaseButton.vue'
+import ColorBubble from '@/components/misc/colorBubble.vue'
 import Done from '@/components/misc/Done.vue'
 
 import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
+import {useTaskStore} from '@/stores/tasks'
 
 import type {ITask} from '@/modelTypes/ITask'
-import ColorBubble from '@/components/misc/colorBubble.vue'
-import {useTaskStore} from '@/stores/tasks'
 
 const props = defineProps({
 	task: {
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index 4abf633d..36a1fb06 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -35,7 +35,7 @@
 				{{ task.title }}
 			</span>
 
-			<labels class="labels ml-2 mr-1" :labels="task.labels" v-if="task.labels.length > 0"/>
+			<labels class="labels ml-2 mr-1" :labels="task.labels" v-if="task.labels.length > 0" />
 			<user
 				:avatar-size="27"
 				:is-inline="true"
@@ -119,6 +119,7 @@ import {formatDateSince, formatISO, formatDateLong} from '@/helpers/time/formatD
 import ColorBubble from '@/components/misc/colorBubble.vue'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
+import {useBaseStore} from '@/stores/base'
 import {useTaskStore} from '@/stores/tasks'
 
 export default defineComponent({
@@ -188,10 +189,11 @@ export default defineComponent({
 			return list !== null ? list.hexColor : ''
 		},
 		currentList() {
-			return typeof this.$store.state.currentList === 'undefined' ? {
+			const baseStore = useBaseStore()
+			return typeof baseStore.currentList === 'undefined' ? {
 				id: 0,
 				title: '',
-			} : this.$store.state.currentList
+			} : baseStore.currentList
 		},
 		taskDetailRoute() {
 			return {
@@ -238,8 +240,7 @@ export default defineComponent({
 			this.task.isFavorite = !this.task.isFavorite
 			this.task = await this.taskService.update(this.task)
 			this.$emit('task-updated', this.task)
-			const namespaceStore = useNamespaceStore()
-			namespaceStore.loadNamespacesIfFavoritesDontExist()
+			useNamespaceStore().loadNamespacesIfFavoritesDontExist()
 		},
 		hideDeferDueDatePopup(e) {
 			if (!this.showDefer) {
diff --git a/src/helpers/saveListView.ts b/src/helpers/saveListView.ts
index 96be6342..ad350e83 100644
--- a/src/helpers/saveListView.ts
+++ b/src/helpers/saveListView.ts
@@ -1,5 +1,5 @@
 // Save the current list view to local storage
-// We use local storage and not vuex here to make it persistent across reloads.
+// We use local storage and not a store here to make it persistent across reloads.
 export const saveListView = (listId, routeName) => {
 	if (routeName.includes('settings.')) {
 		return
diff --git a/src/main.ts b/src/main.ts
index a1e143cc..6d0dad5c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -14,8 +14,6 @@ import Notifications from '@kyvg/vue3-notification'
 // PWA
 import './registerServiceWorker'
 
-// Vuex
-import { store, key } from './store'
 // i18n
 import {i18n} from './i18n'
 
@@ -106,8 +104,6 @@ if (window.SENTRY_ENABLED) {
 }
 
 app.use(pinia)
-
-app.use(store, key) // pass the injection key
 app.use(router)
 app.use(i18n)
 
diff --git a/src/models/user.ts b/src/models/user.ts
index ce99f4a9..bbceef61 100644
--- a/src/models/user.ts
+++ b/src/models/user.ts
@@ -1,7 +1,7 @@
 import AbstractModel from './abstractModel'
 import UserSettingsModel from '@/models/userSettings'
 
-import { AUTH_TYPES, type IUser } from '@/modelTypes/IUser'
+import { AUTH_TYPES, type IUser, type AuthType } from '@/modelTypes/IUser'
 import type { IUserSettings } from '@/modelTypes/IUserSettings'
 
 export function getAvatarUrl(user: IUser, size = 50) {
@@ -22,7 +22,7 @@ export default class UserModel extends AbstractModel<IUser> implements IUser {
 	username = ''
 	name = ''
 	exp = 0
-	type = AUTH_TYPES.UNKNOWN
+	type: AuthType = AUTH_TYPES.UNKNOWN
 
 	created: Date
 	updated: Date
diff --git a/src/store/helper.ts b/src/store/helper.ts
deleted file mode 100644
index 1eac01a0..00000000
--- a/src/store/helper.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { ActionContext } from 'vuex'
-import type { StoreDefinition } from 'pinia'
-import {LOADING, LOADING_MODULE} from './mutation-types'
-import type { RootStoreState } from './types'
-
-/**
- * This helper sets the loading state with a 100ms delay to avoid flickering.
- * 
- * @param {*} context The vuex module context.
- * @param {null|String} module The module that is loading. This parameter allows components to listen for specific parts of the application loading.
- * @param {null|function} loadFunc If not null, this function will be executed instead of the default setting loading.
- */
-export function setLoading<State>(
-	context : ActionContext<State, RootStoreState>,
-	module : string | null = null,
-	loadFunc : (() => void) | null = null,
-) {
-	const timeout = setTimeout(() => {
-		if (loadFunc === null) {
-			context.commit(LOADING, true, {root: true})
-			context.commit(LOADING_MODULE, module, {root: true})
-		} else {
-			loadFunc(true)
-		}
-	}, 100)
-	return () => {
-		clearTimeout(timeout)
-		if (loadFunc === null) {
-			context.commit(LOADING, false, {root: true})
-			context.commit(LOADING_MODULE, null, {root: true})
-		} else {
-			loadFunc(false)
-		}
-	}
-}
-
-export const setLoadingPinia = (store: StoreDefinition, loadFunc : ((isLoading: boolean) => void) | null = null) => {
-	const timeout = setTimeout(() => {
-		if (loadFunc === null) {
-			store.isLoading = true
-		} else {
-			loadFunc(true)
-		}
-	}, 100)
-	return () => {
-		clearTimeout(timeout)
-		if (loadFunc === null) {
-			store.isLoading = false
-		} else {
-			loadFunc(false)
-		}
-	}
-}
\ No newline at end of file
diff --git a/src/store/mutation-types.ts b/src/store/mutation-types.ts
deleted file mode 100644
index 0a0d1838..00000000
--- a/src/store/mutation-types.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export const LOADING = 'loading'
-export const LOADING_MODULE = 'loadingModule'
-export const CURRENT_LIST = 'currentList'
-export const HAS_TASKS = 'hasTasks'
-export const MENU_ACTIVE = 'menuActive'
-export const KEYBOARD_SHORTCUTS_ACTIVE = 'keyboardShortcutsActive'
-export const QUICK_ACTIONS_ACTIVE = 'quickActionsActive'
-export const BACKGROUND = 'background'
-export const BLUR_HASH = 'blurHash'
-export const LOGO_VISIBLE = 'logoVisible'
-
-export const CONFIG = 'config'
diff --git a/src/store/types.ts b/src/store/types.ts
deleted file mode 100644
index f7ea2ce8..00000000
--- a/src/store/types.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import type { IBucket } from '@/modelTypes/IBucket'
-import type { IUserSettings } from '@/modelTypes/IUserSettings'
-import type { IList } from '@/modelTypes/IList'
-import type { IAttachment } from '@/modelTypes/IAttachment'
-import type { ILabel } from '@/modelTypes/ILabel'
-import type { INamespace } from '@/modelTypes/INamespace'
-import type { IUser } from '@/modelTypes/IUser'
-
-export interface RootStoreState {
-	loading: boolean,
-	loadingModule: null,
-	currentList: IList,
-	background: string,
-	blurHash: string,
-	hasTasks: boolean,
-	menuActive: boolean,
-	keyboardShortcutsActive: boolean,
-	quickActionsActive: boolean,
-	logoVisible: boolean,
-}
-
-export interface AttachmentState {
-	attachments: IAttachment[],
-}
-
-export interface AuthState {
-	authenticated: boolean,
-	isLinkShareAuth: boolean,
-	info: IUser | null,
-	needsTotpPasscode: boolean,
-	avatarUrl: string,
-	lastUserInfoRefresh: Date | null,
-	settings: IUserSettings,
-	isLoading: boolean,
-	isLoadingGeneralSettings: boolean
-}
-
-export interface ConfigState {
-	version: string,
-	frontendUrl: string,
-	motd: string,
-	linkSharingEnabled: boolean,
-	maxFileSize: '20MB',
-	registrationEnabled: boolean,
-	availableMigrators: [],
-	taskAttachmentsEnabled: boolean,
-	totpEnabled: boolean,
-	enabledBackgroundProviders: [],
-	legal: {
-		imprintUrl: string,
-		privacyPolicyUrl: string,
-	},
-	caldavEnabled: boolean,
-	userDeletionEnabled: boolean,
-	taskCommentsEnabled: boolean,
-	auth: {
-		local: {
-			enabled: boolean,
-		},
-		openidConnect: {
-			enabled: boolean,
-			redirectUrl: string,
-			providers: [],
-		},
-	},
-}
-
-export interface KanbanState {
-	buckets: IBucket[],
-	listId: IList['id'],
-	bucketLoading: {
-		[id: IBucket['id']]: boolean
-	},
-	taskPagesPerBucket: {
-		[id: IBucket['id']]: number
-	},
-	allTasksLoadedForBucket: {
-		[id: IBucket['id']]: boolean
-	},
-	isLoading: boolean,
-}
-
-export interface LabelState {
-	labels: {
-		[id: ILabel['id']]: ILabel
-	},
-	isLoading: boolean,
-}
-
-export interface ListState {
-	lists: { [id: IList['id']]: IList },
-	isLoading: boolean,
-}
-
-export interface NamespaceState {
-	namespaces: INamespace[]
-	isLoading: boolean,
-}
-
-export interface TaskState {
-	isLoading: boolean,
-}
-
-
-export type StoreState = RootStoreState & {
-	config: ConfigState,
-	auth: AuthState,
-	namespaces: NamespaceState,
-	kanban: KanbanState,
-	tasks: TaskState,
-	lists: ListState,
-	attachments: AttachmentState,
-	labels: LabelState,
-}
\ No newline at end of file
diff --git a/src/stores/attachments.ts b/src/stores/attachments.ts
index 7c0f16d5..51d32d55 100644
--- a/src/stores/attachments.ts
+++ b/src/stores/attachments.ts
@@ -1,9 +1,12 @@
 import {defineStore, acceptHMRUpdate} from 'pinia'
 import {findIndexById} from '@/helpers/utils'
 
-import type {AttachmentState} from '@/store/types'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 
+export interface AttachmentState {
+	attachments: IAttachment[],
+}
+
 export const useAttachmentStore = defineStore('attachment', {
 	state: (): AttachmentState => ({
 		attachments: [],
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 4d06ef3f..f00559e3 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -6,16 +6,27 @@ import {objectToSnakeCase} from '@/helpers/case'
 import UserModel, { getAvatarUrl } from '@/models/user'
 import UserSettingsService from '@/services/userSettings'
 import {getToken, refreshToken, removeToken, saveToken} from '@/helpers/auth'
-import {setLoadingPinia} from '@/store/helper'
+import {setLoadingPinia} from '@/stores/helper'
 import {success} from '@/message'
 import {redirectToProvider} from '@/helpers/redirectToProvider'
 import {AUTH_TYPES, type IUser} from '@/modelTypes/IUser'
-import type {AuthState} from '@/store/types'
 import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import router from '@/router'
 import {useConfigStore} from '@/stores/config'
+import {useBaseStore} from '@/stores/base'
 import UserSettingsModel from '@/models/userSettings'
-import {store} from '@/store'
+
+export interface AuthState {
+	authenticated: boolean,
+	isLinkShareAuth: boolean,
+	info: IUser | null,
+	needsTotpPasscode: boolean,
+	avatarUrl: string,
+	lastUserInfoRefresh: Date | null,
+	settings: IUserSettings,
+	isLoading: boolean,
+	isLoadingGeneralSettings: boolean
+}
 
 export const useAuthStore = defineStore('auth', {
 	state: () : AuthState => ({
@@ -93,7 +104,8 @@ export const useAuthStore = defineStore('auth', {
 		// Logs a user in with a set of credentials.
 		async login(credentials) {
 			const HTTP = HTTPFactory()
-			store.commit('loading', true)
+			const baseStore = useBaseStore()
+			baseStore.setLoading(true)
 			this.setIsLoading(true)
 
 			// Delete an eventually preexisting old token
@@ -117,7 +129,7 @@ export const useAuthStore = defineStore('auth', {
 
 				throw e
 			} finally {
-				store.commit('loading', false)
+				baseStore.setLoading(false)
 				this.setIsLoading(false)
 			}
 		},
@@ -126,7 +138,8 @@ export const useAuthStore = defineStore('auth', {
 		// Not sure if this is the right place to put the logic in, maybe a seperate js component would be better suited.
 		async register(credentials) {
 			const HTTP = HTTPFactory()
-			store.commit('loading', true)
+			const baseStore = useBaseStore()
+			baseStore.setLoading(true)
 			this.setIsLoading(true)
 			try {
 				await HTTP.post('register', credentials)
@@ -138,14 +151,15 @@ export const useAuthStore = defineStore('auth', {
 
 				throw e
 			} finally {
-			store.commit('loading', false)
+				baseStore.setLoading(false)
 				this.setIsLoading(false)
 			}
 		},
 
 		async openIdAuth({provider, code}) {
 			const HTTP = HTTPFactory()
-			store.commit('loading', true)
+			const baseStore = useBaseStore()
+			baseStore.setLoading(true)
 			this.setIsLoading(true)
 
 			const data = {
@@ -162,7 +176,7 @@ export const useAuthStore = defineStore('auth', {
 				// Tell others the user is autheticated
 				this.checkAuth()
 			} finally {
-				store.commit('loading', false)
+				baseStore.setLoading(false)
 				this.setIsLoading(false)
 			}
 		},
diff --git a/src/stores/base.ts b/src/stores/base.ts
index 0bf6e739..83f14305 100644
--- a/src/stores/base.ts
+++ b/src/stores/base.ts
@@ -1,40 +1,34 @@
-import type {InjectionKey} from 'vue'
-import {createStore, useStore as baseUseStore, Store} from 'vuex'
+import {defineStore, acceptHMRUpdate} from 'pinia'
 
-import {getBlobFromBlurHash} from '../helpers/getBlobFromBlurHash'
-import {
-	BACKGROUND,
-	BLUR_HASH,
-	CURRENT_LIST,
-	HAS_TASKS,
-	KEYBOARD_SHORTCUTS_ACTIVE,
-	LOADING,
-	LOADING_MODULE, LOGO_VISIBLE,
-	MENU_ACTIVE,
-	QUICK_ACTIONS_ACTIVE,
-} from '../store/mutation-types'
+import {getBlobFromBlurHash} from '@/helpers/getBlobFromBlurHash'
 
 import ListModel from '@/models/list'
-
 import ListService from '../services/list'
 import {checkAndSetApiUrl} from '@/helpers/checkAndSetApiUrl'
 
-import type { RootStoreState, StoreState } from '../store/types'
-import pinia from '@/pinia'
 import {useAuthStore} from '@/stores/auth'
+import type {IList} from '@/modelTypes/IList'
 
-export const key: InjectionKey<Store<StoreState>> = Symbol()
+export interface RootStoreState {
+	loading: boolean,
+	loadingModule: null,
 
-// define your own `useStore` composition function
-export function useStore () {
-  return baseUseStore(key)
+	currentList: IList,
+	background: string,
+	blurHash: string,
+
+	hasTasks: boolean,
+	menuActive: boolean,
+	keyboardShortcutsActive: boolean,
+	quickActionsActive: boolean,
+	logoVisible: boolean,
 }
 
-export const store = createStore<RootStoreState>({
-	strict: import.meta.env.DEV,
-	state: () => ({
+export const useBaseStore = defineStore('base', {
+	state: () : RootStoreState => ({
 		loading: false,
 		loadingModule: null,
+
 		// This is used to highlight the current list in menu for all list related views
 		currentList: new ListModel({
 			id: 0,
@@ -42,76 +36,94 @@ export const store = createStore<RootStoreState>({
 		}),
 		background: '',
 		blurHash: '',
+
 		hasTasks: false,
 		menuActive: true,
 		keyboardShortcutsActive: false,
 		quickActionsActive: false,
 		logoVisible: true,
 	}),
-	mutations: {
-		[LOADING](state, loading) {
-			state.loading = loading
+
+	actions: {
+		setLoading(loading: boolean) {
+			this.loading = loading
 		},
-		[LOADING_MODULE](state, module) {
-			state.loadingModule = module
+
+		setLoadingModule(module) {
+			this.loadingModule = module
 		},
-		[CURRENT_LIST](state, currentList) {
+
+		// FIXME: same action as mutation name
+		setCurrentList(currentList: IList) {
 			// Server updates don't return the right. Therefore, the right is reset after updating the list which is
 			// confusing because all the buttons will disappear in that case. To prevent this, we're keeping the right
 			// when updating the list in global state.
-			if (typeof state.currentList.maxRight !== 'undefined' && (typeof currentList.maxRight === 'undefined' || currentList.maxRight === null)) {
-				currentList.maxRight = state.currentList.maxRight
+			if (
+				typeof this.currentList.maxRight !== 'undefined' &&
+				(
+					typeof currentList.maxRight === 'undefined' ||
+					currentList.maxRight === null
+				)
+			) {
+				currentList.maxRight = this.currentList.maxRight
 			}
-			state.currentList = currentList
+			this.currentList = currentList
 		},
-		[HAS_TASKS](state, hasTasks) {
-			state.hasTasks = hasTasks
-		},
-		[MENU_ACTIVE](state, menuActive) {
-			state.menuActive = menuActive
-		},
-		toggleMenu(state) {
-			state.menuActive = !state.menuActive
-		},
-		[KEYBOARD_SHORTCUTS_ACTIVE](state, active) {
-			state.keyboardShortcutsActive = active
-		},
-		[QUICK_ACTIONS_ACTIVE](state, active) {
-			state.quickActionsActive = active
-		},
-		[BACKGROUND](state, background) {
-			state.background = background
-		},
-		[BLUR_HASH](state, blurHash) {
-			state.blurHash = blurHash
-		},
-		[LOGO_VISIBLE](state, visible: boolean) {
-			state.logoVisible = visible
-		},
-	},
-	actions: {
-		async [CURRENT_LIST]({state, commit}, {list, forceUpdate = false}) {
 
+		setHasTasks(hasTasks: boolean) {
+			this.hasTasks = hasTasks
+		},
+
+		setMenuActive(menuActive: boolean) {
+			this.menuActive = menuActive
+		},
+
+		toggleMenu() {
+			this.menuActive = !this.menuActive
+		},
+
+		setKeyboardShortcutsActive(active: boolean) {
+			this.keyboardShortcutsActive = active
+		},
+
+		setQuickActionsActive(active: boolean) {
+			this.quickActionsActive = active
+		},
+
+		setBackground(background: string) {
+			this.background = background
+		},
+
+		setBlurHash(blurHash: string) {
+			this.blurHash = blurHash
+		},
+
+		setLogoVisible(visible: boolean) {
+			this.logoVisible = visible
+		},
+
+		// FIXME: update all actions handleSetCurrentList
+		async handleSetCurrentList({list, forceUpdate = false}) {
 			if (list === null) {
-				commit(CURRENT_LIST, {})
-				commit(BACKGROUND, null)
-				commit(BLUR_HASH, null)
+				this.setCurrentList({})
+				this.setBackground('')
+				this.setBlurHash('')
 				return
 			}
 
 			// The forceUpdate parameter is used only when updating a list background directly because in that case 
 			// the current list stays the same, but we want to show the new background right away.
-			if (list.id !== state.currentList.id || forceUpdate) {
+			if (list.id !== this.currentList.id || forceUpdate) {
 				if (list.backgroundInformation) {
 					try {
 						const blurHash = await getBlobFromBlurHash(list.backgroundBlurHash)
 						if (blurHash) {
-							commit(BLUR_HASH, window.URL.createObjectURL(blurHash))
+							this.setBlurHash(window.URL.createObjectURL(blurHash))
 						}
 
 						const listService = new ListService()
 						const background = await listService.background(list)
-						commit(BACKGROUND, background)
+						this.setBackground(background)
 					} catch (e) {
 						console.error('Error getting background image for list', list.id, e)
 					}
@@ -119,16 +131,21 @@ export const store = createStore<RootStoreState>({
 			}
 
 			if (typeof list.backgroundInformation === 'undefined' || list.backgroundInformation === null) {
-				commit(BACKGROUND, null)
-				commit(BLUR_HASH, null)
+				this.setBackground('')
+				this.setBlurHash('')
 			}
 
-			commit(CURRENT_LIST, list)
+			this.setCurrentList(list)
 		},
+
 		async loadApp() {
 			await checkAndSetApiUrl(window.API_URL)
-			const authStore = useAuthStore(pinia)
-			await authStore.checkAuth()
+			await useAuthStore().checkAuth()
 		},
 	},
 })
+
+// support hot reloading
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useBaseStore, import.meta.hot))
+}
\ No newline at end of file
diff --git a/src/stores/config.ts b/src/stores/config.ts
index aa2cfb35..3d7d0ef5 100644
--- a/src/stores/config.ts
+++ b/src/stores/config.ts
@@ -1,10 +1,38 @@
 import {defineStore, acceptHMRUpdate} from 'pinia'
 import {parseURL} from 'ufo'
 
-import {CONFIG} from '../store/mutation-types'
 import {HTTPFactory} from '@/http-common'
 import {objectToCamelCase} from '@/helpers/case'
-import type {ConfigState} from '@/store/types'
+
+export interface ConfigState {
+	version: string,
+	frontendUrl: string,
+	motd: string,
+	linkSharingEnabled: boolean,
+	maxFileSize: '20MB',
+	registrationEnabled: boolean,
+	availableMigrators: [],
+	taskAttachmentsEnabled: boolean,
+	totpEnabled: boolean,
+	enabledBackgroundProviders: [],
+	legal: {
+		imprintUrl: string,
+		privacyPolicyUrl: string,
+	},
+	caldavEnabled: boolean,
+	userDeletionEnabled: boolean,
+	taskCommentsEnabled: boolean,
+	auth: {
+		local: {
+			enabled: boolean,
+		},
+		openidConnect: {
+			enabled: boolean,
+			redirectUrl: string,
+			providers: [],
+		},
+	},
+}
 
 export const useConfigStore = defineStore('config', {
 	state: (): ConfigState => ({
@@ -45,13 +73,13 @@ export const useConfigStore = defineStore('config', {
 		},
 	},
 	actions: {
-		[CONFIG](config: ConfigState) {
+		setConfig(config: ConfigState) {
 			Object.assign(this, config)
 		},
 		async update() {
 			const HTTP = HTTPFactory()
 			const {data: config} = await HTTP.get('info')
-			this[CONFIG](objectToCamelCase(config))
+			this.setConfig(objectToCamelCase(config))
 			return config
 		},
 	},
diff --git a/src/stores/helper.ts b/src/stores/helper.ts
new file mode 100644
index 00000000..b6564394
--- /dev/null
+++ b/src/stores/helper.ts
@@ -0,0 +1,19 @@
+import type { StoreDefinition } from 'pinia'
+
+export const setLoadingPinia = (store: StoreDefinition, loadFunc : ((isLoading: boolean) => void) | null = null) => {
+	const timeout = setTimeout(() => {
+		if (loadFunc === null) {
+			store.isLoading = true
+		} else {
+			loadFunc(true)
+		}
+	}, 100)
+	return () => {
+		clearTimeout(timeout)
+		if (loadFunc === null) {
+			store.isLoading = false
+		} else {
+			loadFunc(false)
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/stores/kanban.ts b/src/stores/kanban.ts
index f5a19119..01c7b645 100644
--- a/src/stores/kanban.ts
+++ b/src/stores/kanban.ts
@@ -5,10 +5,11 @@ import {findById, findIndexById} from '@/helpers/utils'
 import {i18n} from '@/i18n'
 import {success} from '@/message'
 
-import BucketService from '../services/bucket'
-import {setLoadingPinia} from '@/store/helper'
+import BucketService from '@/services/bucket'
 import TaskCollectionService from '@/services/taskCollection'
-import type { KanbanState } from '@/store/types'
+
+import {setLoadingPinia} from '@/stores/helper'
+
 import type { ITask } from '@/modelTypes/ITask'
 import type { IList } from '@/modelTypes/IList'
 import type { IBucket } from '@/modelTypes/IBucket'
@@ -37,6 +38,21 @@ const addTaskToBucketAndSort = (state: KanbanState, task: ITask) => {
 	state.buckets[bucketIndex].tasks.sort((a, b) => a.kanbanPosition > b.kanbanPosition ? 1 : -1)
 }
 
+export interface KanbanState {
+	buckets: IBucket[],
+	listId: IList['id'],
+	bucketLoading: {
+		[id: IBucket['id']]: boolean
+	},
+	taskPagesPerBucket: {
+		[id: IBucket['id']]: number
+	},
+	allTasksLoadedForBucket: {
+		[id: IBucket['id']]: boolean
+	},
+	isLoading: boolean,
+}
+
 /**
  * This store is intended to hold the currently active kanban view.
  * It should hold only the current buckets.
diff --git a/src/stores/labels.ts b/src/stores/labels.ts
index 356524e3..2c77dbc1 100644
--- a/src/stores/labels.ts
+++ b/src/stores/labels.ts
@@ -4,7 +4,7 @@ import LabelService from '@/services/label'
 import {success} from '@/message'
 import {i18n} from '@/i18n'
 import {createNewIndexer} from '@/indexes'
-import {setLoadingPinia} from '@/store/helper'
+import {setLoadingPinia} from '@/stores/helper'
 import type {ILabel} from '@/modelTypes/ILabel'
 
 const {add, remove, update, search} = createNewIndexer('labels', ['title', 'description'])
@@ -20,7 +20,12 @@ async function getAllLabels(page = 1): Promise<ILabel[]> {
 	}
 }
 
-import type {LabelState} from '@/store/types'
+export interface LabelState {
+	labels: {
+		[id: ILabel['id']]: ILabel
+	},
+	isLoading: boolean,
+}
 
 export const useLabelStore = defineStore('label', {
 	state: () : LabelState => ({
diff --git a/src/stores/lists.ts b/src/stores/lists.ts
index 5802250b..acb8c2cc 100644
--- a/src/stores/lists.ts
+++ b/src/stores/lists.ts
@@ -3,12 +3,11 @@ import {acceptHMRUpdate, defineStore} from 'pinia'
 import {useI18n} from 'vue-i18n'
 
 import ListService from '@/services/list'
-import {setLoadingPinia} from '@/store/helper'
+import {setLoadingPinia} from '@/stores/helper'
 import {removeListFromHistory} from '@/modules/listHistory'
 import {createNewIndexer} from '@/indexes'
 import {useNamespaceStore} from './namespaces'
 
-import type {ListState} from '@/store/types'
 import type {IList} from '@/modelTypes/IList'
 
 import type {MaybeRef} from '@vueuse/core'
@@ -20,6 +19,11 @@ const {add, remove, search, update} = createNewIndexer('lists', ['title', 'descr
 
 const FavoriteListsNamespace = -2
 
+export interface ListState {
+	lists: { [id: IList['id']]: IList },
+	isLoading: boolean,
+}
+
 export const useListStore = defineStore('list', {
 	state: () : ListState => ({
 		isLoading: false,
@@ -113,7 +117,7 @@ export const useListStore = defineStore('list', {
 				namespaceStore.setListInNamespaceById(list)
 
 				// the returned list from listService.update is the same!
-				// in order to not validate vuex mutations we have to create a new copy
+				// in order to not create a manipulation in pinia store we have to create a new copy
 				const newList = {
 					...list,
 					namespaceId: FavoriteListsNamespace,
diff --git a/src/stores/namespaces.ts b/src/stores/namespaces.ts
index 0dde70f8..470c37b1 100644
--- a/src/stores/namespaces.ts
+++ b/src/stores/namespaces.ts
@@ -1,15 +1,19 @@
 import {defineStore, acceptHMRUpdate} from 'pinia'
 
 import NamespaceService from '../services/namespace'
-import {setLoadingPinia} from '@/store/helper'
+import {setLoadingPinia} from '@/stores/helper'
 import {createNewIndexer} from '@/indexes'
-import type {NamespaceState} from '@/store/types'
 import type {INamespace} from '@/modelTypes/INamespace'
 import type {IList} from '@/modelTypes/IList'
 import {useListStore} from '@/stores/lists'
 
 const {add, remove, search, update} = createNewIndexer('namespaces', ['title', 'description'])
 
+export interface NamespaceState {
+	namespaces: INamespace[]
+	isLoading: boolean,
+}
+
 export const useNamespaceStore = defineStore('namespace', {
 	state: (): NamespaceState => ({
 		isLoading: false,
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index b76fd8c7..990a05a8 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -7,8 +7,7 @@ import TaskAssigneeService from '@/services/taskAssignee'
 import LabelTaskService from '@/services/labelTask'
 import UserService from '@/services/user'
 
-import {HAS_TASKS} from '../store/mutation-types'
-import {setLoadingPinia} from '../store/helper'
+import {playPop} from '@/helpers/playPop'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {parseTaskText} from '@/modules/parseTaskText'
 
@@ -24,13 +23,12 @@ import type {IUser} from '@/modelTypes/IUser'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 import type {IList} from '@/modelTypes/IList'
 
-import type {TaskState} from '@/store/types'
+import {setLoadingPinia} from '@/stores/helper'
+import {useBaseStore} from '@/stores/base'
 import {useLabelStore} from '@/stores/labels'
 import {useListStore} from '@/stores/lists'
 import {useAttachmentStore} from '@/stores/attachments'
 import {useKanbanStore} from '@/stores/kanban'
-import {playPop} from '@/helpers/playPop'
-import {store} from '@/store'
 
 // IDEA: maybe use a small fuzzy search here to prevent errors
 function findPropertyByValue(object, key, value) {
@@ -40,10 +38,13 @@ function findPropertyByValue(object, key, value) {
 }
 
 // Check if the user exists in the search results
-function validateUser(users: IUser[], username: IUser['username']) {
-	return findPropertyByValue(users, 'username', username) ||
-		findPropertyByValue(users, 'name', username) ||
-		findPropertyByValue(users, 'email', username)
+function validateUser(
+	users: IUser[],
+	query: IUser['username'] | IUser['name'] | IUser['email'],
+) {
+	return findPropertyByValue(users, 'username', query) ||
+		findPropertyByValue(users, 'name', query) ||
+		findPropertyByValue(users, 'email', query)
 }
 
 // Check if the label exists
@@ -77,6 +78,9 @@ async function findAssignees(parsedTaskAssignees: string[]) {
 	return validatedUsers.filter((item) => Boolean(item))
 }
 
+export interface TaskState {
+	isLoading: boolean,
+}
 
 export const useTaskStore = defineStore('task', {
 	state: () : TaskState => ({
@@ -89,7 +93,7 @@ export const useTaskStore = defineStore('task', {
 			const cancel = setLoadingPinia(this)
 			try {
 				const tasks = await taskService.getAll({}, params)
-				store.commit(HAS_TASKS, tasks.length > 0)
+				useBaseStore().setHasTasks(tasks.length > 0)
 				return tasks
 			} finally {
 				cancel()
diff --git a/src/types/shims-vue.d.ts b/src/types/shims-vue.d.ts
deleted file mode 100644
index e073434c..00000000
--- a/src/types/shims-vue.d.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-// https://next.vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html#typescript-support
-import { Store } from 'vuex'
-
-import type {
-	RootStoreState,
-	AttachmentState,
-	AuthState,
-	ConfigState,
-	KanbanState,
-	LabelState,
-	ListState,
-	NamespaceState,
-	TaskState,
-} from '@/store/types'
-
-declare module '@vue/runtime-core' {
-
-  interface ComponentCustomProperties {
-    $store: Store<RootStoreState & {
-			config: ConfigState,
-			auth: AuthState,
-			namespaces: NamespaceState,
-			kanban: KanbanState,
-			tasks: TaskState,
-			lists: ListState,
-			attachments: AttachmentState,
-			labels: LabelState,
-		}>
-  }
-}
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 79d13837..5ab42bbc 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -60,7 +60,6 @@
 
 <script lang="ts" setup>
 import {ref, computed} from 'vue'
-import {useStore} from '@/store'
 
 import Message from '@/components/misc/message.vue'
 import ShowTasks from '@/views/tasks/ShowTasks.vue'
@@ -71,18 +70,23 @@ import {getHistory} from '@/modules/listHistory'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
 import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
 import {useDateTimeSalutation} from '@/composables/useDateTimeSalutation'
+
+import {useBaseStore} from '@/stores/base'
 import {useListStore} from '@/stores/lists'
 import {useConfigStore} from '@/stores/config'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useAuthStore} from '@/stores/auth'
+import {useTaskStore} from '@/stores/tasks'
 
 const welcome = useDateTimeSalutation()
 
-const store = useStore()
+const baseStore = useBaseStore()
 const authStore = useAuthStore()
 const configStore = useConfigStore()
 const namespaceStore = useNamespaceStore()
 const listStore = useListStore()
+const taskStore = useTaskStore()
+
 const listHistory = computed(() => {
 	// If we don't check this, it tries to load the list background right after logging out	
 	if(!authStore.authenticated) {
@@ -96,15 +100,15 @@ const listHistory = computed(() => {
 
 const migratorsEnabled = computed(() => configStore.availableMigrators?.length > 0)
 const userInfo = computed(() => authStore.info)
-const hasTasks = computed(() => store.state.hasTasks)
+const hasTasks = computed(() => baseStore.hasTasks)
 const defaultListId = computed(() => authStore.settings.defaultListId)
 const defaultNamespaceId = computed(() => namespaceStore.namespaces?.[0]?.id || 0)
 const hasLists = computed(() => namespaceStore.namespaces?.[0]?.lists.length > 0)
-const loading = computed(() => store.state.loading && store.state.loadingModule === 'tasks')
+const loading = computed(() => taskStore.isLoading)
 const deletionScheduledAt = computed(() => parseDateOrNull(authStore.info?.deletionScheduledAt))
 
 // This is to reload the tasks list after adding a new task through the global task add.
-// FIXME: Should use vuex (somehow?)
+// FIXME: Should use pinia (somehow?)
 const showTasksKey = ref(0)
 
 function updateTaskList() {
diff --git a/src/views/filters/FilterEdit.vue b/src/views/filters/FilterEdit.vue
index 90d08198..00ac2492 100644
--- a/src/views/filters/FilterEdit.vue
+++ b/src/views/filters/FilterEdit.vue
@@ -54,11 +54,9 @@
 <script setup lang="ts">
 import {ref, shallowRef, computed, watch, unref } from 'vue'
 import {useRouter, useRoute} from 'vue-router'
-import {useStore} from '@/store'
 import {success} from '@/message'
 import {useI18n} from 'vue-i18n'
 import type {MaybeRef} from '@vueuse/core'
-import {CURRENT_LIST} from '@/store/mutation-types'
 
 import {default as Editor} from '@/components/input/AsyncEditor'
 import CreateEdit from '@/components/misc/create-edit.vue'
@@ -70,9 +68,12 @@ import SavedFilterService from '@/services/savedFilter'
 import {objectToSnakeCase} from '@/helpers/case'
 import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
 import type {IList} from '@/modelTypes/IList'
+
+import {useBaseStore} from '@/stores/base'
 import {useNamespaceStore} from '@/stores/namespaces'
 
 const {t} = useI18n({useScope: 'global'})
+const baseStore = useBaseStore()
 const namespaceStore = useNamespaceStore()
 
 function useSavedFilter(listId: MaybeRef<IList['id']>) {
@@ -115,7 +116,6 @@ function useSavedFilter(listId: MaybeRef<IList['id']>) {
 }
 
 const route = useRoute()
-const store = useStore()
 const listId =	computed(() => Number(route.params.listId as string))
 
 const {
@@ -129,7 +129,7 @@ const router = useRouter()
 
 async function saveSavedFilter() {
 	await save()
-	await store.dispatch(CURRENT_LIST, {list: filter})
+	await baseStore.setCurrentList({list: filter})
 	router.back()
 }
 </script>
diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index 90a5d9a4..b0bac94b 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -227,10 +227,9 @@
 import {defineComponent} from 'vue'
 import draggable from 'zhyswan-vuedraggable'
 import cloneDeep from 'lodash.clonedeep'
+import {mapState} from 'pinia'
 
 import BucketModel from '../../models/bucket'
-import {mapState as mapStateVuex} from 'vuex'
-import {mapState} from 'pinia'
 import {RIGHTS as Rights} from '@/constants/rights'
 import ListWrapper from './ListWrapper.vue'
 import FilterPopup from '@/components/list/partials/filter-popup.vue'
@@ -240,6 +239,8 @@ import {calculateItemPosition} from '../../helpers/calculateItemPosition'
 import KanbanCard from '@/components/tasks/partials/kanban-card.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
 import {isSavedFilter} from '@/helpers/savedFilter'
+
+import {useBaseStore} from '@/stores/base'
 import {useTaskStore} from '@/stores/tasks'
 import {useKanbanStore} from '@/stores/kanban'
 
@@ -343,7 +344,7 @@ export default defineComponent({
 				],
 			}
 		},
-		...mapStateVuex({
+		...mapState(useBaseStore, {
 			canWrite: state => state.currentList.maxRight > Rights.READ,
 			list: state => state.currentList,
 		}),
@@ -430,7 +431,7 @@ export default defineComponent({
 			const taskAfter = newBucket.tasks[newTaskIndex + 1] ?? null
 			this.taskUpdating[task.id] = true
 
-			const newTask = cloneDeep(task) // cloning the task to avoid vuex store mutations
+			const newTask = cloneDeep(task) // cloning the task to avoid pinia store manipulation
 			newTask.bucketId = newBucket.id
 			newTask.kanbanPosition = calculateItemPosition(
 				taskBefore !== null ? taskBefore.kanbanPosition : null,
@@ -444,7 +445,7 @@ export default defineComponent({
 				// Make sure the first and second task don't both get position 0 assigned
 				if(newTaskIndex === 0 && taskAfter !== null && taskAfter.kanbanPosition === 0) {
 					const taskAfterAfter = newBucket.tasks[newTaskIndex + 2] ?? null
-					const newTaskAfter = cloneDeep(taskAfter) // cloning the task to avoid vuex store mutations
+					const newTaskAfter = cloneDeep(taskAfter) // cloning the task to avoid pinia store manipulation
 					newTaskAfter.bucketId = newBucket.id
 					newTaskAfter.kanbanPosition = calculateItemPosition(
 						0,
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index 8000d4eb..057563f6 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -154,13 +154,13 @@ import Nothing from '@/components/misc/nothing.vue'
 import Pagination from '@/components/misc/pagination.vue'
 import {ALPHABETICAL_SORT} from '@/components/list/partials/filters.vue'
 
-import {useStore} from '@/store'
-import {HAS_TASKS} from '@/store/mutation-types'
 import {useTaskList} from '@/composables/taskList'
 import {RIGHTS as Rights} from '@/constants/rights'
 import {calculateItemPosition} from '@/helpers/calculateItemPosition'
 import type {ITask} from '@/modelTypes/ITask'
 import {isSavedFilter} from '@/helpers/savedFilter'
+
+import {useBaseStore} from '@/stores/base'
 import {useTaskStore} from '@/stores/tasks'
 
 import type {IList} from '@/modelTypes/IList'
@@ -238,8 +238,8 @@ const firstNewPosition = computed(() => {
 })
 
 const taskStore = useTaskStore()
-const store = useStore()
-const list = computed(() => store.state.currentList)
+const baseStore = useBaseStore()
+const list = computed(() => baseStore.currentList)
 
 const canWrite = computed(() => {
 	return list.value.maxRight > Rights.READ && list.value.id > 0
@@ -293,7 +293,7 @@ function updateTaskList(task: ITask) {
 		]
 	}
 
-	store.commit(HAS_TASKS, true)
+	baseStore.setHasTasks(true)
 }
 
 function editTask(id: ITask['id']) {
diff --git a/src/views/list/ListWrapper.vue b/src/views/list/ListWrapper.vue
index 6f008e88..274a7f66 100644
--- a/src/views/list/ListWrapper.vue
+++ b/src/views/list/ListWrapper.vue
@@ -55,12 +55,11 @@ import Message from '@/components/misc/message.vue'
 import ListModel from '@/models/list'
 import ListService from '@/services/list'
 
-import {BACKGROUND, BLUR_HASH, CURRENT_LIST} from '@/store/mutation-types'
-
 import {getListTitle} from '@/helpers/getListTitle'
 import {saveListToHistory} from '@/modules/listHistory'
 import {useTitle} from '@/composables/useTitle'
-import {useStore} from '@/store'
+
+import {useBaseStore} from '@/stores/base'
 import {useListStore} from '@/stores/lists'
 import {useKanbanStore} from '@/stores/kanban'
 
@@ -76,20 +75,20 @@ const props = defineProps({
 })
 
 const route = useRoute()
-const store = useStore()
 
+const baseStore = useBaseStore()
 const kanbanStore = useKanbanStore()
 const listStore = useListStore()
 const listService = ref(new ListService())
 const loadedListId = ref(0)
 
 const currentList = computed(() => {
-	return typeof store.state.currentList === 'undefined' ? {
+	return typeof baseStore.currentList === 'undefined' ? {
 		id: 0,
 		title: '',
 		isArchived: false,
 		maxRight: null,
-	} : store.state.currentList
+	} : baseStore.currentList
 })
 
 // watchEffect would be called every time the prop would get a value assigned, even if that value was the same as before.
@@ -141,16 +140,16 @@ async function loadList(listIdToLoad: number) {
 	loadedListId.value = 0
 	const listFromStore = listStore.getListById(listData.id)
 	if (listFromStore !== null) {
-		store.commit(BACKGROUND, null)
-		store.commit(BLUR_HASH, null)
-		store.dispatch(CURRENT_LIST, {list: listFromStore})
+		baseStore.setBackground(null)
+		baseStore.setBlurHash(null)
+		baseStore.handleSetCurrentList({list: listFromStore})
 	}
 
 	// We create an extra list object instead of creating it in list.value because that would trigger a ui update which would result in bad ux.
 	const list = new ListModel(listData)
 	try {
 		const loadedList = await listService.value.get(list)
-		await store.dispatch(CURRENT_LIST, {list: loadedList})
+		await baseStore.handleSetCurrentList({list: loadedList})
 	} finally {
 		loadedListId.value = props.listId
 	}
diff --git a/src/views/list/settings/archive.vue b/src/views/list/settings/archive.vue
index ad24fe2d..5295f964 100644
--- a/src/views/list/settings/archive.vue
+++ b/src/views/list/settings/archive.vue
@@ -17,16 +17,16 @@ export default {name: 'list-setting-archive'}
 
 <script setup lang="ts">
 import {computed} from 'vue'
-import {useStore} from '@/store'
 import {useRouter, useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
-import { success } from '@/message'
-import { useTitle } from '@/composables/useTitle'
-import { useListStore } from '@/stores/lists'
+import {success} from '@/message'
+import {useTitle} from '@/composables/useTitle'
+
+import {useBaseStore} from '@/stores/base'
+import {useListStore} from '@/stores/lists'
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
 const listStore = useListStore()
 const router = useRouter()
 const route = useRoute()
@@ -40,7 +40,7 @@ async function archiveList() {
 			...list.value,
 			isArchived: !list.value.isArchived,
 		})
-		store.commit('currentList', newList)
+		useBaseStore().setCurrentList(newList)
 		success({message: t('list.archive.success')})
 	} finally {
 		router.back()
diff --git a/src/views/list/settings/background.vue b/src/views/list/settings/background.vue
index c2a84342..0a9c89f4 100644
--- a/src/views/list/settings/background.vue
+++ b/src/views/list/settings/background.vue
@@ -100,10 +100,11 @@ export default { name: 'list-setting-background' }
 <script setup lang="ts">
 import {ref, computed, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import debounce from 'lodash.debounce'
 import BaseButton from '@/components/base/BaseButton.vue'
+
+import {useBaseStore} from '@/stores/base'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useConfigStore} from '@/stores/config'
@@ -115,7 +116,6 @@ import type BackgroundImageModel from '@/models/backgroundImage'
 
 import {getBlobFromBlurHash} from '@/helpers/getBlobFromBlurHash'
 import {useTitle} from '@/composables/useTitle'
-import {CURRENT_LIST} from '@/store/mutation-types'
 
 import CreateEdit from '@/components/misc/create-edit.vue'
 import {success} from '@/message'
@@ -123,7 +123,7 @@ import {success} from '@/message'
 const SEARCH_DEBOUNCE = 300
 
 const {t} = useI18n({useScope: 'global'})
-const store = useStore()
+const baseStore = useBaseStore()
 const route = useRoute()
 const router = useRouter()
 
@@ -149,8 +149,8 @@ const configStore = useConfigStore()
 
 const unsplashBackgroundEnabled = computed(() => configStore.enabledBackgroundProviders.includes('unsplash'))
 const uploadBackgroundEnabled = computed(() => configStore.enabledBackgroundProviders.includes('upload'))
-const currentList = computed(() => store.state.currentList)
-const hasBackground = computed(() => store.state.background !== null)
+const currentList = computed(() => baseStore.currentList)
+const hasBackground = computed(() => baseStore.background !== null)
 
 // Show the default collection of backgrounds
 newBackgroundSearch()
@@ -188,8 +188,11 @@ async function setBackground(backgroundId: string) {
 		return
 	}
 
-	const list = await backgroundService.update({id: backgroundId, listId: route.params.listId})
-	await store.dispatch(CURRENT_LIST, {list, forceUpdate: true})
+	const list = await backgroundService.update({
+		id: backgroundId,
+		listId: route.params.listId,
+	})
+	await baseStore.handleSetCurrentList({list, forceUpdate: true})
 	namespaceStore.setListInNamespaceById(list)
 	listStore.setList(list)
 	success({message: t('list.background.success')})
@@ -201,8 +204,11 @@ async function uploadBackground() {
 		return
 	}
 
-	const list = await backgroundUploadService.value.create(route.params.listId, backgroundUploadInput.value?.files[0])
-	await store.dispatch(CURRENT_LIST, {list, forceUpdate: true})
+	const list = await backgroundUploadService.value.create(
+		route.params.listId,
+		backgroundUploadInput.value?.files[0],
+	)
+	await baseStore.handleSetCurrentList({list, forceUpdate: true})
 	namespaceStore.setListInNamespaceById(list)
 	listStore.setList(list)
 	success({message: t('list.background.success')})
@@ -210,7 +216,7 @@ async function uploadBackground() {
 
 async function removeBackground() {
 	const list = await listService.value.removeBackground(currentList.value)
-	await store.dispatch(CURRENT_LIST, {list, forceUpdate: true})
+	await baseStore.handleSetCurrentList({list, forceUpdate: true})
 	namespaceStore.setListInNamespaceById(list)
 	listStore.setList(list)
 	success({message: t('list.background.removeSuccess')})
diff --git a/src/views/list/settings/edit.vue b/src/views/list/settings/edit.vue
index ff760e30..77f3c3b5 100644
--- a/src/views/list/settings/edit.vue
+++ b/src/views/list/settings/edit.vue
@@ -72,17 +72,17 @@ export default { name: 'list-setting-edit' }
 <script setup lang="ts">
 import type {PropType} from 'vue'
 import {useRouter} from 'vue-router'
-import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import Editor from '@/components/input/AsyncEditor'
 import ColorPicker from '@/components/input/colorPicker.vue'
 import CreateEdit from '@/components/misc/create-edit.vue'
 
-import {CURRENT_LIST} from '@/store/mutation-types'
 import type {IList} from '@/modelTypes/IList'
 
+import {useBaseStore} from '@/stores/base'
 import {useList} from '@/stores/lists'
+
 import {useTitle} from '@/composables/useTitle'
 
 const props = defineProps({
@@ -93,7 +93,6 @@ const props = defineProps({
 })
 
 const router = useRouter()
-const store = useStore()
 
 const {t} = useI18n({useScope: 'global'})
 
@@ -103,7 +102,7 @@ useTitle(() => list?.title ? t('list.edit.title', {list: list.title}) : '')
 
 async function save() {
 	await saveList()
-	await store.dispatch(CURRENT_LIST, {list})
+	await useBaseStore().handleSetCurrentList({list})
 	router.back()
 }
 </script>
diff --git a/src/views/list/settings/share.vue b/src/views/list/settings/share.vue
index c86536c9..3e7baf27 100644
--- a/src/views/list/settings/share.vue
+++ b/src/views/list/settings/share.vue
@@ -28,18 +28,18 @@ export default {name: 'list-setting-share'}
 
 <script lang="ts" setup>
 import {ref, computed, watchEffect} from 'vue'
-import {useStore} from '@/store'
 import {useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 import {useTitle} from '@vueuse/core'
 
 import ListService from '@/services/list'
 import ListModel from '@/models/list'
-import {CURRENT_LIST} from '@/store/mutation-types'
 
 import CreateEdit from '@/components/misc/create-edit.vue'
 import LinkSharing from '@/components/sharing/linkSharing.vue'
 import userTeam from '@/components/sharing/userTeam.vue'
+
+import {useBaseStore} from '@/stores/base'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 
@@ -52,7 +52,6 @@ const title = computed(() => list.value?.title
 )
 useTitle(title)
 
-const store = useStore()
 const authStore = useAuthStore()
 const configStore = useConfigStore()
 
@@ -62,7 +61,7 @@ const userIsAdmin = computed(() => 'owner' in list.value && list.value.owner.id
 async function loadList(listId: number) {
 	const listService = new ListService()
 	const newList = await listService.get(new ListModel({id: listId}))
-	await store.dispatch(CURRENT_LIST, {list: newList})
+	await useBaseStore().handleSetCurrentList({list: newList})
 	list.value = newList
 }
 
diff --git a/src/views/namespaces/ListNamespaces.vue b/src/views/namespaces/ListNamespaces.vue
index c3417936..805d20b7 100644
--- a/src/views/namespaces/ListNamespaces.vue
+++ b/src/views/namespaces/ListNamespaces.vue
@@ -71,7 +71,6 @@
 <script setup lang="ts">
 import {computed} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 
 import Fancycheckbox from '@/components/input/fancycheckbox.vue'
 import ListCard from '@/components/list/partials/list-card.vue'
@@ -79,16 +78,18 @@ import ListCard from '@/components/list/partials/list-card.vue'
 import {getNamespaceTitle} from '@/helpers/getNamespaceTitle'
 import {useTitle} from '@/composables/useTitle'
 import {useStorage} from '@vueuse/core'
+
+import {useBaseStore} from '@/stores/base'
 import {useNamespaceStore} from '@/stores/namespaces'
 
 const {t} = useI18n()
-const store = useStore()
+const baseStore = useBaseStore()
 const namespaceStore = useNamespaceStore()
 
 useTitle(() => t('namespace.title'))
 const showArchived = useStorage('showArchived', false)
 
-const loading = computed(() => store.state.loading)
+const loading = computed(() => baseStore.loading) // FIXME: shouldn't this reference the namespace store?
 const namespaces = computed(() => {
 	return namespaceStore.namespaces.filter(n => showArchived.value ? true : !n.isArchived)
 	// return namespaceStore.namespaces.filter(n => showArchived.value ? true : !n.isArchived).map(n => {
diff --git a/src/views/sharing/LinkSharingAuth.vue b/src/views/sharing/LinkSharingAuth.vue
index 4dc9de6e..00c5b775 100644
--- a/src/views/sharing/LinkSharingAuth.vue
+++ b/src/views/sharing/LinkSharingAuth.vue
@@ -34,21 +34,21 @@
 
 <script lang="ts" setup>
 import {ref, computed} from 'vue'
-import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 import {useTitle} from '@vueuse/core'
 
 import Message from '@/components/misc/message.vue'
-import {LOGO_VISIBLE} from '@/store/mutation-types'
 import {LIST_VIEWS, type ListView} from '@/types/ListView'
+
+import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(t('sharing.authenticating'))
 
 function useAuth() {
-	const store = useStore()
+	const baseStore = useBaseStore()
 	const authStore = useAuthStore()
 	const route = useRoute()
 	const router = useRouter()
@@ -81,7 +81,7 @@ function useAuth() {
 			const logoVisible = route.query.logoVisible
 				? route.query.logoVisible === 'true'
 				: true
-			store.commit(LOGO_VISIBLE, logoVisible)
+			baseStore.setLogoVisible(logoVisible)
 
 			const view = route.query.view && Object.values(LIST_VIEWS).includes(route.query.view as ListView)
 				? route.query.view
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index de2acce3..d168397b 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -45,7 +45,6 @@
 
 <script setup lang="ts">
 import {computed, ref, watchEffect} from 'vue'
-import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
@@ -56,13 +55,11 @@ import Fancycheckbox from '@/components/input/fancycheckbox.vue'
 import SingleTaskInList from '@/components/tasks/partials/singleTaskInList.vue'
 import DatepickerWithRange from '@/components/date/datepickerWithRange.vue'
 import {DATE_RANGES} from '@/components/date/dateRanges'
-import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 import LlamaCool from '@/assets/llama-cool.svg?component'
 import type {ITask} from '@/modelTypes/ITask'
 import {useAuthStore} from '@/stores/auth'
 import {useTaskStore} from '@/stores/tasks'
 
-const store = useStore()
 const authStore = useAuthStore()
 const taskStore = useTaskStore()
 const route = useRoute()
@@ -109,7 +106,7 @@ const pageTitle = computed(() => {
 })
 const hasTasks = computed(() => tasks.value && tasks.value.length > 0)
 const userAuthenticated = computed(() => authStore.authenticated)
-const loading = computed(() => store.state[LOADING] && store.state[LOADING_MODULE] === 'tasks')
+const loading = computed(() => taskStore.isLoading)
 
 interface dateStrings {
 	dateFrom: string,
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 13f26ee9..561b1a48 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -452,7 +452,6 @@ import heading from '@/components/tasks/partials/heading.vue'
 import Datepicker from '@/components/input/datepicker.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 import TaskSubscription from '@/components/misc/subscription.vue'
-import {CURRENT_LIST} from '@/store/mutation-types'
 
 import {uploadFile} from '@/helpers/attachments'
 import ChecklistSummary from '../../components/tasks/partials/checklist-summary.vue'
@@ -462,6 +461,7 @@ import {getNamespaceTitle} from '@/helpers/getNamespaceTitle'
 import {getListTitle} from '@/helpers/getListTitle'
 import type {IList} from '@/modelTypes/IList'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
+import {useBaseStore} from '@/stores/base'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useAttachmentStore} from '@/stores/attachments'
 import {useTaskStore} from '@/stores/tasks'
@@ -561,7 +561,7 @@ export default defineComponent({
 			handler(parent) {
 				const parentList = parent !== null ? parent.list : null
 				if (parentList !== null) {
-					this.$store.dispatch(CURRENT_LIST, {list: parentList})
+					useBaseStore().handleSetCurrentList({list: parentList})
 				}
 			},
 			immediate: true,
@@ -576,7 +576,7 @@ export default defineComponent({
 	},
 	computed: {
 		currentList() {
-			return this.$store.state[CURRENT_LIST]
+			return useBaseStore().currentList
 		},
 		parent() {
 			if (!this.task.listId) {
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index aa9947d7..ea0c8e32 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -68,7 +68,7 @@
 
 			<x-button
 				@click="submit"
-				:loading="loading"
+				:loading="isLoading"
 				tabindex="4"
 			>
 				{{ $t('user.auth.login') }}
@@ -104,17 +104,17 @@
 <script lang="ts">
 import {defineComponent} from 'vue'
 import {useDebounceFn} from '@vueuse/core'
-import {mapState as mapStateVuex} from 'vuex'
 import {mapState} from 'pinia'
 
 import {HTTPFactory} from '@/http-common'
-import {LOADING} from '@/store/mutation-types'
 import {getErrorText} from '@/message'
 import Message from '@/components/misc/message.vue'
 import {redirectToProvider} from '../../helpers/redirectToProvider'
 import {getLastVisited, clearLastVisited} from '../../helpers/saveLastVisited'
 import Password from '@/components/input/password.vue'
-import { setTitle } from '@/helpers/setTitle'
+import {setTitle} from '@/helpers/setTitle'
+
+import {useBaseStore} from '@/stores/base'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 
@@ -172,8 +172,8 @@ export default defineComponent({
 		hasOpenIdProviders() {
 			return this.openidConnect.enabled && this.openidConnect.providers?.length > 0
 		},
-		...mapStateVuex({
-			loading: LOADING,
+		...mapState(useBaseStore, {
+			isLoading: state => state.loading,
 		}),
 
 		...mapState(useAuthStore, {
@@ -197,11 +197,11 @@ export default defineComponent({
 	methods: {
 		setLoading() {
 			const timeout = setTimeout(() => {
-				this.loading = true
+				this.isLoading = true
 			}, 100)
 			return () => {
 				clearTimeout(timeout)
-				this.loading = false
+				this.isLoading = false
 			}
 		},
 
diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index 378a8278..dfd1bc9e 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -15,13 +15,14 @@ export default { name: 'Auth' }
 
 <script setup lang="ts">
 import {ref, computed, onMounted} from 'vue'
-import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
 import {getErrorText} from '@/message'
 import Message from '@/components/misc/message.vue'
 import {clearLastVisited, getLastVisited} from '@/helpers/saveLastVisited'
+
+import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
@@ -29,10 +30,10 @@ const {t} = useI18n({useScope: 'global'})
 const router = useRouter()
 const route = useRoute()
 
-const store = useStore()
+const baseStore = useBaseStore()
 const authStore = useAuthStore()
 
-const loading = computed(() => store.state.loading)
+const loading = computed(() => baseStore.loading)
 const errorMessage = ref('')
 
 async function authenticateWithCode() {
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index ce750859..e4c628c0 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -50,7 +50,7 @@
 			</div>
 
 			<x-button
-				:loading="loading"
+				:loading="isLoading"
 				id="register-submit"
 				@click="submit"
 				class="mr-2"
@@ -73,12 +73,14 @@ import {useDebounceFn} from '@vueuse/core'
 import {ref, reactive, toRaw, computed, onBeforeMount} from 'vue'
 
 import router from '@/router'
-import {store} from '@/store'
 import Message from '@/components/misc/message.vue'
 import {isEmail} from '@/helpers/isEmail'
 import Password from '@/components/input/password.vue'
+
+import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 
+const baseStore = useBaseStore()
 const authStore = useAuthStore()
 
 // FIXME: use the `beforeEnter` hook of vue-router
@@ -95,7 +97,7 @@ const credentials = reactive({
 	password: '',
 })
 
-const loading = computed(() => store.state.loading)
+const isLoading = computed(() => baseStore.loading)
 const errorMessage = ref('')
 const validatePasswordInitially = ref(false)
 
diff --git a/src/views/user/settings/General.vue b/src/views/user/settings/General.vue
index 2664fe01..fc826041 100644
--- a/src/views/user/settings/General.vue
+++ b/src/views/user/settings/General.vue
@@ -159,7 +159,6 @@ export default defineComponent({
 <script setup lang="ts">
 import {computed, watch, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from '@/store'
 
 import {PrefixMode} from '@/modules/parseTaskText'
 
@@ -172,6 +171,8 @@ import {createRandomID} from '@/helpers/randomId'
 import {success} from '@/message'
 import {AuthenticatedHTTPFactory} from '@/http-common'
 
+import {useBaseStore} from '@/stores/base'
+
 import {useColorScheme} from '@/composables/useColorScheme'
 import {useTitle} from '@/composables/useTitle'
 import {objectIsEmpty} from '@/helpers/objectIsEmpty'
@@ -227,7 +228,7 @@ function getPlaySoundWhenDoneSetting() {
 const playSoundWhenDone = ref(getPlaySoundWhenDoneSetting())
 const quickAddMagicMode = ref(getQuickAddMagicMode())
 
-const store = useStore()
+const baseStore = useBaseStore()
 const authStore = useAuthStore()
 const settings = ref({...authStore.settings})
 const id = ref(createRandomID())
@@ -256,7 +257,7 @@ const defaultList = computed({
 		settings.value.defaultListId = l ? l.id : DEFAULT_LIST_ID
 	},
 })
-const loading = computed(() => store.state.loading && store.state.loadingModule === 'general-settings')
+const loading = computed(() => baseStore.loading && baseStore.loadingModule === 'general-settings')
 
 watch(
 	playSoundWhenDone,

From 1d7f857070651f676bbb5bd7e6d79c7fed56be5f Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 30 Sep 2022 12:52:21 +0200
Subject: [PATCH 086/187] feat: rework loading state of stores

---
 src/stores/auth.ts                      | 15 ++------------
 src/stores/base.ts                      | 10 +--------
 src/stores/helper.ts                    | 10 +++++++--
 src/stores/kanban.ts                    | 12 +++++------
 src/stores/labels.ts                    | 10 ++++-----
 src/stores/lists.ts                     |  8 ++++----
 src/stores/namespaces.ts                |  8 ++++----
 src/stores/tasks.ts                     | 27 +++++++++++++++++--------
 src/views/namespaces/ListNamespaces.vue |  4 +---
 src/views/user/Login.vue                | 15 +-------------
 src/views/user/OpenIdAuth.vue           |  4 +---
 src/views/user/Register.vue             |  4 +---
 src/views/user/settings/General.vue     | 18 ++++++-----------
 13 files changed, 59 insertions(+), 86 deletions(-)

diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index f00559e3..61eda328 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -6,14 +6,13 @@ import {objectToSnakeCase} from '@/helpers/case'
 import UserModel, { getAvatarUrl } from '@/models/user'
 import UserSettingsService from '@/services/userSettings'
 import {getToken, refreshToken, removeToken, saveToken} from '@/helpers/auth'
-import {setLoadingPinia} from '@/stores/helper'
+import {setModuleLoading} from '@/stores/helper'
 import {success} from '@/message'
 import {redirectToProvider} from '@/helpers/redirectToProvider'
 import {AUTH_TYPES, type IUser} from '@/modelTypes/IUser'
 import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import router from '@/router'
 import {useConfigStore} from '@/stores/config'
-import {useBaseStore} from '@/stores/base'
 import UserSettingsModel from '@/models/userSettings'
 
 export interface AuthState {
@@ -104,8 +103,6 @@ export const useAuthStore = defineStore('auth', {
 		// Logs a user in with a set of credentials.
 		async login(credentials) {
 			const HTTP = HTTPFactory()
-			const baseStore = useBaseStore()
-			baseStore.setLoading(true)
 			this.setIsLoading(true)
 
 			// Delete an eventually preexisting old token
@@ -129,7 +126,6 @@ export const useAuthStore = defineStore('auth', {
 
 				throw e
 			} finally {
-				baseStore.setLoading(false)
 				this.setIsLoading(false)
 			}
 		},
@@ -138,8 +134,6 @@ export const useAuthStore = defineStore('auth', {
 		// Not sure if this is the right place to put the logic in, maybe a seperate js component would be better suited.
 		async register(credentials) {
 			const HTTP = HTTPFactory()
-			const baseStore = useBaseStore()
-			baseStore.setLoading(true)
 			this.setIsLoading(true)
 			try {
 				await HTTP.post('register', credentials)
@@ -151,15 +145,12 @@ export const useAuthStore = defineStore('auth', {
 
 				throw e
 			} finally {
-				baseStore.setLoading(false)
 				this.setIsLoading(false)
 			}
 		},
 
 		async openIdAuth({provider, code}) {
 			const HTTP = HTTPFactory()
-			const baseStore = useBaseStore()
-			baseStore.setLoading(true)
 			this.setIsLoading(true)
 
 			const data = {
@@ -176,7 +167,6 @@ export const useAuthStore = defineStore('auth', {
 				// Tell others the user is autheticated
 				this.checkAuth()
 			} finally {
-				baseStore.setLoading(false)
 				this.setIsLoading(false)
 			}
 		},
@@ -294,8 +284,7 @@ export const useAuthStore = defineStore('auth', {
 		}) {
 			const userSettingsService = new UserSettingsService()
 
-			// FIXME
-			const cancel = setLoadingPinia(this, this.setIsLoadingGeneralSettings)
+			const cancel = setModuleLoading(this, this.setIsLoadingGeneralSettings)
 			try {
 				saveLanguage(settings.language)
 				await userSettingsService.update(settings)
diff --git a/src/stores/base.ts b/src/stores/base.ts
index 83f14305..9c07cdd8 100644
--- a/src/stores/base.ts
+++ b/src/stores/base.ts
@@ -11,7 +11,6 @@ import type {IList} from '@/modelTypes/IList'
 
 export interface RootStoreState {
 	loading: boolean,
-	loadingModule: null,
 
 	currentList: IList,
 	background: string,
@@ -27,7 +26,6 @@ export interface RootStoreState {
 export const useBaseStore = defineStore('base', {
 	state: () : RootStoreState => ({
 		loading: false,
-		loadingModule: null,
 
 		// This is used to highlight the current list in menu for all list related views
 		currentList: new ListModel({
@@ -49,11 +47,6 @@ export const useBaseStore = defineStore('base', {
 			this.loading = loading
 		},
 
-		setLoadingModule(module) {
-			this.loadingModule = module
-		},
-
-		// FIXME: same action as mutation name
 		setCurrentList(currentList: IList) {
 			// Server updates don't return the right. Therefore, the right is reset after updating the list which is
 			// confusing because all the buttons will disappear in that case. To prevent this, we're keeping the right
@@ -102,8 +95,7 @@ export const useBaseStore = defineStore('base', {
 			this.logoVisible = visible
 		},
 
-		// FIXME: update all actions handleSetCurrentList
-		async handleSetCurrentList({list, forceUpdate = false}) {
+		async handleSetCurrentList({list, forceUpdate = false} : {list: IList, forceUpdate: boolean}) {
 			if (list === null) {
 				this.setCurrentList({})
 				this.setBackground('')
diff --git a/src/stores/helper.ts b/src/stores/helper.ts
index b6564394..d0746485 100644
--- a/src/stores/helper.ts
+++ b/src/stores/helper.ts
@@ -1,13 +1,19 @@
 import type { StoreDefinition } from 'pinia'
 
-export const setLoadingPinia = (store: StoreDefinition, loadFunc : ((isLoading: boolean) => void) | null = null) => {
+export interface LoadingState {
+	isLoading: boolean
+}
+
+const LOADING_TIMEOUT = 100
+
+export const setModuleLoading = <LoadingStore extends StoreDefinition<string, LoadingState>>(store: LoadingStore, loadFunc : ((isLoading: boolean) => void) | null = null) => {
 	const timeout = setTimeout(() => {
 		if (loadFunc === null) {
 			store.isLoading = true
 		} else {
 			loadFunc(true)
 		}
-	}, 100)
+	}, LOADING_TIMEOUT)
 	return () => {
 		clearTimeout(timeout)
 		if (loadFunc === null) {
diff --git a/src/stores/kanban.ts b/src/stores/kanban.ts
index 01c7b645..5b93a1ab 100644
--- a/src/stores/kanban.ts
+++ b/src/stores/kanban.ts
@@ -8,7 +8,7 @@ import {success} from '@/message'
 import BucketService from '@/services/bucket'
 import TaskCollectionService from '@/services/taskCollection'
 
-import {setLoadingPinia} from '@/stores/helper'
+import {setModuleLoading} from '@/stores/helper'
 
 import type { ITask } from '@/modelTypes/ITask'
 import type { IList } from '@/modelTypes/IList'
@@ -261,7 +261,7 @@ export const useKanbanStore = defineStore('kanban', {
 		},
 
 		async loadBucketsForList({listId, params}: {listId: IList['id'], params}) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			// Clear everything to prevent having old buckets in the list if loading the buckets from this list takes a few moments
 			this.setBuckets([])
@@ -295,7 +295,7 @@ export const useKanbanStore = defineStore('kanban', {
 				return
 			}
 
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			this.setBucketLoading({bucketId: bucketId, loading: true})
 
 			const params = JSON.parse(JSON.stringify(ps))
@@ -338,7 +338,7 @@ export const useKanbanStore = defineStore('kanban', {
 		},
 
 		async createBucket(bucket: IBucket) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			const bucketService = new BucketService()
 			try {
@@ -351,7 +351,7 @@ export const useKanbanStore = defineStore('kanban', {
 		},
 
 		async deleteBucket({bucket, params}: {bucket: IBucket, params}) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			const bucketService = new BucketService()
 			try {
@@ -366,7 +366,7 @@ export const useKanbanStore = defineStore('kanban', {
 		},
 
 		async updateBucket(updatedBucketData: IBucket) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			const bucketIndex = findIndexById(this.buckets, updatedBucketData.id)
 			const oldBucket = cloneDeep(this.buckets[bucketIndex])
diff --git a/src/stores/labels.ts b/src/stores/labels.ts
index 2c77dbc1..6cdbdf9b 100644
--- a/src/stores/labels.ts
+++ b/src/stores/labels.ts
@@ -4,7 +4,7 @@ import LabelService from '@/services/label'
 import {success} from '@/message'
 import {i18n} from '@/i18n'
 import {createNewIndexer} from '@/indexes'
-import {setLoadingPinia} from '@/stores/helper'
+import {setModuleLoading} from '@/stores/helper'
 import type {ILabel} from '@/modelTypes/ILabel'
 
 const {add, remove, update, search} = createNewIndexer('labels', ['title', 'description'])
@@ -85,7 +85,7 @@ export const useLabelStore = defineStore('label', {
 				return
 			}
 
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			try {
 				const labels = await getAllLabels()
@@ -97,7 +97,7 @@ export const useLabelStore = defineStore('label', {
 		},
 
 		async deleteLabel(label: ILabel) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const labelService = new LabelService()
 
 			try {
@@ -111,7 +111,7 @@ export const useLabelStore = defineStore('label', {
 		},
 
 		async updateLabel(label: ILabel) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const labelService = new LabelService()
 
 			try {
@@ -125,7 +125,7 @@ export const useLabelStore = defineStore('label', {
 		},
 
 		async createLabel(label: ILabel) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const labelService = new LabelService()
 
 			try {
diff --git a/src/stores/lists.ts b/src/stores/lists.ts
index acb8c2cc..0e08517d 100644
--- a/src/stores/lists.ts
+++ b/src/stores/lists.ts
@@ -3,7 +3,7 @@ import {acceptHMRUpdate, defineStore} from 'pinia'
 import {useI18n} from 'vue-i18n'
 
 import ListService from '@/services/list'
-import {setLoadingPinia} from '@/stores/helper'
+import {setModuleLoading} from '@/stores/helper'
 import {removeListFromHistory} from '@/modules/listHistory'
 import {createNewIndexer} from '@/indexes'
 import {useNamespaceStore} from './namespaces'
@@ -91,7 +91,7 @@ export const useListStore = defineStore('list', {
 		},
 
 		async createList(list: IList) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const listService = new ListService()
 
 			try {
@@ -107,7 +107,7 @@ export const useListStore = defineStore('list', {
 		},
 
 		async updateList(list: IList) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const listService = new ListService()
 
 			try {
@@ -143,7 +143,7 @@ export const useListStore = defineStore('list', {
 		},
 
 		async deleteList(list: IList) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const listService = new ListService()
 
 			try {
diff --git a/src/stores/namespaces.ts b/src/stores/namespaces.ts
index 470c37b1..86a7f026 100644
--- a/src/stores/namespaces.ts
+++ b/src/stores/namespaces.ts
@@ -1,7 +1,7 @@
 import {defineStore, acceptHMRUpdate} from 'pinia'
 
 import NamespaceService from '../services/namespace'
-import {setLoadingPinia} from '@/stores/helper'
+import {setModuleLoading} from '@/stores/helper'
 import {createNewIndexer} from '@/indexes'
 import type {INamespace} from '@/modelTypes/INamespace'
 import type {IList} from '@/modelTypes/IList'
@@ -139,7 +139,7 @@ export const useNamespaceStore = defineStore('namespace', {
 		},
 
 		async loadNamespaces() {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			const namespaceService = new NamespaceService()
 			try {
@@ -174,7 +174,7 @@ export const useNamespaceStore = defineStore('namespace', {
 		},
 
 		async deleteNamespace(namespace: INamespace) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const namespaceService = new NamespaceService()
 
 			try {
@@ -187,7 +187,7 @@ export const useNamespaceStore = defineStore('namespace', {
 		},
 
 		async createNamespace(namespace: INamespace) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const namespaceService = new NamespaceService()
 
 			try {
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 990a05a8..2ed93259 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -23,8 +23,7 @@ import type {IUser} from '@/modelTypes/IUser'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 import type {IList} from '@/modelTypes/IList'
 
-import {setLoadingPinia} from '@/stores/helper'
-import {useBaseStore} from '@/stores/base'
+import {setModuleLoading} from '@/stores/helper'
 import {useLabelStore} from '@/stores/labels'
 import {useListStore} from '@/stores/lists'
 import {useAttachmentStore} from '@/stores/attachments'
@@ -79,29 +78,41 @@ async function findAssignees(parsedTaskAssignees: string[]) {
 }
 
 export interface TaskState {
+	tasks: { [id: ITask['id']]: ITask }
 	isLoading: boolean,
 }
 
 export const useTaskStore = defineStore('task', {
 	state: () : TaskState => ({
+		tasks: {},
 		isLoading: false,
 	}),
+	getters: {
+		hasTasks(state) {
+			return Object.keys(state.tasks).length > 0
+		},
+	},
 	actions: {
+		setTasks(tasks: ITask[]) {
+			tasks.forEach(task => {
+				this.tasks[task.id] = task
+			})
+		},
+
 		async loadTasks(params) {
 			const taskService = new TaskService()
 
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			try {
-				const tasks = await taskService.getAll({}, params)
-				useBaseStore().setHasTasks(tasks.length > 0)
-				return tasks
+				this.tasks = await taskService.getAll({}, params)
+				return this.tasks
 			} finally {
 				cancel()
 			}
 		},
 
 		async update(task: ITask) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 
 			const taskService = new TaskService()
 			try {
@@ -358,7 +369,7 @@ export const useTaskStore = defineStore('task', {
 		} : 
 			Partial<ITask>,
 		) {
-			const cancel = setLoadingPinia(this)
+			const cancel = setModuleLoading(this)
 			const parsedTask = parseTaskText(title, getQuickAddMagicMode())
 		
 			const foundListId = await this.findListId({
diff --git a/src/views/namespaces/ListNamespaces.vue b/src/views/namespaces/ListNamespaces.vue
index 805d20b7..046a9de4 100644
--- a/src/views/namespaces/ListNamespaces.vue
+++ b/src/views/namespaces/ListNamespaces.vue
@@ -79,17 +79,15 @@ import {getNamespaceTitle} from '@/helpers/getNamespaceTitle'
 import {useTitle} from '@/composables/useTitle'
 import {useStorage} from '@vueuse/core'
 
-import {useBaseStore} from '@/stores/base'
 import {useNamespaceStore} from '@/stores/namespaces'
 
 const {t} = useI18n()
-const baseStore = useBaseStore()
 const namespaceStore = useNamespaceStore()
 
 useTitle(() => t('namespace.title'))
 const showArchived = useStorage('showArchived', false)
 
-const loading = computed(() => baseStore.loading) // FIXME: shouldn't this reference the namespace store?
+const loading = computed(() => namespaceStore.isLoading)
 const namespaces = computed(() => {
 	return namespaceStore.namespaces.filter(n => showArchived.value ? true : !n.isArchived)
 	// return namespaceStore.namespaces.filter(n => showArchived.value ? true : !n.isArchived).map(n => {
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index ea0c8e32..e855c5f7 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -114,7 +114,6 @@ import {getLastVisited, clearLastVisited} from '../../helpers/saveLastVisited'
 import Password from '@/components/input/password.vue'
 import {setTitle} from '@/helpers/setTitle'
 
-import {useBaseStore} from '@/stores/base'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 
@@ -172,13 +171,11 @@ export default defineComponent({
 		hasOpenIdProviders() {
 			return this.openidConnect.enabled && this.openidConnect.providers?.length > 0
 		},
-		...mapState(useBaseStore, {
-			isLoading: state => state.loading,
-		}),
 
 		...mapState(useAuthStore, {
 			needsTotpPasscode: state => state.needsTotpPasscode,
 			authenticated: state => state.authenticated,
+			isLoading: state => state.isLoading,
 		}),
 
 		...mapState(useConfigStore, {
@@ -195,16 +192,6 @@ export default defineComponent({
 		},
 	},
 	methods: {
-		setLoading() {
-			const timeout = setTimeout(() => {
-				this.isLoading = true
-			}, 100)
-			return () => {
-				clearTimeout(timeout)
-				this.isLoading = false
-			}
-		},
-
 		async submit() {
 			this.errorMessage = ''
 			// Some browsers prevent Vue bindings from working with autofilled values.
diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index dfd1bc9e..a7a2a261 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -22,7 +22,6 @@ import {getErrorText} from '@/message'
 import Message from '@/components/misc/message.vue'
 import {clearLastVisited, getLastVisited} from '@/helpers/saveLastVisited'
 
-import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
@@ -30,10 +29,9 @@ const {t} = useI18n({useScope: 'global'})
 const router = useRouter()
 const route = useRoute()
 
-const baseStore = useBaseStore()
 const authStore = useAuthStore()
 
-const loading = computed(() => baseStore.loading)
+const loading = computed(() => authStore.isLoading)
 const errorMessage = ref('')
 
 async function authenticateWithCode() {
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index e4c628c0..bdbf0f8d 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -77,10 +77,8 @@ import Message from '@/components/misc/message.vue'
 import {isEmail} from '@/helpers/isEmail'
 import Password from '@/components/input/password.vue'
 
-import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 
-const baseStore = useBaseStore()
 const authStore = useAuthStore()
 
 // FIXME: use the `beforeEnter` hook of vue-router
@@ -97,7 +95,7 @@ const credentials = reactive({
 	password: '',
 })
 
-const isLoading = computed(() => baseStore.loading)
+const isLoading = computed(() => authStore.isLoading)
 const errorMessage = ref('')
 const validatePasswordInitially = ref(false)
 
diff --git a/src/views/user/settings/General.vue b/src/views/user/settings/General.vue
index fc826041..834e270a 100644
--- a/src/views/user/settings/General.vue
+++ b/src/views/user/settings/General.vue
@@ -147,13 +147,7 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-import { useListStore } from '@/stores/lists'
-import { useAuthStore } from '@/stores/auth'
-
-export default defineComponent({
-	name: 'user-settings-general',
-})
+export default {name: 'user-settings-general'}
 </script>
 
 <script setup lang="ts">
@@ -168,14 +162,15 @@ import {availableLanguages} from '@/i18n'
 import {playSoundWhenDoneKey, playPopSound} from '@/helpers/playPop'
 import {getQuickAddMagicMode, setQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {createRandomID} from '@/helpers/randomId'
+import {objectIsEmpty} from '@/helpers/objectIsEmpty'
 import {success} from '@/message'
 import {AuthenticatedHTTPFactory} from '@/http-common'
 
-import {useBaseStore} from '@/stores/base'
-
 import {useColorScheme} from '@/composables/useColorScheme'
 import {useTitle} from '@/composables/useTitle'
-import {objectIsEmpty} from '@/helpers/objectIsEmpty'
+
+import {useListStore} from '@/stores/lists'
+import {useAuthStore} from '@/stores/auth'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.general.title')} - ${t('user.settings.title')}`)
@@ -228,7 +223,6 @@ function getPlaySoundWhenDoneSetting() {
 const playSoundWhenDone = ref(getPlaySoundWhenDoneSetting())
 const quickAddMagicMode = ref(getQuickAddMagicMode())
 
-const baseStore = useBaseStore()
 const authStore = useAuthStore()
 const settings = ref({...authStore.settings})
 const id = ref(createRandomID())
@@ -257,7 +251,7 @@ const defaultList = computed({
 		settings.value.defaultListId = l ? l.id : DEFAULT_LIST_ID
 	},
 })
-const loading = computed(() => baseStore.loading && baseStore.loadingModule === 'general-settings')
+const loading = computed(() => authStore.isLoadingGeneralSettings)
 
 watch(
 	playSoundWhenDone,

From 2dc36c032bad93654fbd64a68682685870972feb Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sat, 1 Oct 2022 15:02:35 +0000
Subject: [PATCH 087/187] feat: TaskDetail as script setup (#1792)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1792
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/helpers/scrollIntoView.ts      |  19 +
 src/router/index.ts                |   3 +-
 src/views/tasks/TaskDetailView.vue | 573 ++++++++++++++---------------
 3 files changed, 303 insertions(+), 292 deletions(-)
 create mode 100644 src/helpers/scrollIntoView.ts

diff --git a/src/helpers/scrollIntoView.ts b/src/helpers/scrollIntoView.ts
new file mode 100644
index 00000000..1ef6bcdc
--- /dev/null
+++ b/src/helpers/scrollIntoView.ts
@@ -0,0 +1,19 @@
+export function scrollIntoView(el: HTMLElement | null | undefined) {
+	if (!el) {
+		return
+	}
+
+	const boundingRect = el.getBoundingClientRect()
+	const scrollY = window.scrollY
+
+	if (
+		boundingRect.top > (scrollY + window.innerHeight) ||
+		boundingRect.top < scrollY
+	) {
+		el.scrollIntoView({
+			behavior: 'smooth',
+			block: 'center',
+			inline: 'nearest',
+		})
+	}
+}
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index 014c32c0..395e305e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -22,7 +22,8 @@ import DataExportDownload from '../views/user/DataExportDownload.vue'
 import UpcomingTasksComponent from '../views/tasks/ShowTasks.vue'
 import LinkShareAuthComponent from '../views/sharing/LinkSharingAuth.vue'
 import ListNamespaces from '../views/namespaces/ListNamespaces.vue'
-import TaskDetailView from '../views/tasks/TaskDetailView.vue'
+const TaskDetailView = () => import('../views/tasks/TaskDetailView.vue')
+
 // Team Handling
 import ListTeamsComponent from '../views/teams/ListTeams.vue'
 // Label Handling
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 561b1a48..beb9f454 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -1,7 +1,7 @@
 <template>
 	<div :class="{ 'is-loading': taskService.loading, 'visible': visible}" class="loader-container task-view-container">
 		<div class="task-view">
-			<heading v-model:task="task" :can-write="canWrite" ref="heading"/>
+			<Heading v-model:task="task" :can-write="canWrite" ref="heading"/>
 			<h6 class="subtitle" v-if="parent && parent.namespace && parent.list">
 				{{ getNamespaceTitle(parent.namespace) }} >
 				<router-link :to="{ name: 'list.index', params: { listId: parent.list.id } }">
@@ -260,7 +260,11 @@
 					<comments :can-write="canWrite" :task-id="taskId"/>
 				</div>
 				<div class="column is-one-third action-buttons d-print-none" v-if="canWrite || shouldShowClosePopup">
-					<BaseButton @click="$router.back()" class="is-fullwidth is-block has-text-centered mb-4 has-text-primary" v-if="shouldShowClosePopup">
+					<BaseButton
+						v-if="shouldShowClosePopup"
+						@click="$router.back()"
+						class="is-fullwidth is-block has-text-centered mb-4 has-text-primary"
+					>
 						<icon icon="arrow-left"/>
 						{{ $t('task.detail.closePopup') }}
 					</BaseButton>
@@ -425,349 +429,336 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
+<script lang="ts" setup>
+import {ref, reactive, toRef, shallowReactive, computed, watch, watchEffect, nextTick, type PropType} from 'vue'
+import {useRoute, useRouter} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+import {unrefElement} from '@vueuse/core'
 import cloneDeep from 'lodash.clonedeep'
 
-import TaskService from '../../services/task'
+import TaskService from '@/services/task'
 import TaskModel, {TASK_DEFAULT_COLOR} from '@/models/task'
+
 import type {ITask} from '@/modelTypes/ITask'
+import type {IList} from '@/modelTypes/IList'
 
-import { PRIORITIES as priorites } from '@/constants/priorities'
-import {RIGHTS as rights} from '@/constants/rights'
+import {PRIORITIES} from '@/constants/priorities'
+import {RIGHTS} from '@/constants/rights'
 
-import PrioritySelect from '../../components/tasks/partials/prioritySelect.vue'
-import PercentDoneSelect from '../../components/tasks/partials/percentDoneSelect.vue'
-import EditLabels from '../../components/tasks/partials/editLabels.vue'
-import EditAssignees from '../../components/tasks/partials/editAssignees.vue'
-import Attachments from '../../components/tasks/partials/attachments.vue'
-import RelatedTasks from '../../components/tasks/partials/relatedTasks.vue'
-import RepeatAfter from '../../components/tasks/partials/repeatAfter.vue'
-import Reminders from '../../components/tasks/partials/reminders.vue'
-import Comments from '../../components/tasks/partials/comments.vue'
-import ListSearch from '../../components/tasks/partials/listSearch.vue'
-import description from '@/components/tasks/partials/description.vue'
-import ColorPicker from '../../components/input/colorPicker.vue'
-import heading from '@/components/tasks/partials/heading.vue'
-import Datepicker from '@/components/input/datepicker.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
+
+// partials
+import Attachments from '@/components/tasks/partials/attachments.vue'
+import ChecklistSummary from '@/components/tasks/partials/checklist-summary.vue'
+import ColorPicker from '@/components/input/colorPicker.vue'
+import Comments from '@/components/tasks/partials/comments.vue'
+import CreatedUpdated from '@/components/tasks/partials/createdUpdated.vue'
+import Datepicker from '@/components/input/datepicker.vue'
+import Description from '@/components/tasks/partials/description.vue'
+import EditAssignees from '@/components/tasks/partials/editAssignees.vue'
+import EditLabels from '@/components/tasks/partials/editLabels.vue'
+import Heading from '@/components/tasks/partials/heading.vue'
+import ListSearch from '@/components/tasks/partials/listSearch.vue'
+import PercentDoneSelect from '@/components/tasks/partials/percentDoneSelect.vue'
+import PrioritySelect from '@/components/tasks/partials/prioritySelect.vue'
+import RelatedTasks from '@/components/tasks/partials/relatedTasks.vue'
+import Reminders from '@/components/tasks/partials/reminders.vue'
+import RepeatAfter from '@/components/tasks/partials/repeatAfter.vue'
 import TaskSubscription from '@/components/misc/subscription.vue'
 
 import {uploadFile} from '@/helpers/attachments'
-import ChecklistSummary from '../../components/tasks/partials/checklist-summary.vue'
-import CreatedUpdated from '@/components/tasks/partials/createdUpdated.vue'
-import { setTitle } from '@/helpers/setTitle'
 import {getNamespaceTitle} from '@/helpers/getNamespaceTitle'
 import {getListTitle} from '@/helpers/getListTitle'
-import type {IList} from '@/modelTypes/IList'
-import {colorIsDark} from '@/helpers/color/colorIsDark'
+import {scrollIntoView} from '@/helpers/scrollIntoView'
+
 import {useBaseStore} from '@/stores/base'
 import {useNamespaceStore} from '@/stores/namespaces'
 import {useAttachmentStore} from '@/stores/attachments'
 import {useTaskStore} from '@/stores/tasks'
 import {useKanbanStore} from '@/stores/kanban'
 
-function scrollIntoView(el) {
-	if (!el) {
+import {useTitle} from '@/composables/useTitle'
+
+import {success} from '@/message'
+
+const props = defineProps({
+	taskId: {
+		type: Number as PropType<ITask['id']>,
+		required: true,
+	},
+})
+
+defineEmits(['close'])
+
+const route = useRoute()
+const router = useRouter()
+const {t} = useI18n({useScope: 'global'})
+
+const baseStore = useBaseStore()
+const namespaceStore = useNamespaceStore()
+const attachmentStore = useAttachmentStore()
+const taskStore = useTaskStore()
+const kanbanStore = useKanbanStore()
+
+const task = reactive(new TaskModel())
+useTitle(toRef(task, 'title'))
+
+// We doubled the task color property here because verte does not have a real change property, leading
+// to the color property change being triggered when the # is removed from it, leading to an update,
+// which leads in turn to a change... This creates an infinite loop in which the task is updated, changed,
+// updated, changed, updated and so on.
+// To prevent this, we put the task color property in a seperate value which is set to the task color
+// when it is saved and loaded.
+const taskColor = ref<ITask['hexColor']>('')
+
+// Used to avoid flashing of empty elements if the task content is not yet loaded.
+const visible = ref(false)
+
+const taskId = toRef(props, 'taskId')
+
+const parent = computed(() => {
+	if (!task.listId) {
+		return {
+			namespace: null,
+			list: null,
+		}
+	}
+
+	if (!namespaceStore.getListAndNamespaceById) {
+		return null
+	}
+
+	return namespaceStore.getListAndNamespaceById(task.listId)
+})
+
+watch(
+	parent,
+	(parent) => {
+		const parentList = parent !== null ? parent.list : null
+		if (parentList !== null) {
+			baseStore.handleSetCurrentList({list: parentList})
+		}
+	},
+	{immediate: true },
+)
+
+const canWrite = computed(() => (
+	task.maxRight !== null &&
+	task.maxRight > RIGHTS.READ
+))
+
+const color = computed(() => {
+	const color = task.getHexColor
+		? task.getHexColor()
+		: false
+	
+	return color === TASK_DEFAULT_COLOR
+		? ''
+		: color
+})
+
+const hasAttachments = computed(() => attachmentStore.attachments.length > 0)
+
+// HACK:
+const shouldShowClosePopup = computed(() => (route.name as string).includes('kanban'))
+
+function attachmentUpload(...args: any[]) {
+	return uploadFile(taskId.value, ...args)
+}
+
+const heading = ref<HTMLElement | null>(null)
+async function scrollToHeading() {
+	scrollIntoView(unrefElement(heading))
+}
+
+const taskService = shallowReactive(new TaskService())
+
+async function loadTask(taskId: ITask['id']) {
+	if (taskId === undefined) {
 		return
 	}
 
-	const boundingRect = el.getBoundingClientRect()
-	const scrollY = window.scrollY
-
-	if (
-		boundingRect.top > (scrollY + window.innerHeight) ||
-		boundingRect.top < scrollY
-	) {
-		el.scrollIntoView({
-			behavior: 'smooth',
-			block: 'center',
-			inline: 'nearest',
-		})
+	try {
+		Object.assign(task, await taskService.get({id: taskId}))
+		attachmentStore.set(task.attachments)
+		taskColor.value = task.hexColor
+		setActiveFields()
+	} finally {
+		await nextTick()
+		scrollToHeading()
+		visible.value = true
 	}
 }
 
-export default defineComponent({
-	name: 'TaskDetailView',
-	components: {
-		BaseButton,
-		CreatedUpdated,
-		ChecklistSummary,
-		TaskSubscription,
-		Datepicker,
-		ColorPicker,
-		ListSearch,
-		Reminders,
-		RepeatAfter,
-		RelatedTasks,
-		Attachments,
-		EditAssignees,
-		EditLabels,
-		PercentDoneSelect,
-		PrioritySelect,
-		Comments,
-		description,
-		heading,
-	},
+watchEffect(() => taskId.value !== undefined && loadTask(taskId.value))
 
-	props: {
-		taskId: {
-			type: Number,
-			required: true,
-		},
-	},
+type FieldType =
+	| 'assignees'
+	| 'attachments'
+	| 'color'
+	| 'dueDate'
+	| 'endDate'
+	| 'labels'
+	| 'moveList'
+	| 'percentDone'
+	| 'priority'
+	| 'relatedTasks'
+	| 'reminders'
+	| 'repeatAfter'
+	| 'startDate'
 
-	data() {
-		return {
-			taskService: new TaskService(),
-			task: new TaskModel(),
-			// We doubled the task color property here because verte does not have a real change property, leading
-			// to the color property change being triggered when the # is removed from it, leading to an update,
-			// which leads in turn to a change... This creates an infinite loop in which the task is updated, changed,
-			// updated, changed, updated and so on.
-			// To prevent this, we put the task color property in a seperate value which is set to the task color
-			// when it is saved and loaded.
-			taskColor: '',
+const activeFields : {[type in FieldType]: boolean} = reactive({
+	assignees: false,
+	attachments: false,
+	color: false,
+	dueDate: false,
+	endDate: false,
+	labels: false,
+	moveList: false,
+	percentDone: false,
+	priority: false,
+	relatedTasks: false,
+	reminders: false,
+	repeatAfter: false,
+	startDate: false,
+})
 
-			showDeleteModal: false,
-			// Used to avoid flashing of empty elements if the task content is not yet loaded.
-			visible: false,
-			
-			TASK_DEFAULT_COLOR,
+function setActiveFields() {
+	// FIXME: are these lines necessary?
+	// task.startDate = task.startDate || null
+	// task.endDate = task.endDate || null
 
-			activeFields: {
-				assignees: false,
-				priority: false,
-				dueDate: false,
-				percentDone: false,
-				startDate: false,
-				endDate: false,
-				reminders: false,
-				repeatAfter: false,
-				labels: false,
-				attachments: false,
-				relatedTasks: false,
-				moveList: false,
-				color: false,
-			},
+	// Set all active fields based on values in the model
+	activeFields.assignees = task.assignees.length > 0
+	activeFields.attachments = task.attachments.length > 0
+	activeFields.dueDate = task.dueDate !== null
+	activeFields.endDate = task.endDate !== null
+	activeFields.labels = task.labels.length > 0
+	activeFields.percentDone = task.percentDone > 0
+	activeFields.priority = task.priority !== PRIORITIES.UNSET
+	activeFields.relatedTasks = Object.keys(task.relatedTasks).length > 0
+	activeFields.reminders = task.reminderDates.length > 0
+	activeFields.repeatAfter = task.repeatAfter.amount > 0
+	activeFields.startDate = task.startDate !== null
+}
+
+const activeFieldElements : {[id in FieldType]: HTMLElement | null} = reactive({
+	assignees: null,
+	attachments: null,
+	color: null,
+	dueDate: null,
+	endDate: null,
+	labels: null,
+	moveList: null,
+	percentDone: null,
+	priority: null,
+	relatedTasks: null,
+	reminders: null,
+	repeatAfter: null,
+	startDate: null,
+})
+
+function setFieldActive(fieldName: keyof typeof activeFields) {
+	activeFields[fieldName] = true
+	nextTick(() => {
+		const el = unrefElement(activeFieldElements[fieldName])
+
+		if (!el) {
+			return
 		}
-	},
-	watch: {
-		taskId: {
-			handler: 'loadTask',
-			immediate: true,
-		},
-		parent: {
-			handler(parent) {
-				const parentList = parent !== null ? parent.list : null
-				if (parentList !== null) {
-					useBaseStore().handleSetCurrentList({list: parentList})
-				}
-			},
-			immediate: true,
-		},
-		// Using a watcher here because the header component handles saving the task with the api but we want to decouple
-		// it from the page title.
-		'task.title': {
-			handler(title) {
-				setTitle(title)
-			},
-		},
-	},
-	computed: {
-		currentList() {
-			return useBaseStore().currentList
-		},
-		parent() {
-			if (!this.task.listId) {
-				return {
-					namespace: null,
-					list: null,
-				}
-			}
+		
+		el.focus()
 
-			const namespaceStore = useNamespaceStore()
+		// scroll the field to the center of the screen if not in viewport already
+		scrollIntoView(el)
+	})
+}
 
-			if (!namespaceStore.getListAndNamespaceById) {
-				return null
-			}
-
-			return namespaceStore.getListAndNamespaceById(this.task.listId)
-		},
-		canWrite() {
-			return typeof this.task !== 'undefined' && typeof this.task.maxRight !== 'undefined' && this.task.maxRight > rights.READ
-		},
-		hasAttachments() {
-			const attachmentsStore = useAttachmentStore()
-			return attachmentsStore.attachments.length > 0
-		},
-		shouldShowClosePopup() {
-			return this.$route.name.includes('kanban')
-		},
-		color() {
-			const color = this.task.getHexColor
-				? this.task.getHexColor()
-				: false
-			
-			return color === TASK_DEFAULT_COLOR
-				? ''
-				: color
-		},
-	},
-	methods: {
-		getNamespaceTitle,
-		getListTitle,
-		attachmentUpload(...args) {
-			return uploadFile(this.taskId, ...args)
-		},
-
-		async loadTask(taskId: ITask['id']) {
-			if (taskId === undefined) {
-				return
-			}
-
-			try {
-				this.task = await this.taskService.get({id: taskId})
-				const attachmentStore = useAttachmentStore()
-				attachmentStore.set(this.task.attachments)
-				this.taskColor = this.task.hexColor
-				this.setActiveFields()
-				await this.$nextTick()
-				setTitle(this.task.title)
-			} finally {
-				this.scrollToHeading()
-				await this.$nextTick()
-				this.visible = true
-			}
-		},
-		scrollToHeading() {
-			if(!this.$refs?.heading?.$el) {
-				return
-			}
-			this.$refs.heading.$el.scrollIntoView({block: 'center'})
-		},
-		setActiveFields() {
-
-			this.task.startDate = this.task.startDate ? this.task.startDate : null
-			this.task.endDate = this.task.endDate ? this.task.endDate : null
-
-			// Set all active fields based on values in the model
-			this.activeFields.assignees = this.task.assignees.length > 0
-			this.activeFields.priority = this.task.priority !== priorites.UNSET
-			this.activeFields.dueDate = this.task.dueDate !== null
-			this.activeFields.percentDone = this.task.percentDone > 0
-			this.activeFields.startDate = this.task.startDate !== null
-			this.activeFields.endDate = this.task.endDate !== null
-			this.activeFields.reminders = this.task.reminderDates.length > 0
-			this.activeFields.repeatAfter = this.task.repeatAfter.amount > 0
-			this.activeFields.labels = this.task.labels.length > 0
-			this.activeFields.attachments = this.task.attachments.length > 0
-			this.activeFields.relatedTasks = Object.keys(this.task.relatedTasks).length > 0
-		},
-		async saveTask(args?: {
+async function saveTask(args?: {
 			task: ITask,
 			showNotification?: boolean,
 			undoCallback?: () => void,
 		}) {
 			const {
-				task,
+				task: currentTask,
 				showNotification,
 				undoCallback,
 			} = {
 				...{
-					task: cloneDeep(this.task),
+					task: cloneDeep(task),
 					showNotification: true,
 				},
 				...args,
 			}
+	if (!canWrite.value) {
+		return
+	}
 
-			if (!this.canWrite) {
-				return
-			}
+	currentTask.hexColor = taskColor.value
 
-			// We're doing the whole update in a nextTick because sometimes race conditions can occur when
-			// setting the due date on mobile which leads to no due date change being saved.
-			await this.$nextTick()
+	// If no end date is being set, but a start date and due date,
+	// use the due date as the end date
+	if (
+		currentTask.endDate === null &&
+		currentTask.startDate !== null &&
+		currentTask.dueDate !== null
+	) {
+		currentTask.endDate = currentTask.dueDate
+	}
 
+	const newTask = await taskStore.update(currentTask) // TODO: markraw ?
+	Object.assign(task, newTask)
+	setActiveFields()
 
-			task.hexColor = this.taskColor
+	if (!showNotification) {
+		return
+	}
 
-			// If no end date is being set, but a start date and due date,
-			// use the due date as the end date
-			if (task.endDate === null && task.startDate !== null && task.dueDate !== null) {
-				task.endDate = task.dueDate
-			}
+	let actions = []
+	if (undoCallback !== null) {
+		actions = [{
+			title: 'Undo',
+			callback: undoCallback,
+		}]
+	}
+	success({message: t('task.detail.updateSuccess')}, actions)
+}
 
-			
-			this.task = await useTaskStore().update(task)
+const showDeleteModal = ref(false)
+async function deleteTask() {
+	await taskStore.delete(task)
+	success({message: t('task.detail.deleteSuccess')})
+	router.push({name: 'list.index', params: {listId: task.listId}})
+}
 
-			if (!showNotification) {
-				return
-			}
+function toggleTaskDone() {
+	const newTask = {
+		...task,
+		done: !task.done,
+	}
 
-			let actions = []
-			if (undoCallback !== undefined) {
-				actions = [{
-					title: 'Undo',
-					callback: undoCallback,
-				}]
-			}
-			this.$message.success({message: this.$t('task.detail.updateSuccess')}, actions)
+	saveTask({
+		task: newTask,
+		undoCallback: toggleTaskDone,
+	})
+}
+
+async function changeList(list: IList) {
+	kanbanStore.removeTaskInBucket(task)
+	await saveTask({
+		task: {
+			...task,
+			listId: list.id,
 		},
+	})
+}
 
-		setFieldActive(fieldName) {
-			this.activeFields[fieldName] = true
-			this.$nextTick(() => {
-				const el = this.$refs[fieldName]?.$el
-				if (!el) {
-					return
-				}
-				
-				el.focus()
-
-				// scroll the field to the center of the screen if not in viewport already
-				scrollIntoView(el)
-			})
-		},
-
-		async deleteTask() {
-			await useTaskStore().delete(this.task)
-			this.$message.success({message: this.$t('task.detail.deleteSuccess')})
-			this.$router.push({name: 'list.index', params: {listId: this.task.listId}})
-		},
-
-		toggleTaskDone() {
-			const newTask = {
-				...this.task,
-				done: !this.task.done,
-			}
-
-			this.saveTask({
-				task: newTask,
-				undoCallback: this.toggleTaskDone,
-			})
-		},
-
-		async changeList(list: IList) {
-			useKanbanStore().removeTaskInBucket(this.task)
-			await this.saveTask({
-				task: {
-					...this.task,
-					listId: list.id,
-				},
-			})
-		},
-
-		async toggleFavorite() {
-			this.task.isFavorite = !this.task.isFavorite
-			this.task = await this.taskService.update(this.task)
-			const namespaceStore = useNamespaceStore()
-			await namespaceStore.loadNamespacesIfFavoritesDontExist()
-		},
-		
-		colorIsDark,
-	},
-})
+async function toggleFavorite() {
+	task.isFavorite = !task.isFavorite
+	const newTask = await taskService.update(task)
+	Object.assign(task, newTask)
+	await namespaceStore.loadNamespacesIfFavoritesDontExist()
+}
 </script>
 
 <style lang="scss" scoped>

From 78a6d38641c5e4e68f117e37ee36a4ca3b40a24b Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sat, 1 Oct 2022 15:03:10 +0000
Subject: [PATCH 088/187] fix: type of config stores maxFileSize (#2455)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2455
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/stores/config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/config.ts b/src/stores/config.ts
index 3d7d0ef5..b36b743a 100644
--- a/src/stores/config.ts
+++ b/src/stores/config.ts
@@ -9,7 +9,7 @@ export interface ConfigState {
 	frontendUrl: string,
 	motd: string,
 	linkSharingEnabled: boolean,
-	maxFileSize: '20MB',
+	maxFileSize: string,
 	registrationEnabled: boolean,
 	availableMigrators: [],
 	taskAttachmentsEnabled: boolean,

From 940063784b3ec129e99fe18c4eb2b205ffb15163 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 1 Oct 2022 17:56:33 +0200
Subject: [PATCH 089/187] feat: add github issue template

---
 .github/ISSUE_TEMPLATE/bug-report.yml | 58 +++++++++++++++++++++++++++
 .github/ISSUE_TEMPLATE/config.yml     | 17 ++++++++
 2 files changed, 75 insertions(+)
 create mode 100644 .github/ISSUE_TEMPLATE/bug-report.yml
 create mode 100644 .github/ISSUE_TEMPLATE/config.yml

diff --git a/.github/ISSUE_TEMPLATE/bug-report.yml b/.github/ISSUE_TEMPLATE/bug-report.yml
new file mode 100644
index 00000000..ff6a0a9e
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-report.yml
@@ -0,0 +1,58 @@
+name: Bug Report
+description: Found something you weren't expecting? Report it here!
+labels: kind/bug
+body:
+  - type: markdown
+    attributes:
+      value: |
+        NOTE: If your issue is a security concern, please send an email to security@vikunja.io instead of opening a public issue.
+  - type: markdown
+    attributes:
+      value: |
+        Please fill out this issue template to report a bug.
+        
+        1. If you want to propose a new feature, please open a discussion thread in the forum: https://community.vikunja.io
+        2. Please ask questions or configuration/deploy problems on our [Matrix Room](https://matrix.to/#/#vikunja:matrix.org) or forum (https://community.vikunja.io).
+        3. Make sure you are using the latest release and
+           take a moment to check that your issue hasn't been reported before.
+        4. Please give all relevant information below for bug reports, because
+           incomplete details will be handled as an invalid report and closed.
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: |
+        Please provide a description of your issue here, with a URL if you were able to reproduce the issue (see below).
+  - type: input
+    id: frontend-version
+    attributes:
+      label: Vikunja Frontend Version
+      description: Vikunja frontend version (or commit reference) of your instance
+    validations:
+      required: true
+  - type: input
+    id: api-version
+    attributes:
+      label: Vikunja API Version
+      description: Vikunja API version (or commit reference) of your instance
+    validations:
+      required: true
+  - type: input
+    id: browser-version
+    attributes:
+      label: Browser and version
+      description: If your issue is related to a frontend problem, please provide the browser and version you used to reproduce it.
+  - type: dropdown
+    id: can-reproduce
+    attributes:
+      label: Can you reproduce the bug on the Vikunja demo site?
+      options:
+        - "Yes"
+        - "No"
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots
+      description: If this issue involves the Web Interface, please provide one or more screenshots
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 00000000..4a2256d7
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,17 @@
+blank_issues_enabled: false
+contact_links:
+  - name: API issues
+    url: https://code.vikunja.io/api/issues
+    about: This is the frontend repo. Please open api-related bug reports and discussions in the api 0repo. Not sure if your issue is frontend or api? Ask in Matrix or the forum first.
+  - name: Forum
+    url: https://community.vikunja.io/
+    about: Feature Requests, Questions, configuration or deployment problems should be discussed in the forum.
+  - name: Security-related issues
+    url: https://vikunja.io/contact/#security
+    about: For security concerns, please send a mail to security@vikunja.io instead of opening a public issue.
+  - name: Chat on Matrix
+    url: https://matrix.to/#/#vikunja:matrix.org
+    about: Please ask any quick questions here.
+  - name: Translations
+    url: https://crowdin.com/project/vikunja
+    about: Any problems or requests for new languages about translations should be handled in crowdin.

From 63fb8a1962f9ecd8c9a079e2770b4658c5559d84 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sat, 1 Oct 2022 15:58:39 +0000
Subject: [PATCH 090/187] feat: Login script setup (#2417)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2417
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/helpers/redirectToProvider.ts |  11 +-
 src/stores/auth.ts                |  21 +++
 src/stores/base.ts                |   2 +-
 src/stores/config.ts              |   4 +-
 src/types/IProvider.ts            |   6 +
 src/views/user/Login.vue          | 224 +++++++++++++-----------------
 6 files changed, 134 insertions(+), 134 deletions(-)
 create mode 100644 src/types/IProvider.ts

diff --git a/src/helpers/redirectToProvider.ts b/src/helpers/redirectToProvider.ts
index 1253b065..fec8a1eb 100644
--- a/src/helpers/redirectToProvider.ts
+++ b/src/helpers/redirectToProvider.ts
@@ -1,14 +1,9 @@
-import {createRandomID} from '@/helpers/randomId'
 import {parseURL} from 'ufo'
 
-export interface Provider {
-	name: string
-	key: string
-	authUrl: string
-	clientId: string
-}
+import {createRandomID} from '@/helpers/randomId'
+import type {IProvider} from '@/types/IProvider'
 
-export const redirectToProvider = (provider: Provider, redirectUrl: string = '') => {
+export const redirectToProvider = (provider: IProvider, redirectUrl: string = '') => {
 
 	// We're not using the redirect url provided by the server to allow redirects when using the electron app.
 	// The implications are not quite clear yet hence the logic to pass in another redirect url still exists.
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 61eda328..ace2e4d5 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -275,6 +275,27 @@ export const useAuthStore = defineStore('auth', {
 			}
 		},
 
+		/**
+		 * Try to verify the email
+		 * @returns {Promise<boolean>} if the email was successfully confirmed
+		 */
+		async verifyEmail() {
+			const emailVerifyToken = localStorage.getItem('emailConfirmToken')
+			if (emailVerifyToken) {
+				const stopLoading = setModuleLoading(this)
+				try {
+					await HTTPFactory().post('user/confirm', {token: emailVerifyToken})
+					localStorage.removeItem('emailConfirmToken')
+					return true
+				} catch(e) {
+					throw new Error(e.response.data.message)
+				} finally {
+					stopLoading()
+				}
+			}
+			return false
+		},
+
 		async saveUserSettings({
 			settings,
 			showMessage = true,
diff --git a/src/stores/base.ts b/src/stores/base.ts
index 9c07cdd8..2e5702b6 100644
--- a/src/stores/base.ts
+++ b/src/stores/base.ts
@@ -132,7 +132,7 @@ export const useBaseStore = defineStore('base', {
 
 		async loadApp() {
 			await checkAndSetApiUrl(window.API_URL)
-			await useAuthStore().checkAuth()
+			useAuthStore().checkAuth()
 		},
 	},
 })
diff --git a/src/stores/config.ts b/src/stores/config.ts
index b36b743a..58e23aa7 100644
--- a/src/stores/config.ts
+++ b/src/stores/config.ts
@@ -4,6 +4,8 @@ import {parseURL} from 'ufo'
 import {HTTPFactory} from '@/http-common'
 import {objectToCamelCase} from '@/helpers/case'
 
+import type {IProvider} from '@/types/IProvider'
+
 export interface ConfigState {
 	version: string,
 	frontendUrl: string,
@@ -29,7 +31,7 @@ export interface ConfigState {
 		openidConnect: {
 			enabled: boolean,
 			redirectUrl: string,
-			providers: [],
+			providers: IProvider[],
 		},
 	},
 }
diff --git a/src/types/IProvider.ts b/src/types/IProvider.ts
new file mode 100644
index 00000000..b70c1af1
--- /dev/null
+++ b/src/types/IProvider.ts
@@ -0,0 +1,6 @@
+export interface IProvider {
+	name: string;
+	key: string;
+	authUrl: string;
+	clientId: string;
+}
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index e855c5f7..13360484 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -14,14 +14,14 @@
 						class="input" id="username"
 						name="username"
 						:placeholder="$t('user.auth.usernamePlaceholder')"
-						ref="username"
+						ref="usernameRef"
 						required
 						type="text"
 						autocomplete="username"
 						v-focus
 						@keyup.enter="submit"
 						tabindex="1"
-						@focusout="validateField('username')"
+						@focusout="validateUsernameField()"
 					/>
 				</div>
 				<p class="help is-danger" v-if="!usernameValid">
@@ -39,7 +39,7 @@
 						{{ $t('user.auth.forgotPassword') }}
 					</router-link>
 				</div>
-				<password tabindex="2" @submit="submit" v-model="password" :validate-initially="validatePasswordInitially"/>
+				<Password tabindex="2" @submit="submit" v-model="password" :validate-initially="validatePasswordInitially"/>
 			</div>
 			<div class="field" v-if="needsTotpPasscode">
 				<label class="label" for="totpPasscode">{{ $t('user.auth.totpTitle') }}</label>
@@ -101,136 +101,112 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
+<script setup lang="ts">
+import {computed, onBeforeMount, ref} from 'vue'
+import {useI18n} from 'vue-i18n'
+import {useRouter} from 'vue-router'
 import {useDebounceFn} from '@vueuse/core'
-import {mapState} from 'pinia'
 
-import {HTTPFactory} from '@/http-common'
-import {getErrorText} from '@/message'
 import Message from '@/components/misc/message.vue'
-import {redirectToProvider} from '../../helpers/redirectToProvider'
-import {getLastVisited, clearLastVisited} from '../../helpers/saveLastVisited'
 import Password from '@/components/input/password.vue'
-import {setTitle} from '@/helpers/setTitle'
 
-import {useConfigStore} from '@/stores/config'
+import {getErrorText} from '@/message'
+import {redirectToProvider} from '@/helpers/redirectToProvider'
+import {getLastVisited, clearLastVisited} from '@/helpers/saveLastVisited'
+
 import {useAuthStore} from '@/stores/auth'
+import {useConfigStore} from '@/stores/config'
 
-export default defineComponent({
-	components: {
-		Password,
-		Message,
-	},
-	data() {
-		return {
-			confirmedEmailSuccess: false,
-			errorMessage: '',
-			usernameValid: true,
-			password: '',
-			validatePasswordInitially: false,
-			rememberMe: false,
+import {useTitle} from '@/composables/useTitle'
+
+const router = useRouter()
+const {t} = useI18n({useScope: 'global'})
+useTitle(() => t('user.auth.login'))
+
+const authStore = useAuthStore()
+const configStore = useConfigStore()
+
+const registrationEnabled = computed(() => configStore.registrationEnabled)
+const localAuthEnabled = computed(() => configStore.auth.local.enabled)
+
+const openidConnect = computed(() => configStore.auth.openidConnect)
+const hasOpenIdProviders = computed(() => openidConnect.value.enabled && openidConnect.value.providers?.length > 0)
+
+const isLoading = computed(() => authStore.isLoading)
+
+const confirmedEmailSuccess = ref(false)
+const errorMessage = ref('')
+const password = ref('')
+const validatePasswordInitially = ref(false)
+const rememberMe = ref(false)
+
+const authenticated = computed(() => authStore.authenticated)
+
+onBeforeMount(() => {
+	authStore.verifyEmail().then((confirmed) => {
+		confirmedEmailSuccess.value = confirmed
+	}).catch((e: Error) => {
+		errorMessage.value = e.message
+	})
+
+	// Check if the user is already logged in, if so, redirect them to the homepage
+	if (authenticated.value) {
+		const last = getLastVisited()
+		if (last !== null) {
+			router.push({
+				name: last.name,
+				params: last.params,
+			})
+			clearLastVisited()
+		} else {
+			router.push({name: 'home'})
 		}
-	},
-	beforeMount() {
-		const HTTP = HTTPFactory()
-		// Try to verify the email
-		// FIXME: Why is this here? Can we find a better place for this?
-		let emailVerifyToken = localStorage.getItem('emailConfirmToken')
-		if (emailVerifyToken) {
-			const stopLoading = this.setLoading()
-			HTTP.post('user/confirm', {token: emailVerifyToken})
-				.then(() => {
-					localStorage.removeItem('emailConfirmToken')
-					this.confirmedEmailSuccess = true
-				})
-				.catch(e => {
-					this.errorMessage = e.response.data.message
-				})
-				.finally(stopLoading)
-		}
-
-		// Check if the user is already logged in, if so, redirect them to the homepage
-		if (this.authenticated) {
-			const last = getLastVisited()
-			if (last !== null) {
-				this.$router.push({
-					name: last.name,
-					params: last.params,
-				})
-				clearLastVisited()
-			} else {
-				this.$router.push({name: 'home'})
-			}
-		}
-	},
-	created() {
-		setTitle(this.$t('user.auth.login'))
-	},
-	computed: {
-		hasOpenIdProviders() {
-			return this.openidConnect.enabled && this.openidConnect.providers?.length > 0
-		},
-
-		...mapState(useAuthStore, {
-			needsTotpPasscode: state => state.needsTotpPasscode,
-			authenticated: state => state.authenticated,
-			isLoading: state => state.isLoading,
-		}),
-
-		...mapState(useConfigStore, {
-			registrationEnabled: state => state.registrationEnabled,
-			localAuthEnabled: state => state.auth.local.enabled,
-			openidConnect: state => state.auth.openidConnect,
-		}),
-
-		validateField() {
-			// using computed so that debounced function definition stays
-			return useDebounceFn((field) => {
-				this[`${field}Valid`] = this.$refs[field]?.value !== ''
-			}, 100)
-		},
-	},
-	methods: {
-		async submit() {
-			this.errorMessage = ''
-			// Some browsers prevent Vue bindings from working with autofilled values.
-			// To work around this, we're manually getting the values here instead of relying on vue bindings.
-			// For more info, see https://kolaente.dev/vikunja/frontend/issues/78
-			const credentials = {
-				username: this.$refs.username.value,
-				password: this.password,
-				longToken: this.rememberMe,
-			}
-
-			if (credentials.username === '' || credentials.password === '') {
-				// Trigger the validation error messages
-				this.validateField('username')
-				this.validatePasswordInitially = true
-				return
-			}
-
-			if (this.needsTotpPasscode) {
-				credentials.totpPasscode = this.$refs.totpPasscode.value
-			}
-
-			try {
-				const authStore = useAuthStore()
-				await authStore.login(credentials)
-				authStore.setNeedsTotpPasscode(false)
-			} catch (e) {
-				if (e.response?.data.code === 1017 && !this.credentials.totpPasscode) {
-					return
-				}
-
-				const err = getErrorText(e)
-				this.errorMessage = typeof err[1] !== 'undefined' ? err[1] : err[0]
-			}
-		},
-
-		redirectToProvider,
-	},
+	}
 })
+
+const usernameValid = ref(true)
+const usernameRef = ref<HTMLInputElement | null>(null)
+const validateUsernameField = useDebounceFn(() => {
+	usernameValid.value = usernameRef.value?.value !== ''
+}, 100)
+
+const needsTotpPasscode = computed(() => authStore.needsTotpPasscode)
+const totpPasscode = ref<HTMLInputElement | null>(null)
+
+async function submit() {
+	errorMessage.value = ''
+	// Some browsers prevent Vue bindings from working with autofilled values.
+	// To work around this, we're manually getting the values here instead of relying on vue bindings.
+	// For more info, see https://kolaente.dev/vikunja/frontend/issues/78
+	const credentials = {
+		username: usernameRef.value?.value,
+		password: password.value,
+		longToken: rememberMe.value,
+	}
+
+	if (credentials.username === '' || credentials.password === '') {
+		// Trigger the validation error messages
+		validateUsernameField()
+		validatePasswordInitially.value = true
+		return
+	}
+
+	if (needsTotpPasscode.value) {
+		credentials.totpPasscode = totpPasscode.value?.value
+	}
+
+	try {
+		await authStore.login(credentials)
+		authStore.setNeedsTotpPasscode(false)
+	} catch (e) {
+		if (e.response?.data.code === 1017 && !credentials.totpPasscode) {
+			return
+		}
+
+		const err = getErrorText(e)
+		errorMessage.value = typeof err[1] !== 'undefined' ? err[1] : err[0]
+	}
+}
 </script>
 
 <style lang="scss" scoped>

From ff1968aa36254d788d0d80ba2d156ce66f4a9df8 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sat, 1 Oct 2022 22:13:50 +0000
Subject: [PATCH 091/187] feat: datepicker script setup (#2456)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2456
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/input/datepicker.vue      | 266 +++++++++++------------
 src/helpers/time/calculateDayInterval.ts |   4 +-
 2 files changed, 131 insertions(+), 139 deletions(-)

diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index bb940b89..6b62e132 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -88,12 +88,10 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
-
+<script setup lang="ts">
+import {ref, onMounted, onBeforeUnmount, toRef, watch, computed, type PropType} from 'vue'
 import flatPickr from 'vue-flatpickr-component'
 import 'flatpickr/dist/flatpickr.css'
-import {i18n} from '@/i18n'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 
@@ -102,146 +100,140 @@ import {calculateDayInterval} from '@/helpers/time/calculateDayInterval'
 import {calculateNearestHours} from '@/helpers/time/calculateNearestHours'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {createDateFromString} from '@/helpers/time/createDateFromString'
-import {mapState} from 'pinia'
 import {useAuthStore} from '@/stores/auth'
+import {useI18n} from 'vue-i18n'
 
-export default defineComponent({
-	name: 'datepicker',
-	data() {
-		return {
-			date: null,
-			show: false,
-			changed: false,
-		}
+const props = defineProps({
+	modelValue: {
+		type: [Date, null, String] as PropType<Date | null | string>,
+		validator: prop => prop instanceof Date || prop === null || typeof prop === 'string',
+		default: null,
 	},
-	components: {
-		flatPickr,
-		BaseButton,
-	},
-	props: {
-		modelValue: {
-			validator: prop => prop instanceof Date || prop === null || typeof prop === 'string',
-		},
-		chooseDateLabel: {
-			type: String,
-			default() {
-				return i18n.global.t('input.datepicker.chooseDate')
-			},
-		},
-		disabled: {
-			type: Boolean,
-			default: false,
+	chooseDateLabel: {
+		type: String,
+		default() {
+			const {t} = useI18n({useScope: 'global'})
+			return t('input.datepicker.chooseDate')
 		},
 	},
-	emits: ['update:modelValue', 'close', 'close-on-change'],
-	mounted() {
-		document.addEventListener('click', this.hideDatePopup)
-	},
-	beforeUnmount() {
-		document.removeEventListener('click', this.hideDatePopup)
-	},
-	watch: {
-		modelValue: {
-			handler: 'setDateValue',
-			immediate: true,
-		},
-	},
-	computed: {
-		...mapState(useAuthStore, {
-			weekStart: (state) => state.settings.weekStart,
-		}),
-		flatPickerConfig() {
-			return {
-				altFormat: this.$t('date.altFormatLong'),
-				altInput: true,
-				dateFormat: 'Y-m-d H:i',
-				enableTime: true,
-				time_24hr: true,
-				inline: true,
-				locale: {
-					firstDayOfWeek: this.weekStart,
-				},
-			}
-		},
-		// Since flatpickr dates are strings, we need to convert them to native date objects.
-		// To make that work, we need a separate variable since flatpickr does not have a change event.
-		flatPickrDate: {
-			set(newValue) {
-				this.date = createDateFromString(newValue)
-				this.updateData()
-			},
-			get() {
-				if (!this.date) {
-					return ''
-				}
-
-				return formatDate(this.date, 'yyy-LL-dd H:mm')
-			},
-		},
-	},
-	methods: {
-		formatDateShort,
-		setDateValue(newVal) {
-			if (newVal === null) {
-				this.date = null
-				return
-			}
-			this.date = createDateFromString(newVal)
-		},
-		updateData() {
-			this.changed = true
-			this.$emit('update:modelValue', this.date)
-		},
-		toggleDatePopup() {
-			if (this.disabled) {
-				return
-			}
-
-			this.show = !this.show
-		},
-		hideDatePopup(e) {
-			if (this.show) {
-				closeWhenClickedOutside(e, this.$refs.datepickerPopup, this.close)
-			}
-		},
-		close() {
-			// Kind of dirty, but the timeout allows us to enter a time and click on "confirm" without
-			// having to click on another input field before it is actually used.
-			setTimeout(() => {
-				this.show = false
-				this.$emit('close', this.changed)
-				if (this.changed) {
-					this.changed = false
-					this.$emit('close-on-change', this.changed)
-				}
-			}, 200)
-		},
-		setDate(date) {
-			if (this.date === null) {
-				this.date = new Date()
-			}
-
-			const interval = calculateDayInterval(date)
-			const newDate = new Date()
-			newDate.setDate(newDate.getDate() + interval)
-			newDate.setHours(calculateNearestHours(newDate))
-			newDate.setMinutes(0)
-			newDate.setSeconds(0)
-			this.date = newDate
-			this.flatPickrDate = newDate
-			this.updateData()
-		},
-		getDayIntervalFromString(date) {
-			return calculateDayInterval(date)
-		},
-		getWeekdayFromStringInterval(date) {
-			const interval = calculateDayInterval(date)
-			const newDate = new Date()
-			newDate.setDate(newDate.getDate() + interval)
-			return formatDate(newDate, 'E')
-		},
+	disabled: {
+		type: Boolean,
+		default: false,
 	},
 })
+
+const emit = defineEmits(['update:modelValue', 'close', 'close-on-change'])
+
+const {t} = useI18n({useScope: 'global'})
+
+const date = ref<Date | null>()
+const show = ref(false)
+const changed = ref(false)
+
+onMounted(() => document.addEventListener('click', hideDatePopup))
+onBeforeUnmount(() =>document.removeEventListener('click', hideDatePopup))
+
+const modelValue = toRef(props, 'modelValue')
+watch(
+	modelValue,
+	setDateValue,
+	{immediate: true},
+)
+
+const authStore = useAuthStore()
+const weekStart = computed(() => authStore.settings.weekStart)
+const flatPickerConfig = computed(() => ({
+	altFormat: t('date.altFormatLong'),
+	altInput: true,
+	dateFormat: 'Y-m-d H:i',
+	enableTime: true,
+	time_24hr: true,
+	inline: true,
+	locale: {
+		firstDayOfWeek: weekStart.value,
+	},
+}))
+
+// Since flatpickr dates are strings, we need to convert them to native date objects.
+// To make that work, we need a separate variable since flatpickr does not have a change event.
+const flatPickrDate = computed({
+	set(newValue: string | Date) {
+		date.value = createDateFromString(newValue)
+		updateData()
+	},
+	get() {
+		if (!date.value) {
+			return ''
+		}
+
+		return formatDate(date.value, 'yyy-LL-dd H:mm')
+	},
+})
+
+
+function setDateValue(dateString: string | Date | null) {
+	if (dateString === null) {
+		date.value = null
+		return
+	}
+	date.value = createDateFromString(dateString)
+}
+
+function updateData() {
+	changed.value = true
+	emit('update:modelValue', date.value)
+}
+
+function toggleDatePopup() {
+	if (props.disabled) {
+		return
+	}
+
+	show.value = !show.value
+}
+
+const datepickerPopup = ref<HTMLElement | null>(null)
+function hideDatePopup(e) {
+	if (show.value) {
+		closeWhenClickedOutside(e, datepickerPopup.value, close)
+	}
+}
+
+function close() {
+	// Kind of dirty, but the timeout allows us to enter a time and click on "confirm" without
+	// having to click on another input field before it is actually used.
+	setTimeout(() => {
+		show.value = false
+		emit('close', changed.value)
+		if (changed.value) {
+			changed.value = false
+			emit('close-on-change', changed.value)
+		}
+	}, 200)
+}
+
+function setDate(dateString: string) {
+	if (date.value === null) {
+		date.value = new Date()
+	}
+
+	const interval = calculateDayInterval(dateString)
+	const newDate = new Date()
+	newDate.setDate(newDate.getDate() + interval)
+	newDate.setHours(calculateNearestHours(newDate))
+	newDate.setMinutes(0)
+	newDate.setSeconds(0)
+	date.value = newDate
+	flatPickrDate.value = newDate
+	updateData()
+}
+
+function getWeekdayFromStringInterval(dateString: string) {
+	const interval = calculateDayInterval(dateString)
+	const newDate = new Date()
+	newDate.setDate(newDate.getDate() + interval)
+	return formatDate(newDate, 'E')
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/helpers/time/calculateDayInterval.ts b/src/helpers/time/calculateDayInterval.ts
index 05ad06d9..19e5fd5a 100644
--- a/src/helpers/time/calculateDayInterval.ts
+++ b/src/helpers/time/calculateDayInterval.ts
@@ -1,5 +1,5 @@
-export function calculateDayInterval(date, currentDay = (new Date().getDay())) {
-	switch (date) {
+export function calculateDayInterval(dateString: string, currentDay = (new Date().getDay())) {
+	switch (dateString) {
 		case 'today':
 			return 0
 		case 'tomorrow':

From 0620b8f0b308e358526bed0d82322ffb9c0627cf Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sun, 2 Oct 2022 09:58:51 +0000
Subject: [PATCH 092/187] feat: multiselect script setup (#2458)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2458
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/input/multiselect.vue | 581 ++++++++++++++-------------
 1 file changed, 293 insertions(+), 288 deletions(-)

diff --git a/src/components/input/multiselect.vue b/src/components/input/multiselect.vue
index f26c6604..ff3050d1 100644
--- a/src/components/input/multiselect.vue
+++ b/src/components/input/multiselect.vue
@@ -39,11 +39,11 @@
 			<div class="search-results" :class="{'search-results-inline': inline}" v-if="searchResultsVisible">
 				<BaseButton
 					class="is-fullwidth"
-					v-for="(data, key) in filteredSearchResults"
-					:key="key"
-					:ref="`result-${key}`"
-					@keydown.up.prevent="() => preSelect(key - 1)"
-					@keydown.down.prevent="() => preSelect(key + 1)"
+					v-for="(data, index) in filteredSearchResults"
+					:key="index"
+					:ref="(el) => setResult(el, index)"
+					@keydown.up.prevent="() => preSelect(index - 1)"
+					@keydown.down.prevent="() => preSelect(index + 1)"
 					@click.prevent.stop="() => select(data)"
 				>
 					<span>
@@ -59,7 +59,7 @@
 				<BaseButton
 					v-if="creatableAvailable"
 					class="is-fullwidth"
-					:ref="`result-${filteredSearchResults.length}`"
+					:ref="(el) => setResult(el, filteredSearchResults.length)"
 					@keydown.up.prevent="() => preSelect(filteredSearchResults.length - 1)"
 					@keydown.down.prevent="() => preSelect(filteredSearchResults.length + 1)"
 					@keyup.enter.prevent="create"
@@ -82,9 +82,10 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
-import {i18n} from '@/i18n'
+<script setup lang="ts">
+import {computed, onBeforeUnmount, onMounted, ref, toRefs, watch, type ComponentPublicInstance, type PropType} from 'vue'
+import {useI18n} from 'vue-i18n'
+
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -98,294 +99,298 @@ function elementInResults(elem: string | any, label: string, query: string): boo
 	return elem === query
 }
 
-export default defineComponent({
-	name: 'multiselect',
-	components: {
-		BaseButton,
+const props = defineProps({
+	// When true, shows a loading spinner
+	loading: {
+		type: Boolean,
+		default: false,
 	},
-	data() {
-		return {
-			query: '',
-			searchTimeout: null,
-			localLoading: false,
-			showSearchResults: false,
-			internalValue: null,
-		}
+	// The placeholder of the search input
+	placeholder: {
+		type: String,
+		default: '',
 	},
-	props: {
-		// When true, shows a loading spinner
-		loading: {
-			type: Boolean,
-			default() {
-				return false
-			},
-		},
-		// The placeholder of the search input
-		placeholder: {
-			type: String,
-			default() {
-				return ''
-			},
-		},
-		// The search results where the @search listener needs to put the results into
-		searchResults: {
-			type: Array,
-			default() {
-				return []
-			},
-		},
-		// The name of the property of the searched object to show the user.
-		// If empty the component will show all raw data of an entry.
-		label: {
-			type: String,
-			default() {
-				return ''
-			},
-		},
-		// The object with the value, updated every time an entry is selected.
-		modelValue: {
-			default() {
-				return null
-			},
-		},
-		// If true, will provide an "add this as a new value" entry which fires an @create event when clicking on it.
-		creatable: {
-			type: Boolean,
-			default: false,
-		},
-		// The text shown next to the new value option.
-		createPlaceholder: {
-			type: String,
-			default() {
-				return i18n.global.t('input.multiselect.createPlaceholder')
-			},
-		},
-		// The text shown next to an option.
-		selectPlaceholder: {
-			type: String,
-			default() {
-				return i18n.global.t('input.multiselect.selectPlaceholder')
-			},
-		},
-		// If true, allows for selecting multiple items. v-model will be an array with all selected values in that case.
-		multiple: {
-			type: Boolean,
-			default: false,
-		},
-		// If true, displays the search results inline instead of using a dropdown.
-		inline: {
-			type: Boolean,
-			default: false,
-		},
-		// If true, shows search results when no query is specified.
-		showEmpty: {
-			type: Boolean,
-			default: true,
-		},
-		// The delay in ms after which the search event will be fired. Used to avoid hitting the network on every keystroke.
-		searchDelay: {
-			type: Number,
-			default() {
-				return 200
-			},
-		},
-		closeAfterSelect: {
-			type: Boolean,
-			default: true,
+	// The search results where the @search listener needs to put the results into
+	searchResults: {
+		type: Array as PropType<{[id: string]: any}>,
+		default: () => [],
+	},
+	// The name of the property of the searched object to show the user.
+	// If empty the component will show all raw data of an entry.
+	label: {
+		type: String,
+		default: '',
+	},
+	// The object with the value, updated every time an entry is selected.
+	modelValue: {
+		default: null,
+	},
+	// If true, will provide an "add this as a new value" entry which fires an @create event when clicking on it.
+	creatable: {
+		type: Boolean,
+		default: false,
+	},
+	// The text shown next to the new value option.
+	createPlaceholder: {
+		type: String,
+		default() {
+			const {t} = useI18n({useScope: 'global'}) 
+			return t('input.multiselect.createPlaceholder')
 		},
 	},
-
-	/**
-	 * Available events:
-	 *   @search: Triggered every time the search query input changes
-	 *   @select: Triggered every time an option from the search results is selected. Also triggers a change in v-model.
-	 *   @create: If nothing or no exact match was found and `creatable` is true, this event is triggered with the current value of the search query.
-	 *   @remove: If `multiple` is enabled, this will be fired every time an item is removed from the array of selected items.
-	 */
-	emits: ['update:modelValue', 'search', 'select', 'create', 'remove'],
-
-	mounted() {
-		document.addEventListener('click', this.hideSearchResultsHandler)
-	},
-	beforeUnmount() {
-		document.removeEventListener('click', this.hideSearchResultsHandler)
-	},
-	watch: {
-		modelValue: {
-			handler(value) {
-				this.setSelectedObject(value)
-			},
-			immediate: true,
-			deep: true,
+	// The text shown next to an option.
+	selectPlaceholder: {
+		type: String,
+		default() {
+			const {t} = useI18n({useScope: 'global'}) 
+			return t('input.multiselect.selectPlaceholder')
 		},
 	},
-	computed: {
-		searchResultsVisible() {
-			if (this.query === '' && !this.showEmpty) {
-				return false
-			}
-
-			return this.showSearchResults && (
-				(this.filteredSearchResults.length > 0) ||
-				(this.creatable && this.query !== '')
-			)
-		},
-		creatableAvailable() {
-			const hasResult = this.filteredSearchResults.some(elem => elementInResults(elem, this.label, this.query))
-			const hasQueryAlreadyAdded = Array.isArray(this.internalValue) && this.internalValue.some(elem => elementInResults(elem, this.label, this.query))
-
-			return this.creatable 
-				&& this.query !== '' 
-				&& !(hasResult || hasQueryAlreadyAdded)
-		},
-		filteredSearchResults() {
-			if (this.multiple && this.internalValue !== null && Array.isArray(this.internalValue)) {
-				return this.searchResults.filter(item => !this.internalValue.some(e => e === item))
-			}
-
-			return this.searchResults
-		},
-		hasMultiple() {
-			return this.multiple && Array.isArray(this.internalValue) && this.internalValue.length > 0
-		},
+	// If true, allows for selecting multiple items. v-model will be an array with all selected values in that case.
+	multiple: {
+		type: Boolean,
+		default: false,
 	},
-	methods: {
-		// Searching will be triggered with a 200ms delay to avoid searching on every keyup event.
-		search() {
-
-			// Updating the query with a binding does not work on mobile for some reason,
-			// getting the value manual does.
-			this.query = this.$refs.searchInput.value
-
-			if (this.searchTimeout !== null) {
-				clearTimeout(this.searchTimeout)
-				this.searchTimeout = null
-			}
-
-			this.localLoading = true
-
-			this.searchTimeout = setTimeout(() => {
-				this.$emit('search', this.query)
-				setTimeout(() => {
-					this.localLoading = false
-				}, 100) // The duration of the loading timeout of the services
-				this.showSearchResults = true
-			}, this.searchDelay)
-		},
-		hideSearchResultsHandler(e) {
-			closeWhenClickedOutside(e, this.$refs.multiselectRoot, this.closeSearchResults)
-		},
-		closeSearchResults() {
-			this.showSearchResults = false
-		},
-		handleFocus() {
-			// We need the timeout to avoid the hideSearchResultsHandler hiding the search results right after the input
-			// is focused. That would lead to flickering pre-loaded search results and hiding them right after showing.
-			setTimeout(() => {
-				this.showSearchResults = true
-			}, 10)
-		},
-		select(object) {
-			if (this.multiple) {
-				if (this.internalValue === null) {
-					this.internalValue = []
-				}
-
-				this.internalValue.push(object)
-			} else {
-				this.internalValue = object
-			}
-
-			this.$emit('update:modelValue', this.internalValue)
-			this.$emit('select', object)
-			this.setSelectedObject(object)
-			if (this.closeAfterSelect && this.filteredSearchResults.length > 0 && !this.creatableAvailable) {
-				this.closeSearchResults()
-			}
-		},
-		setSelectedObject(object, resetOnly = false) {
-			this.internalValue = object
-
-			// We assume we're getting an array when multiple is enabled and can therefore leave the query
-			// value etc as it is
-			if (this.multiple) {
-				this.query = ''
-				return
-			}
-
-			if (object === null) {
-				this.query = ''
-				return
-			}
-
-			if (resetOnly) {
-				return
-			}
-
-			this.query = this.label !== '' ? object[this.label] : object
-		},
-		preSelect(index) {
-			if (index < 0) {
-				this.$refs.searchInput.focus()
-				return
-			}
-
-			const elems = this.$refs[`result-${index}`]
-			if (typeof elems === 'undefined' || elems.length === 0) {
-				return
-			}
-
-			if (Array.isArray(elems)) {
-				elems[0].focus()
-				return
-			}
-
-			elems.focus()
-		},
-		create() {
-			if (this.query === '') {
-				return
-			}
-
-			this.$emit('create', this.query)
-			this.setSelectedObject(this.query, true)
-			this.closeSearchResults()
-		},
-		createOrSelectOnEnter() {
-
-			if (!this.creatableAvailable && this.searchResults.length === 1) {
-				this.select(this.searchResults[0])
-				return
-			}
-
-			if (!this.creatableAvailable) {
-				// Check if there's an exact match for our search term
-				const exactMatch = this.filteredSearchResults.find(elem => elementInResults(elem, this.label, this.query))
-				if(exactMatch) {
-					this.select(exactMatch)
-				}
-
-				return
-			}
-
-			this.create()
-		},
-		remove(item) {
-			for (const ind in this.internalValue) {
-				if (this.internalValue[ind] === item) {
-					this.internalValue.splice(ind, 1)
-					break
-				}
-			}
-
-			this.$emit('update:modelValue', this.internalValue)
-			this.$emit('remove', item)
-		},
-		focus() {
-			this.$refs.searchInput.focus()
-		},
+	// If true, displays the search results inline instead of using a dropdown.
+	inline: {
+		type: Boolean,
+		default: false,
+	},
+	// If true, shows search results when no query is specified.
+	showEmpty: {
+		type: Boolean,
+		default: true,
+	},
+	// The delay in ms after which the search event will be fired. Used to avoid hitting the network on every keystroke.
+	searchDelay: {
+		type: Number,
+		default: 200,
+	},
+	closeAfterSelect: {
+		type: Boolean,
+		default: true,
 	},
 })
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: null): void
+	// @search: Triggered every time the search query input changes
+  (e: 'search', query: string): void
+	// @select: Triggered every time an option from the search results is selected. Also triggers a change in v-model.
+  (e: 'select', value: null): void
+	// @create: If nothing or no exact match was found and `creatable` is true, this event is triggered with the current value of the search query.
+  (e: 'create', query: string): void
+	// @remove: If `multiple` is enabled, this will be fired every time an item is removed from the array of selected items.
+  (e: 'remove', value: null): void
+}>()
+
+const query = ref('')
+const searchTimeout = ref<ReturnType<typeof setTimeout> | null>(null)
+const localLoading = ref(false)
+const showSearchResults = ref(false)
+const internalValue = ref<string | {[key: string]: any} | any[] | null>(null)
+
+onMounted(() => document.addEventListener('click', hideSearchResultsHandler))
+onBeforeUnmount(() => document.removeEventListener('click', hideSearchResultsHandler))
+
+const {modelValue, searchResults} = toRefs(props)
+
+watch(
+	modelValue,
+	(value) => setSelectedObject(value),
+	{
+		immediate: true,
+		deep: true,
+	},
+)
+
+const searchResultsVisible = computed(() => {
+	if (query.value === '' && !props.showEmpty) {
+		return false
+	}
+
+	return showSearchResults.value && (
+		(filteredSearchResults.value.length > 0) ||
+		(props.creatable && query.value !== '')
+	)
+})
+
+const creatableAvailable = computed(() => {
+	const hasResult = filteredSearchResults.value.some((elem: any) => elementInResults(elem, props.label, query.value))
+	const hasQueryAlreadyAdded = Array.isArray(internalValue.value) && internalValue.value.some(elem => elementInResults(elem, props.label, query.value))
+
+	return props.creatable 
+		&& query.value !== '' 
+		&& !(hasResult || hasQueryAlreadyAdded)
+})
+
+const filteredSearchResults = computed(() => {
+	const currentInternal = internalValue.value
+	if (props.multiple && currentInternal !== null && Array.isArray(currentInternal)) {
+		return searchResults.value.filter((item: any) => !currentInternal.some(e => e === item))
+	}
+
+	return searchResults.value
+})
+
+const hasMultiple = computed(() => {
+	return props.multiple && Array.isArray(internalValue.value) && internalValue.value.length > 0
+})
+
+const searchInput = ref<HTMLInputElement | null>(null)
+// Searching will be triggered with a 200ms delay to avoid searching on every keyup event.
+function search() {
+
+	// Updating the query with a binding does not work on mobile for some reason,
+	// getting the value manual does.
+	query.value = searchInput.value?.value || ''
+
+	if (searchTimeout.value !== null) {
+		clearTimeout(searchTimeout.value)
+		searchTimeout.value = null
+	}
+
+	localLoading.value = true
+
+	searchTimeout.value = setTimeout(() => {
+		emit('search', query.value)
+		setTimeout(() => {
+			localLoading.value = false
+		}, 100) // The duration of the loading timeout of the services
+		showSearchResults.value = true
+	}, props.searchDelay)
+}
+
+const multiselectRoot = ref<HTMLElement | null>(null)
+function hideSearchResultsHandler(e: MouseEvent) {
+	closeWhenClickedOutside(e, multiselectRoot.value, closeSearchResults)
+}
+
+function closeSearchResults() {
+	showSearchResults.value = false
+}
+
+function handleFocus() {
+	// We need the timeout to avoid the hideSearchResultsHandler hiding the search results right after the input
+	// is focused. That would lead to flickering pre-loaded search results and hiding them right after showing.
+	setTimeout(() => {
+		showSearchResults.value = true
+	}, 10)
+}
+
+function select(object: {[key: string]: any}) {
+	if (props.multiple) {
+		if (internalValue.value === null) {
+			internalValue.value = []
+		}
+
+		(internalValue.value as any[]).push(object)
+	} else {
+		internalValue.value = object
+	}
+
+	emit('update:modelValue', internalValue.value)
+	emit('select', object)
+	setSelectedObject(object)
+	if (props.closeAfterSelect && filteredSearchResults.value.length > 0 && !creatableAvailable.value) {
+		closeSearchResults()
+	}
+}
+
+function setSelectedObject(object: string | {[id: string]: any} | null, resetOnly = false) {
+	internalValue.value = object
+
+	// We assume we're getting an array when multiple is enabled and can therefore leave the query
+	// value etc as it is
+	if (props.multiple) {
+		query.value = ''
+		return
+	}
+
+	if (object === null) {
+		query.value = ''
+		return
+	}
+
+	if (resetOnly) {
+		return
+	}
+
+	query.value = props.label !== '' ? object[props.label] : object
+}
+
+const results = ref<(Element | ComponentPublicInstance)[]>([])
+function setResult(el: Element | ComponentPublicInstance | null, index: number) {
+	if (el === null) {
+		delete results.value[index]
+	} else {
+		results.value[index] = el
+	}
+}
+
+function preSelect(index: number) {
+	if (index < 0) {
+		searchInput.value?.focus()
+		return
+	}
+
+	const elems = results.value[index]
+	if (typeof elems === 'undefined' || elems.length === 0) {
+		return
+	}
+
+	if (Array.isArray(elems)) {
+		elems[0].focus()
+		return
+	}
+
+	elems.focus()
+}
+
+function create() {
+	if (query.value === '') {
+		return
+	}
+
+	emit('create', query.value)
+	setSelectedObject(query.value, true)
+	closeSearchResults()
+}
+
+function createOrSelectOnEnter() {
+	if (!creatableAvailable.value && searchResults.value.length === 1) {
+		select(searchResults.value[0])
+		return
+	}
+
+	if (!creatableAvailable.value) {
+		// Check if there's an exact match for our search term
+		const exactMatch = filteredSearchResults.value.find((elem: any) => elementInResults(elem, props.label, query.value))
+		if(exactMatch) {
+			select(exactMatch)
+		}
+
+		return
+	}
+
+	create()
+}
+
+function remove(item: any) {
+	for (const ind in internalValue.value) {
+		if (internalValue.value[ind] === item) {
+			internalValue.value.splice(ind, 1)
+			break
+		}
+	}
+
+	emit('update:modelValue', internalValue.value)
+	emit('remove', item)
+}
+
+function focus() {
+	searchInput.value?.focus()
+}
 </script>
 
 <style lang="scss" scoped>

From b08dd58552edb763f007f355f5c0d36d6dccbd05 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sun, 2 Oct 2022 10:00:19 +0000
Subject: [PATCH 093/187] feat: colorPicker script setup (#2457)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2457
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/input/colorPicker.vue | 110 ++++++++++++---------------
 1 file changed, 50 insertions(+), 60 deletions(-)

diff --git a/src/components/input/colorPicker.vue b/src/components/input/colorPicker.vue
index 1cb0c58e..7716386f 100644
--- a/src/components/input/colorPicker.vue
+++ b/src/components/input/colorPicker.vue
@@ -34,9 +34,8 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
-
+<script setup lang="ts">
+import {computed, ref, toRef, watch} from 'vue'
 import {createRandomID} from '@/helpers/randomId'
 
 const DEFAULT_COLORS = [
@@ -48,66 +47,57 @@ const DEFAULT_COLORS = [
 	'#00db60',
 ]
 
-export default defineComponent({
-	name: 'colorPicker',
-	data() {
-		return {
-			color: '',
-			lastChangeTimeout: null,
-			defaultColors: DEFAULT_COLORS,
-			colorListID: createRandomID(),
-		}
-	},
-	props: {
-		modelValue: {
-			type: String,
-			required: true,
-		},
-		menuPosition: {
-			type: String,
-			default: 'top',
-		},
-	},
-	emits: ['update:modelValue'],
-	watch: {
-		modelValue: {
-			handler(modelValue) {
-				this.color = modelValue
-			},
-			immediate: true,
-		},
-		color() {
-			this.update()
-		},
-	},
-	computed: {
-		isEmpty() {
-			return this.color === '#000000' || this.color === ''
-		},
-	},
-	methods: {
-		update(force = false) {
+const color = ref('')
+const lastChangeTimeout = ref<ReturnType<typeof setTimeout> | null>(null)
+const defaultColors = ref(DEFAULT_COLORS)
+const colorListID = ref(createRandomID())
 
-			if(this.isEmpty && !force) {
-				return
-			}
-
-			if (this.lastChangeTimeout !== null) {
-				clearTimeout(this.lastChangeTimeout)
-			}
-
-			this.lastChangeTimeout = setTimeout(() => {
-				this.$emit('update:modelValue', this.color)
-			}, 500)
-		},
-		reset() {
-			// FIXME: I havn't found a way to make it clear to the user the color war reset.
-			//  Not sure if verte is capable of this - it does not show the change when setting this.color = ''
-			this.color = ''
-			this.update(true)
-		},
+const props = defineProps({
+	modelValue: {
+		type: String,
+		required: true,
+	},
+	menuPosition: {
+		type: String,
+		default: 'top',
 	},
 })
+
+const emit = defineEmits(['update:modelValue'])
+
+const modelValue = toRef(props, 'modelValue')
+watch(
+	modelValue,
+	(newValue) => {
+		color.value = newValue
+	},
+	{immediate: true},
+)
+
+watch(color, () => update())
+
+const isEmpty = computed(() => color.value === '#000000' || color.value === '')
+
+function update(force = false) {
+	if(isEmpty.value && !force) {
+		return
+	}
+
+	if (lastChangeTimeout.value !== null) {
+		clearTimeout(lastChangeTimeout.value)
+	}
+
+	lastChangeTimeout.value = setTimeout(() => {
+		emit('update:modelValue', color.value)
+	}, 500)
+}
+
+function reset() {
+	// FIXME: I havn't found a way to make it clear to the user the color war reset.
+	//  Not sure if verte is capable of this - it does not show the change when setting this.color = ''
+	color.value = ''
+	update(true)
+}
 </script>
 
 <style lang="scss" scoped>

From a5925baff03ac2809b7c601b45b93363b6188083 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 2 Oct 2022 12:28:57 +0200
Subject: [PATCH 094/187] feat: migrate kanban card to script setup

---
 src/components/tasks/partials/kanban-card.vue | 101 +++++++-----------
 src/modelTypes/ITask.ts                       |   2 +
 src/models/task.ts                            |   2 +-
 3 files changed, 43 insertions(+), 62 deletions(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 6ddd776a..b9121ce9 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -12,7 +12,7 @@
 		@click.meta="() => toggleTaskDone(task)"
 	>
 		<span class="task-id">
-			<Done class="kanban-card__done" :is-done="task.done" variant="small" />
+			<Done class="kanban-card__done" :is-done="task.done" variant="small"/>
 			<template v-if="task.identifier === ''">
 				#{{ task.index }}
 			</template>
@@ -65,8 +65,9 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent, type PropType} from 'vue'
+<script lang="ts" setup>
+import {ref, computed} from 'vue'
+import {useRouter} from 'vue-router'
 
 import PriorityLabel from '../../../components/tasks/partials/priorityLabel.vue'
 import User from '../../../components/misc/user.vue'
@@ -80,65 +81,43 @@ import {formatDateLong, formatISO, formatDateSince} from '@/helpers/time/formatD
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 import {useTaskStore} from '@/stores/tasks'
 
-export default defineComponent({
-	name: 'kanban-card',
-	components: {
-		ChecklistSummary,
-		Done,
-		PriorityLabel,
-		User,
-		Labels,
-	},
-	data() {
-		return {
-			loadingInternal: false,
-			TASK_DEFAULT_COLOR,
-		}
-	},
-	props: {
-		task: {
-			type: Object as PropType<ITask>,
-			required: true,
-		},
-		loading: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-	},
-	computed: {
-		color() {
-			return this.task.getHexColor
-				? this.task.getHexColor() 
-				: TASK_DEFAULT_COLOR
-		},
-	},
-	methods: {
-		formatDateLong,
-		formatISO,
-		formatDateSince,
-		colorIsDark,
-		async toggleTaskDone(task: ITask) {
-			this.loadingInternal = true
-			try {
-				const done = !task.done
-				await useTaskStore().update({
-					...task,
-					done,
-				})
-			} finally {
-				this.loadingInternal = false
-			}
-		},
-		openTaskDetail() {
-			this.$router.push({
-				name: 'task.detail',
-				params: { id: this.task.id },
-				state: { backdropView: this.$router.currentRoute.value.fullPath },
-			})
-		},
-	},
+const router = useRouter()
+
+const loadingInternal = ref(false)
+
+const props = withDefaults(defineProps<{
+	task: ITask,
+	loading: boolean,
+}>(), {
+	loading: false,
 })
+
+const color = computed(() => {
+	return props.task.getHexColor
+		? props.task.getHexColor()
+		: TASK_DEFAULT_COLOR
+})
+
+async function toggleTaskDone(task: ITask) {
+	loadingInternal.value = true
+	try {
+		const done = !task.done
+		await useTaskStore().update({
+			...task,
+			done,
+		})
+	} finally {
+		loadingInternal.value = false
+	}
+}
+
+function openTaskDetail() {
+	router.push({
+		name: 'task.detail',
+		params: {id: props.task.id},
+		state: {backdropView: router.currentRoute.value.fullPath},
+	})
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modelTypes/ITask.ts b/src/modelTypes/ITask.ts
index 6616a680..80eaad69 100644
--- a/src/modelTypes/ITask.ts
+++ b/src/modelTypes/ITask.ts
@@ -47,4 +47,6 @@ export interface ITask extends IAbstract {
 
 	listId: IList['id'] // Meta, only used when creating a new task
 	bucketId: IBucket['id']
+	
+	getHexColor(): string
 }
\ No newline at end of file
diff --git a/src/models/task.ts b/src/models/task.ts
index 641b2bc5..5f4e01d7 100644
--- a/src/models/task.ts
+++ b/src/models/task.ts
@@ -28,7 +28,7 @@ if (!SUPPORTS_TRIGGERED_NOTIFICATION) {
 	console.debug('This browser does not support triggered notifications')
 }
 
-export function	getHexColor(hexColor: string) {
+export function	getHexColor(hexColor: string): string {
 	if (hexColor === '' || hexColor === '#') {
 		return TASK_DEFAULT_COLOR
 	}

From 4c0ce26f2dfc049d20834656e0784a810375697e Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 2 Oct 2022 17:33:16 +0000
Subject: [PATCH 095/187] chore(deps): update dependency @vitejs/plugin-vue to
 v3.1.2 (#2461)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2461
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 109 +++++++++++++++++++++++--------------------------
 2 files changed, 52 insertions(+), 59 deletions(-)

diff --git a/package.json b/package.json
index f0205e16..d3e22c08 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "@typescript-eslint/eslint-plugin": "5.38.1",
     "@typescript-eslint/parser": "5.38.1",
     "@vitejs/plugin-legacy": "2.2.0",
-    "@vitejs/plugin-vue": "3.1.0",
+    "@vitejs/plugin-vue": "3.1.2",
     "@vue/eslint-config-typescript": "11.0.2",
     "@vue/test-utils": "2.1.0",
     "@vue/tsconfig": "0.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f50a5ae8..a0a46dc8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -22,7 +22,7 @@ specifiers:
   '@typescript-eslint/eslint-plugin': 5.38.1
   '@typescript-eslint/parser': 5.38.1
   '@vitejs/plugin-legacy': 2.2.0
-  '@vitejs/plugin-vue': 3.1.0
+  '@vitejs/plugin-vue': 3.1.2
   '@vue/eslint-config-typescript': 11.0.2
   '@vue/test-utils': 2.1.0
   '@vue/tsconfig': 0.1.3
@@ -86,7 +86,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_ehtls4nlds6e63ahmro7mfqbhy
+  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.14.0
@@ -95,7 +95,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.40
-  '@vueuse/router': 9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u
+  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
   axios: 0.27.2
   blurhash: 2.0.2
   bulma-css-variables: 0.9.33
@@ -112,7 +112,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_bfjwoga25wxjazzogo7o372nwq
+  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -135,11 +135,11 @@ devDependencies:
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/node': 16.11.62
-  '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
-  '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+  '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
+  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
-  '@vitejs/plugin-vue': 3.1.0_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_xgc4xirg4ejg2tgchx2nhou42q
+  '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
+  '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.62
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -159,12 +159,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq
+  vite-plugin-pwa: 0.13.1_vite@3.1.4
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
+  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4_acorn@8.8.0
+  workbox-cli: 6.5.4
 
 packages:
 
@@ -1392,7 +1392,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1445,7 +1445,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1530,7 +1530,7 @@ packages:
       postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_zurzgjffv23ohtxa7nq7nizuja:
+  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1679,7 +1679,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_ehtls4nlds6e63ahmro7mfqbhy:
+  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1917,7 +1917,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_qj2pceye7x36wjy4gpgxephk74
+      ts-node: 10.8.1_8274f11304fdf7eb271c33cd723ceaff
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2605,7 +2605,7 @@ packages:
     resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
     dev: false
 
-  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
+  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3104,7 +3104,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_c7qepppml3d4ahu5cnfwqe6ltq:
+  /@typescript-eslint/eslint-plugin/5.38.1_17e047bdec5ec7c01e9d134b6813cb9c:
     resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3115,10 +3115,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
       '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3130,7 +3130,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3158,7 +3158,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.38.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3169,7 +3169,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3183,7 +3183,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_6hpllpqz34h6b7ydsuybc7nn34:
+  /@typescript-eslint/typescript-estree/5.38.1_f1deb5be19df0fe0ff039530117daddf:
     resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3225,7 +3225,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3303,12 +3303,12 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
-  /@vitejs/plugin-vue/3.1.0_vite@3.1.4+vue@3.2.40:
-    resolution: {integrity: sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==}
+  /@vitejs/plugin-vue/3.1.2_vite@3.1.4+vue@3.2.40:
+    resolution: {integrity: sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^3.0.0
@@ -3432,7 +3432,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_xgc4xirg4ejg2tgchx2nhou42q:
+  /@vue/eslint-config-typescript/11.0.2_b985cba226e1126d4cc23df4d3ba9cd4:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3443,8 +3443,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
-      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
+      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.4
@@ -3551,7 +3551,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u:
+  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5572,7 +5572,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_6hpllpqz34h6b7ydsuybc7nn34
+      '@typescript-eslint/typescript-estree': 5.38.1_f1deb5be19df0fe0ff039530117daddf
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -10090,7 +10090,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_bfjwoga25wxjazzogo7o372nwq:
+  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10333,7 +10333,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11049,7 +11049,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11058,9 +11058,7 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0_acorn@8.8.0
-    transitivePeerDependencies:
-      - acorn
+      terser: 5.10.0
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11942,12 +11940,10 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0_acorn@8.8.0:
+  /terser/5.10.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
-    peerDependencies:
-      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12153,7 +12149,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_qj2pceye7x36wjy4gpgxephk74:
+  /ts-node/10.8.1_8274f11304fdf7eb271c33cd723ceaff:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12551,21 +12547,20 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq:
+  /vite-plugin-pwa/0.13.1_vite@3.1.4:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
-      workbox-build: ^6.5.4
-      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
+      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12600,12 +12595,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
+  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12919,7 +12914,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4_acorn@8.8.0:
+  /workbox-build/6.5.4:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12927,7 +12922,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
+      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12939,7 +12934,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12962,7 +12957,6 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 
@@ -12972,7 +12966,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4_acorn@8.8.0:
+  /workbox-cli/6.5.4:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12989,10 +12983,9 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 

From ed47aa41199fdd6a2996e4bc3e98a19227a8d345 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 2 Oct 2022 20:40:39 +0000
Subject: [PATCH 096/187] chore(deps): update dependency @types/node to
 v16.11.63 (#2464)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2464
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index d3e22c08..5dd0e490 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
-    "@types/node": "16.11.62",
+    "@types/node": "16.11.63",
     "@typescript-eslint/eslint-plugin": "5.38.1",
     "@typescript-eslint/parser": "5.38.1",
     "@vitejs/plugin-legacy": "2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a0a46dc8..25b0a472 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,7 +17,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
-  '@types/node': 16.11.62
+  '@types/node': 16.11.63
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.38.1
   '@typescript-eslint/parser': 5.38.1
@@ -134,14 +134,14 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
-  '@types/node': 16.11.62
+  '@types/node': 16.11.63
   '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
   '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
   '@vue/test-utils': 2.1.0_vue@3.2.40
-  '@vue/tsconfig': 0.1.3_@types+node@16.11.62
+  '@vue/tsconfig': 0.1.3_@types+node@16.11.63
   autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001412
@@ -1877,7 +1877,7 @@ packages:
       '@netlify/run-utils': 4.0.1
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
-      '@types/node': 16.11.62
+      '@types/node': 16.11.63
       ajv: 8.11.0
       ajv-errors: 3.0.0_ajv@8.11.0
       ansi-escapes: 5.0.0
@@ -1917,7 +1917,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_8274f11304fdf7eb271c33cd723ceaff
+      ts-node: 10.8.1_dc56550ec6039dba9f58bab1c25cdce5
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -3014,8 +3014,8 @@ packages:
     resolution: {integrity: sha512-zCoCEMA+IPpsRkyCFBqew5vGb7r8RSiB3uwdu/map7uwLAfu1MTazW26/pUDWoNnF88vJz4W3U56i5gtXNqxGg==}
     dev: true
 
-  /@types/node/16.11.62:
-    resolution: {integrity: sha512-K/ggecSdwAAy2NUW4WKmF4Rc03GKbsfP+k326UWgckoS+Rzd2PaWbjk76dSmqdLQvLTJAO9axiTUJ6488mFsYQ==}
+  /@types/node/16.11.63:
+    resolution: {integrity: sha512-3OxnrEQLBz8EIIaHpg3CibmTAEGkDBcHY4fL5cnBwg2vd2yvHrUDGWxK+MlYPeXWWIoJJW79dGtU+oeBr6166Q==}
     dev: true
 
   /@types/node/17.0.17:
@@ -3524,7 +3524,7 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@vue/tsconfig/0.1.3_@types+node@16.11.62:
+  /@vue/tsconfig/0.1.3_@types+node@16.11.63:
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
       '@types/node': '*'
@@ -3532,7 +3532,7 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 16.11.62
+      '@types/node': 16.11.63
     dev: true
 
   /@vueuse/core/9.3.0_vue@3.2.40:
@@ -12149,7 +12149,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_8274f11304fdf7eb271c33cd723ceaff:
+  /ts-node/10.8.1_dc56550ec6039dba9f58bab1c25cdce5:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12168,7 +12168,7 @@ packages:
       '@tsconfig/node12': 1.0.9
       '@tsconfig/node14': 1.0.1
       '@tsconfig/node16': 1.0.2
-      '@types/node': 16.11.62
+      '@types/node': 16.11.63
       acorn: 8.8.0
       acorn-walk: 8.2.0
       arg: 4.1.3

From 80226df0de819858fca5138c0144b2cecee8f1ec Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 07:26:17 +0000
Subject: [PATCH 097/187] chore(deps): update dependency caniuse-lite to
 v1.0.30001414 (#2465)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2465
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 5dd0e490..de9fda65 100644
--- a/package.json
+++ b/package.json
@@ -79,7 +79,7 @@
     "@vue/tsconfig": "0.1.3",
     "autoprefixer": "10.4.12",
     "browserslist": "4.21.4",
-    "caniuse-lite": "1.0.30001412",
+    "caniuse-lite": "1.0.30001414",
     "cypress": "10.9.0",
     "esbuild": "0.15.10",
     "eslint": "8.24.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 25b0a472..f3eb460f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,7 +34,7 @@ specifiers:
   browserslist: 4.21.4
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
-  caniuse-lite: 1.0.30001412
+  caniuse-lite: 1.0.30001414
   codemirror: 5.65.9
   cypress: 10.9.0
   date-fns: 2.29.3
@@ -144,7 +144,7 @@ devDependencies:
   '@vue/tsconfig': 0.1.3_@types+node@16.11.63
   autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
-  caniuse-lite: 1.0.30001412
+  caniuse-lite: 1.0.30001414
   cypress: 10.9.0
   esbuild: 0.15.10
   eslint: 8.24.0
@@ -3990,7 +3990,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       browserslist: 4.21.4
-      caniuse-lite: 1.0.30001412
+      caniuse-lite: 1.0.30001414
       fraction.js: 4.2.0
       normalize-range: 0.1.2
       picocolors: 1.0.0
@@ -4265,7 +4265,7 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001412
+      caniuse-lite: 1.0.30001414
       electron-to-chromium: 1.4.256
       node-releases: 2.0.6
       update-browserslist-db: 1.0.9_browserslist@4.21.4
@@ -4443,8 +4443,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /caniuse-lite/1.0.30001412:
-    resolution: {integrity: sha512-+TeEIee1gS5bYOiuf+PS/kp2mrXic37Hl66VY6EAfxasIk5fELTktK2oOezYed12H8w7jt3s512PpulQidPjwA==}
+  /caniuse-lite/1.0.30001414:
+    resolution: {integrity: sha512-t55jfSaWjCdocnFdKQoO+d2ct9C59UZg4dY3OnUlSZ447r8pUtIKdp0hpAzrGFultmTC+Us+KpKi4GZl/LXlFg==}
     dev: true
 
   /caseless/0.12.0:

From 44c0d55fba346157b594227fa060d09b4fa3bdc6 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 07:26:38 +0000
Subject: [PATCH 098/187] chore(deps): update pnpm to v7.13.0 (#2467)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2467
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index de9fda65..83c6f91b 100644
--- a/package.json
+++ b/package.json
@@ -107,5 +107,5 @@
     }
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.12.2"
+  "packageManager": "pnpm@7.13.0"
 }

From 2cda229b6997b96fc70b5494ab599ab9fdf9e472 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 07:27:03 +0000
Subject: [PATCH 099/187] chore(deps): update dependency netlify-cli to v12
 (#2466)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2466
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 58 ++++++++++++++++++++++++--------------------------
 2 files changed, 29 insertions(+), 31 deletions(-)

diff --git a/package.json b/package.json
index 83c6f91b..7cb3cc1f 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
     "eslint-plugin-vue": "9.5.1",
     "express": "4.18.1",
     "happy-dom": "6.0.4",
-    "netlify-cli": "11.8.3",
+    "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
     "rollup": "2.79.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f3eb460f..8bfb3b63 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,7 +53,7 @@ specifiers:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  netlify-cli: 11.8.3
+  netlify-cli: 12.0.2
   pinia: 2.0.22
   postcss: 8.4.17
   postcss-preset-env: 7.8.2
@@ -151,7 +151,7 @@ devDependencies:
   eslint-plugin-vue: 9.5.1_eslint@8.24.0
   express: 4.18.1
   happy-dom: 6.0.4
-  netlify-cli: 11.8.3
+  netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
   rollup: 2.79.1
@@ -1862,19 +1862,19 @@ packages:
     resolution: {integrity: sha512-4wMPu9iN3/HL97QblBsBay3E1etIciR84izI3U+4iALY+JHCrI+a2jO0qbAZ/nxKoegypYEaiiqWXylm+/zfrw==}
     dev: true
 
-  /@netlify/build/27.18.5:
-    resolution: {integrity: sha512-SmLOcgp/VJiCe9ft/8oUmCdPBOvQ/k7G4Y0fUb1BXusRePdultUDzC0pHFybNa/YyIsA4HDTAtGsTAk8GJpu7g==}
+  /@netlify/build/27.18.6:
+    resolution: {integrity: sha512-ZALZHNwZbRieQ8s8mYPkod1zwqkrOzVphPueW8OyyTymXIEsIBKL0YpYBPOtnwfEHHZJBDUg+Utq7yAT3c+SQQ==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     hasBin: true
     dependencies:
       '@bugsnag/js': 7.16.1
-      '@netlify/cache-utils': 4.1.4_supports-color@9.2.1
-      '@netlify/config': 18.2.3
+      '@netlify/cache-utils': 4.1.5_supports-color@9.2.1
+      '@netlify/config': 18.2.4
       '@netlify/edge-bundler': 2.2.0
-      '@netlify/functions-utils': 4.2.9_supports-color@9.2.1
-      '@netlify/git-utils': 4.1.1
+      '@netlify/functions-utils': 4.2.10_supports-color@9.2.1
+      '@netlify/git-utils': 4.1.2
       '@netlify/plugins-list': 6.46.0
-      '@netlify/run-utils': 4.0.1
+      '@netlify/run-utils': 4.0.2
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
       '@types/node': 16.11.63
@@ -1928,8 +1928,8 @@ packages:
       - encoding
     dev: true
 
-  /@netlify/cache-utils/4.1.4_supports-color@9.2.1:
-    resolution: {integrity: sha512-O31A0G5CelEAQ0ffkV6adscCP9/+0X4L3ABaxpBL02cr6XktOJd+imm+MiYF+9h/EYe8qRdwFeghjtlohXhcsQ==}
+  /@netlify/cache-utils/4.1.5_supports-color@9.2.1:
+    resolution: {integrity: sha512-NqxsL23n5LiLRnmMyAdDWhRJzuNm7OmsnWz7BhykZK2+iJ7PFeMVeZqa0tL4IQRq2JgtkWe7zCSl29035J5ctA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       cpy: 8.1.2_supports-color@9.2.1
@@ -1945,8 +1945,8 @@ packages:
       - supports-color
     dev: true
 
-  /@netlify/config/18.2.3:
-    resolution: {integrity: sha512-z5pFAAVBfIvTsSv3lchfByWYNajPgiCKEbx3JkU/CtIljCtSR3f0B/GVqpHgCOJ9pfS0idVP60EhDHA2QLeUrg==}
+  /@netlify/config/18.2.4:
+    resolution: {integrity: sha512-G9YR6tAXl5FfhaoEcvAivctE3Ds7vv70GgUzJfHEcJbT6rFxSlRl+vcbX6I1TbWEucMknIifvchGTa9f0Ams8w==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     hasBin: true
     dependencies:
@@ -2220,8 +2220,8 @@ packages:
       semver: 7.3.7
     dev: true
 
-  /@netlify/functions-utils/4.2.9_supports-color@9.2.1:
-    resolution: {integrity: sha512-zytCz5XQ0wJ3z7RJXsfRqicQHxDiiB4LQQx8WnxpbyWS/EUiAwhPslThsSP18WyrVu1c3NAbW/9E7n3GR90NVg==}
+  /@netlify/functions-utils/4.2.10_supports-color@9.2.1:
+    resolution: {integrity: sha512-OodKCe8fmD/uK3sGkfcBi6bwOuM/V1/gMf//67/4HkIUj1haaEICcJmpw17r7RwyseIwOEvdBV5oHEmSyOhDhA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
@@ -2232,8 +2232,8 @@ packages:
       - supports-color
     dev: true
 
-  /@netlify/git-utils/4.1.1:
-    resolution: {integrity: sha512-nErJowHlUHd36R/1KsXFEh9a5VL98/fr/IjwealZRQK+2E4Pm9t/KBkvR+LAyqWoINrrtkbpwjBRnO4r034OUg==}
+  /@netlify/git-utils/4.1.2:
+    resolution: {integrity: sha512-Eee5Ht/bHPUV1cGaPF7kqV5V/78cXX0qyVDRDY72Crouw1F7V7D42yWpyf7/HrIg87LdzYoTmNwff7LMUTG4QA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       execa: 6.1.0
@@ -2377,8 +2377,8 @@ packages:
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dev: true
 
-  /@netlify/run-utils/4.0.1:
-    resolution: {integrity: sha512-6xwmYJWcQkRTdtA/u6WFRYBTuU7j9j+lh7Ld2+6TsUricnyg4orMIKQBdmVYM3tGbzzAidTOjzmbc8XXzQOo6g==}
+  /@netlify/run-utils/4.0.2:
+    resolution: {integrity: sha512-UH7AIkZ0TDOj6u2Kf+cTGNlM4twMV43AjJnVCdnUXBzZmFlV6p9ymwu7GYM33iXsid8i6cDBhRWQ03HcfPssIQ==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       execa: 6.1.0
@@ -9196,18 +9196,17 @@ packages:
     resolution: {integrity: sha512-AO81vsIO1k1sM4Zrd6Hu7regmJN1NSiAja10gc4bX3F0wd+9rQmcuHQaHVQCYIEC8iFXnE+mavh23GOt7wBgug==}
     dev: true
 
-  /netlify-cli/11.8.3:
-    resolution: {integrity: sha512-g8CG+kOrT/euh8dKoS7KB5ItuT0wYs0uxb8HctlWMm5g4DP1wTXX2O9Vnhhoqy4nQ2bhiTp9NUef7EcDim/uzw==}
-    engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
+  /netlify-cli/12.0.2:
+    resolution: {integrity: sha512-nmIsQC+aidQ8AQFTSOLM/ggBCusQu7xgcs8QC1oj9N26tX3T8Ha9DfU9hfxX+jyNQXQhXXhdDNeT92G2+CqTTw==}
+    engines: {node: ^14.16.0 || >=16.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@netlify/build': 27.18.5
-      '@netlify/config': 18.2.3
+      '@netlify/build': 27.18.6
+      '@netlify/config': 18.2.4
       '@netlify/edge-bundler': 2.2.0
       '@netlify/framework-info': 9.2.0
       '@netlify/local-functions-proxy': 1.1.1
-      '@netlify/plugins-list': 6.46.0
       '@netlify/zip-it-and-ship-it': 7.1.2
       '@octokit/rest': 18.12.0
       '@sindresorhus/slugify': 1.1.2
@@ -9280,7 +9279,6 @@ packages:
       node-version-alias: 1.0.1
       omit.js: 2.0.2
       ora: 5.4.1
-      p-event: 4.2.0
       p-filter: 2.1.0
       p-map: 4.0.0
       p-wait-for: 3.2.0
@@ -9306,8 +9304,8 @@ packages:
       toml: 3.0.0
       unixify: 1.0.0
       update-notifier: 5.1.0
-      uuid: 8.3.2
-      wait-port: 0.3.0
+      uuid: 9.0.0
+      wait-port: 1.0.1
       winston: 3.6.0
       write-file-atomic: 4.0.1
     transitivePeerDependencies:
@@ -12765,8 +12763,8 @@ packages:
       - debug
     dev: true
 
-  /wait-port/0.3.0:
-    resolution: {integrity: sha512-seNQ7j92tG5uaylFK3RrAajajzpNMOr96pcCsD8cWGtVn4XXsFUMf9vzNcZSXVaMEfuZT/0t/Wc0KN+m74QYkw==}
+  /wait-port/1.0.1:
+    resolution: {integrity: sha512-JkEgxQRZqqBz449/bRVQAvl+e8LJ8fpW8J1W7WkKKo8PypoXX7EXGE47BmkNLTb5Ly/eI15IyTeAxDBwOEQ8DQ==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:

From 2923504bf4bf92013a7a4631faa09097212d936e Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 10:28:40 +0000
Subject: [PATCH 100/187] fix(deps): update dependency vue-advanced-cropper to
 v2.8.5 (#2469)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2469
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 7cb3cc1f..f2ac9a48 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "ufo": "0.8.5",
     "v-tooltip": "4.0.0-beta.17",
     "vue": "3.2.40",
-    "vue-advanced-cropper": "2.8.3",
+    "vue-advanced-cropper": "2.8.5",
     "vue-drag-resize": "2.0.3",
     "vue-flatpickr-component": "9.0.6",
     "vue-i18n": "9.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8bfb3b63..1a519ca2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -71,7 +71,7 @@ specifiers:
   vite-svg-loader: 3.6.0
   vitest: 0.23.4
   vue: 3.2.40
-  vue-advanced-cropper: 2.8.3
+  vue-advanced-cropper: 2.8.5
   vue-drag-resize: 2.0.3
   vue-flatpickr-component: 9.0.6
   vue-i18n: 9.2.2
@@ -119,7 +119,7 @@ dependencies:
   ufo: 0.8.5
   v-tooltip: 4.0.0-beta.17_vue@3.2.40
   vue: 3.2.40
-  vue-advanced-cropper: 2.8.3_vue@3.2.40
+  vue-advanced-cropper: 2.8.5_vue@3.2.40
   vue-drag-resize: 2.0.3
   vue-flatpickr-component: 9.0.6_vue@3.2.40
   vue-i18n: 9.2.2_vue@3.2.40
@@ -12640,8 +12640,8 @@ packages:
       - terser
     dev: true
 
-  /vue-advanced-cropper/2.8.3_vue@3.2.40:
-    resolution: {integrity: sha512-KyOm4sGMkaCMEfGCTWi3vuKZd4nhT+nWWUr9HfyA7Qvg3XYsfXWYeMeVT1mBBqlVGbYKMcPTGvdcBq1CXvFRWg==}
+  /vue-advanced-cropper/2.8.5_vue@3.2.40:
+    resolution: {integrity: sha512-HgREF1UnvetxIGlWhnSs/GEqlDzJTRkiNhhA29CvoNFdC+LjD6pFnQ0P3K6gVBPkwnC5b1AibffqLN8ucG7OLA==}
     engines: {node: '>=8', npm: '>=5'}
     peerDependencies:
       vue: ^3.0.0

From 9126d2282293d2f8d2d6b15cf86971dfe76a063b Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 10:29:17 +0000
Subject: [PATCH 101/187] fix(deps): update dependency blurhash to v2.0.3
 (#2468)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2468
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index f2ac9a48..0b4e2997 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@vueuse/core": "9.3.0",
     "@vueuse/router": "9.3.0",
     "axios": "0.27.2",
-    "blurhash": "2.0.2",
+    "blurhash": "2.0.3",
     "bulma-css-variables": "0.9.33",
     "camel-case": "4.1.2",
     "codemirror": "5.65.9",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1a519ca2..55b5ece5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,7 +30,7 @@ specifiers:
   '@vueuse/router': 9.3.0
   autoprefixer: 10.4.12
   axios: 0.27.2
-  blurhash: 2.0.2
+  blurhash: 2.0.3
   browserslist: 4.21.4
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
@@ -97,7 +97,7 @@ dependencies:
   '@vueuse/core': 9.3.0_vue@3.2.40
   '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
   axios: 0.27.2
-  blurhash: 2.0.2
+  blurhash: 2.0.3
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
   codemirror: 5.65.9
@@ -4148,8 +4148,8 @@ packages:
     resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
     dev: true
 
-  /blurhash/2.0.2:
-    resolution: {integrity: sha512-aYWeITmNkjtnR6X7wNgoIJ198qJc3w5yaIwLa7yxsV7/BMnWDWWgugBNvImSCcWNdVHhpNFIJgEb5jzhV4rkHA==}
+  /blurhash/2.0.3:
+    resolution: {integrity: sha512-nTnJTOheiaV3b189f7rH5AbbrnQB2r3CcOZBg47GUDaE9DrxyBPD2w0HYp4ME2UBlTP7LMIa6nMWqg/58oyIzA==}
     dev: false
 
   /body-parser/1.20.0:

From 367ad1e5a5972ac6ff353275b31f309ebcf5cb4c Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 3 Oct 2022 12:34:29 +0200
Subject: [PATCH 102/187] fix: don't add class method to interface

---
 src/components/tasks/partials/kanban-card.vue | 9 +++------
 src/modelTypes/ITask.ts                       | 2 --
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index b9121ce9..f816f015 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -74,7 +74,8 @@ import User from '../../../components/misc/user.vue'
 import Done from '@/components/misc/Done.vue'
 import Labels from '../../../components/tasks/partials/labels.vue'
 import ChecklistSummary from './checklist-summary.vue'
-import {TASK_DEFAULT_COLOR} from '@/models/task'
+
+import {TASK_DEFAULT_COLOR, getHexColor} from '@/models/task'
 import type {ITask} from '@/modelTypes/ITask'
 
 import {formatDateLong, formatISO, formatDateSince} from '@/helpers/time/formatDate'
@@ -92,11 +93,7 @@ const props = withDefaults(defineProps<{
 	loading: false,
 })
 
-const color = computed(() => {
-	return props.task.getHexColor
-		? props.task.getHexColor()
-		: TASK_DEFAULT_COLOR
-})
+const color = computed(() => getHexColor(props.task.hexColor))
 
 async function toggleTaskDone(task: ITask) {
 	loadingInternal.value = true
diff --git a/src/modelTypes/ITask.ts b/src/modelTypes/ITask.ts
index 80eaad69..6616a680 100644
--- a/src/modelTypes/ITask.ts
+++ b/src/modelTypes/ITask.ts
@@ -47,6 +47,4 @@ export interface ITask extends IAbstract {
 
 	listId: IList['id'] // Meta, only used when creating a new task
 	bucketId: IBucket['id']
-	
-	getHexColor(): string
 }
\ No newline at end of file

From af7f8400e901c2f4d9c5c4cca7614af62892a75e Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 3 Oct 2022 12:35:15 +0200
Subject: [PATCH 103/187] chore: small review adjustments

---
 src/components/tasks/partials/kanban-card.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index f816f015..1ee64f36 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -6,7 +6,7 @@
 			'draggable': !(loadingInternal || loading),
 			'has-light-text': color !== TASK_DEFAULT_COLOR && !colorIsDark(color),
 		}"
-		:style="{'background-color': color !== TASK_DEFAULT_COLOR ? color : false}"
+		:style="{'background-color': color !== TASK_DEFAULT_COLOR ? color : undefined}"
 		@click.exact="openTaskDetail()"
 		@click.ctrl="() => toggleTaskDone(task)"
 		@click.meta="() => toggleTaskDone(task)"
@@ -44,11 +44,11 @@
 			<priority-label :priority="task.priority" :done="task.done"/>
 			<div class="assignees" v-if="task.assignees.length > 0">
 				<user
+					v-for="u in task.assignees"
 					:avatar-size="24"
 					:key="task.id + 'assignee' + u.id"
 					:show-username="false"
 					:user="u"
-					v-for="u in task.assignees"
 				/>
 			</div>
 			<checklist-summary :task="task"/>
@@ -69,10 +69,10 @@
 import {ref, computed} from 'vue'
 import {useRouter} from 'vue-router'
 
-import PriorityLabel from '../../../components/tasks/partials/priorityLabel.vue'
-import User from '../../../components/misc/user.vue'
+import PriorityLabel from '@/components/tasks/partials/priorityLabel.vue'
+import User from '@/components/misc/user.vue'
 import Done from '@/components/misc/Done.vue'
-import Labels from '../../../components/tasks/partials/labels.vue'
+import Labels from '@/components/tasks/partials/labels.vue'
 import ChecklistSummary from './checklist-summary.vue'
 
 import {TASK_DEFAULT_COLOR, getHexColor} from '@/models/task'
@@ -98,10 +98,9 @@ const color = computed(() => getHexColor(props.task.hexColor))
 async function toggleTaskDone(task: ITask) {
 	loadingInternal.value = true
 	try {
-		const done = !task.done
 		await useTaskStore().update({
 			...task,
-			done,
+			done: !task.done,
 		})
 	} finally {
 		loadingInternal.value = false

From 3060d09287680656a14e30e362fe494ea3ce645a Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 13:09:05 +0000
Subject: [PATCH 104/187] fix(deps): update sentry-javascript monorepo to
 v7.14.1 (#2471)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2471
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  4 +--
 pnpm-lock.yaml | 68 +++++++++++++++++++++++++-------------------------
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/package.json b/package.json
index 0b4e2997..b2448633 100644
--- a/package.json
+++ b/package.json
@@ -24,8 +24,8 @@
     "@fortawesome/vue-fontawesome": "3.0.1",
     "@github/hotkey": "2.0.1",
     "@kyvg/vue3-notification": "2.4.1",
-    "@sentry/tracing": "7.14.0",
-    "@sentry/vue": "7.14.0",
+    "@sentry/tracing": "7.14.1",
+    "@sentry/vue": "7.14.1",
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 55b5ece5..af5c5e49 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,8 +11,8 @@ specifiers:
   '@fortawesome/vue-fontawesome': 3.0.1
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1
-  '@sentry/tracing': 7.14.0
-  '@sentry/vue': 7.14.0
+  '@sentry/tracing': 7.14.1
+  '@sentry/vue': 7.14.1
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
@@ -89,8 +89,8 @@ dependencies:
   '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
-  '@sentry/tracing': 7.14.0
-  '@sentry/vue': 7.14.0_vue@3.2.40
+  '@sentry/tracing': 7.14.1
+  '@sentry/vue': 7.14.1_vue@3.2.40
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
@@ -2677,68 +2677,68 @@ packages:
       - zenObservable
     dev: true
 
-  /@sentry/browser/7.14.0:
-    resolution: {integrity: sha512-AdLmqeOXvCVYgJAgMUUby+TRh+yIeZO16NPpZWQPGggXIjnhSzoN4liyXJvQ7Mhm326GboFUKjQwqpCEviQcyg==}
+  /@sentry/browser/7.14.1:
+    resolution: {integrity: sha512-b9nW2+kT9Jl/tfzJmvzpnS6F8ziC62TDx04a7kZDtuaVA5rKKTTlLDg8ZamCRFjjnuwuFhLnzxO34N0KfeTqHg==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/core': 7.14.0
-      '@sentry/types': 7.14.0
-      '@sentry/utils': 7.14.0
+      '@sentry/core': 7.14.1
+      '@sentry/types': 7.14.1
+      '@sentry/utils': 7.14.1
       tslib: 1.14.1
     dev: false
 
-  /@sentry/core/7.14.0:
-    resolution: {integrity: sha512-Hgn7De6CiCFnz868/Lrtei+9rj7/TIwhbDe3J+NeH+2ffXYn4VI8FxrlR/p2XfIq9iCfmG80EQXDtSh+Kh7mOw==}
+  /@sentry/core/7.14.1:
+    resolution: {integrity: sha512-sjk60Gf5o9zynhWe1e0ro9uQO4OrKZ3H9xfgBf2ExgKXeMfKzYp5r2v2OKNevEde36Sr/DzlpiPj8EK67xrWPA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.14.0
-      '@sentry/types': 7.14.0
-      '@sentry/utils': 7.14.0
+      '@sentry/hub': 7.14.1
+      '@sentry/types': 7.14.1
+      '@sentry/utils': 7.14.1
       tslib: 1.14.1
     dev: false
 
-  /@sentry/hub/7.14.0:
-    resolution: {integrity: sha512-O+pxsipeiURC6Mxuivz1pX3yHlkQCI2yjP38bISxUZv1NIijHuxiDmgqrrcCJltiIfyY2+f9LAezKVCAXnPFuw==}
+  /@sentry/hub/7.14.1:
+    resolution: {integrity: sha512-BWh5jUvGmzCsJtYy6EX3qA6gTOxwGhA64IEXHbzwIAnBoG+VWao3addaL77AGR9pIgAqn6ssfkX665OZa+GPGw==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.14.0
-      '@sentry/utils': 7.14.0
+      '@sentry/types': 7.14.1
+      '@sentry/utils': 7.14.1
       tslib: 1.14.1
     dev: false
 
-  /@sentry/tracing/7.14.0:
-    resolution: {integrity: sha512-AtSitQukvU52PsLlYZJ2g2Lhj3VMmy4EwF/OMp8UHCtbJYwTNDF5N4Co0GUwFIs8zdXkIoJD+GMKfsSX1L3NXA==}
+  /@sentry/tracing/7.14.1:
+    resolution: {integrity: sha512-vs/GXOu3RRT9ethdRXdiXmYF11PFViIo70Nt6RWb/vKEykHTQ0Y5IYc3GtU7aC6DKqpJ1xZkNUfgvV/q3he/Eg==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.14.0
-      '@sentry/types': 7.14.0
-      '@sentry/utils': 7.14.0
+      '@sentry/hub': 7.14.1
+      '@sentry/types': 7.14.1
+      '@sentry/utils': 7.14.1
       tslib: 1.14.1
     dev: false
 
-  /@sentry/types/7.14.0:
-    resolution: {integrity: sha512-9iFZS9Hr5hAoL+M9oUH2dY9burOaQh+CHGH66fortuTp++YDWKdbPEeKcz8hRJaUyBBn53rdxiBmAyHsrlE6KA==}
+  /@sentry/types/7.14.1:
+    resolution: {integrity: sha512-PxAfrIwBci6ouHOuRsfVq1B16i92nQNV5IvlqfJIYciazVhDWJvbF52caJAPOFS1WnuQZ4zqBDMYvtnwld3JCA==}
     engines: {node: '>=8'}
     dev: false
 
-  /@sentry/utils/7.14.0:
-    resolution: {integrity: sha512-q9em4ZBcaUk7J1WULiltZVEcbyCE0wwAIjqRaoNmHVe4FeK++uAPo2ULZM1kQgN8syZnQ1jcfLktIKkWfnE2cg==}
+  /@sentry/utils/7.14.1:
+    resolution: {integrity: sha512-CErQFbJMuhnHFKGkfIazQj5ETKoS7hG8PkoQEBt19F5QMh4+sbrJgnpIrIW8fVGtp0qKWKuIxQwD3b+1cFBozA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.14.0
+      '@sentry/types': 7.14.1
       tslib: 1.14.1
     dev: false
 
-  /@sentry/vue/7.14.0_vue@3.2.40:
-    resolution: {integrity: sha512-ka03xD1BAdW1kXdmdDx3lSlzKuJG4GCCec+07IBbqIUpTmDrvPE0a+bSyjN1PPRG8sZgV0V/YN5iSPIuM864tQ==}
+  /@sentry/vue/7.14.1_vue@3.2.40:
+    resolution: {integrity: sha512-6iGzaWUDu4wbuc4RbAaQv4GhMpz/qVcujl72updvsCsLNWl/xa0bAbsy4wtYvafCt/IXEBot6J4RnDe4mNLL2A==}
     engines: {node: '>=8'}
     peerDependencies:
       vue: 2.x || 3.x
     dependencies:
-      '@sentry/browser': 7.14.0
-      '@sentry/core': 7.14.0
-      '@sentry/types': 7.14.0
-      '@sentry/utils': 7.14.0
+      '@sentry/browser': 7.14.1
+      '@sentry/core': 7.14.1
+      '@sentry/types': 7.14.1
+      '@sentry/utils': 7.14.1
       tslib: 1.14.1
       vue: 3.2.40
     dev: false

From c2321703a767395b77523d4551ea508396b7cae8 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 3 Oct 2022 13:10:09 +0000
Subject: [PATCH 105/187] chore: remove unneeded this from PasswordReset.vue
 (#2473)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2473
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/views/user/PasswordReset.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/user/PasswordReset.vue b/src/views/user/PasswordReset.vue
index 4bd2600f..c6b397b8 100644
--- a/src/views/user/PasswordReset.vue
+++ b/src/views/user/PasswordReset.vue
@@ -47,7 +47,7 @@
 			<div class="field is-grouped">
 				<div class="control">
 					<x-button
-						:loading="this.passwordResetService.loading"
+						:loading="passwordResetService.loading"
 						@click="submit"
 					>
 						{{ $t('user.auth.resetPassword') }}

From f1852f1f33401576ae5033f54613c96cd80e0f95 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 3 Oct 2022 13:11:07 +0000
Subject: [PATCH 106/187] fix: attachment deletion (#2472)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2472
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/tasks/partials/attachments.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index caa0d067..5b70d84b 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -214,7 +214,7 @@ async function deleteAttachment() {
 
 	try {
 		const r = await attachmentService.delete(attachmentToDelete.value)
-		attachmentStore.removeById(this.attachmentToDelete.id)
+		attachmentStore.removeById(attachmentToDelete.value.id)
 		success(r)
 		setAttachmentToDelete(null)
 	} catch(e) {

From 12215c043d45d2f2294e65671587a923997e6f6f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Oct 2022 16:10:53 +0200
Subject: [PATCH 107/187] feat: add nix flake for dev shell

---
 .envrc     |  1 +
 .gitignore |  1 +
 flake.lock | 25 +++++++++++++++++++++++++
 flake.nix  | 10 ++++++++++
 4 files changed, 37 insertions(+)
 create mode 100644 .envrc
 create mode 100644 flake.lock
 create mode 100644 flake.nix

diff --git a/.envrc b/.envrc
new file mode 100644
index 00000000..3550a30f
--- /dev/null
+++ b/.envrc
@@ -0,0 +1 @@
+use flake
diff --git a/.gitignore b/.gitignore
index 02a27324..7936c453 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@
 node_modules
 /dist*
 *.zip
+.direnv/
 
 # local env files
 .env.local
diff --git a/flake.lock b/flake.lock
new file mode 100644
index 00000000..35fb2908
--- /dev/null
+++ b/flake.lock
@@ -0,0 +1,25 @@
+{
+  "nodes": {
+    "nixpkgs": {
+      "locked": {
+        "lastModified": 1664753041,
+        "narHash": "sha256-0ogaD8PaGHluARFeupofvk1Nq9gpVeZdlFM0Kcwguys=",
+        "owner": "NixOS",
+        "repo": "nixpkgs",
+        "rev": "a62844b302507c7531ad68a86cb7aa54704c9cb4",
+        "type": "github"
+      },
+      "original": {
+        "id": "nixpkgs",
+        "type": "indirect"
+      }
+    },
+    "root": {
+      "inputs": {
+        "nixpkgs": "nixpkgs"
+      }
+    }
+  },
+  "root": "root",
+  "version": 7
+}
diff --git a/flake.nix b/flake.nix
new file mode 100644
index 00000000..61313256
--- /dev/null
+++ b/flake.nix
@@ -0,0 +1,10 @@
+{
+  description = "Vikunja frontend dev environment";
+
+  outputs = { self, nixpkgs }:
+    let pkgs = nixpkgs.legacyPackages.x86_64-linux;
+    in {
+      defaultPackage.x86_64-linux =
+        pkgs.mkShell { buildInputs = [ pkgs.nodePackages.pnpm pkgs.cypress ]; };
+    };
+}

From 9022954257ef0d65cd58af9e25bfb154809e9455 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 3 Oct 2022 18:03:24 +0000
Subject: [PATCH 108/187] chore(deps): update typescript-eslint monorepo to
 v5.39.0

---
 package.json   |  4 +--
 pnpm-lock.yaml | 90 +++++++++++++++++++++++++-------------------------
 2 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/package.json b/package.json
index b2448633..bdfd5534 100644
--- a/package.json
+++ b/package.json
@@ -70,8 +70,8 @@
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
     "@types/node": "16.11.63",
-    "@typescript-eslint/eslint-plugin": "5.38.1",
-    "@typescript-eslint/parser": "5.38.1",
+    "@typescript-eslint/eslint-plugin": "5.39.0",
+    "@typescript-eslint/parser": "5.39.0",
     "@vitejs/plugin-legacy": "2.2.0",
     "@vitejs/plugin-vue": "3.1.2",
     "@vue/eslint-config-typescript": "11.0.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index af5c5e49..e1d540fb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,8 +19,8 @@ specifiers:
   '@types/lodash.clonedeep': 4.5.7
   '@types/node': 16.11.63
   '@types/sortablejs': 1.15.0
-  '@typescript-eslint/eslint-plugin': 5.38.1
-  '@typescript-eslint/parser': 5.38.1
+  '@typescript-eslint/eslint-plugin': 5.39.0
+  '@typescript-eslint/parser': 5.39.0
   '@vitejs/plugin-legacy': 2.2.0
   '@vitejs/plugin-vue': 3.1.2
   '@vue/eslint-config-typescript': 11.0.2
@@ -135,8 +135,8 @@ devDependencies:
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/node': 16.11.63
-  '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
-  '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
+  '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
+  '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
@@ -3104,8 +3104,8 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.38.1_17e047bdec5ec7c01e9d134b6813cb9c:
-    resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
+  /@typescript-eslint/eslint-plugin/5.39.0_be048b79d04b908735dc19ebba1dbd66:
+    resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -3115,10 +3115,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.39.0
+      '@typescript-eslint/type-utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3130,8 +3130,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.38.1_eslint@8.24.0+typescript@4.8.4:
-    resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
+  /@typescript-eslint/parser/5.39.0_eslint@8.24.0+typescript@4.8.4:
+    resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -3140,9 +3140,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.39.0
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       typescript: 4.8.4
@@ -3150,16 +3150,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.38.1:
-    resolution: {integrity: sha512-BfRDq5RidVU3RbqApKmS7RFMtkyWMM50qWnDAkKgQiezRtLKsoyRKIvz1Ok5ilRWeD9IuHvaidaLxvGx/2eqTQ==}
+  /@typescript-eslint/scope-manager/5.39.0:
+    resolution: {integrity: sha512-/I13vAqmG3dyqMVSZPjsbuNQlYS082Y7OMkwhCfLXYsmlI0ca4nkL7wJ/4gjX70LD4P8Hnw1JywUVVAwepURBw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
-    resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
+  /@typescript-eslint/type-utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+    resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -3168,8 +3168,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3178,13 +3178,13 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.38.1:
-    resolution: {integrity: sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==}
+  /@typescript-eslint/types/5.39.0:
+    resolution: {integrity: sha512-gQMZrnfEBFXK38hYqt8Lkwt8f4U6yq+2H5VDSgP/qiTzC8Nw8JO3OuSUOQ2qW37S/dlwdkHDntkZM6SQhKyPhw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_f1deb5be19df0fe0ff039530117daddf:
-    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
+  /@typescript-eslint/typescript-estree/5.39.0_f1deb5be19df0fe0ff039530117daddf:
+    resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3192,8 +3192,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/visitor-keys': 5.39.0
       debug: 4.3.4_supports-color@9.2.1
       globby: 11.1.0
       is-glob: 4.0.3
@@ -3204,8 +3204,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.4:
-    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
+  /@typescript-eslint/typescript-estree/5.39.0_typescript@4.8.4:
+    resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3213,8 +3213,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/visitor-keys': 5.39.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
@@ -3225,16 +3225,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.38.1_eslint@8.24.0+typescript@4.8.4:
-    resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
+  /@typescript-eslint/utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+    resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.9
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.39.0
+      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
       eslint: 8.24.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.24.0
@@ -3243,11 +3243,11 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.38.1:
-    resolution: {integrity: sha512-bSHr1rRxXt54+j2n4k54p4fj8AHJ49VDWtjpImOpzQj4qjAiOpPni+V1Tyajh19Api1i844F757cur8wH3YvOA==}
+  /@typescript-eslint/visitor-keys/5.39.0:
+    resolution: {integrity: sha512-yyE3RPwOG+XJBLrhvsxAidUgybJVQ/hG8BhiJo0k8JSAYfk/CshVcxf0HwP4Jt7WZZ6vLmxdo1p6EyN3tzFTkg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.38.1
+      '@typescript-eslint/types': 5.39.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -3443,8 +3443,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.38.1_17e047bdec5ec7c01e9d134b6813cb9c
-      '@typescript-eslint/parser': 5.38.1_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
+      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
       eslint: 8.24.0
       eslint-plugin-vue: 9.5.1_eslint@8.24.0
       typescript: 4.8.4
@@ -5560,7 +5560,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
+      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -5572,7 +5572,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_f1deb5be19df0fe0ff039530117daddf
+      '@typescript-eslint/typescript-estree': 5.39.0_f1deb5be19df0fe0ff039530117daddf
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4

From 06c1a548867e37a74a8493bd44fef728e10c658b Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 3 Oct 2022 20:19:35 +0000
Subject: [PATCH 109/187] feat: fancycheckbox script setup (#2462)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2462
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/input/fancycheckbox.vue | 68 ++++++++++++--------------
 1 file changed, 32 insertions(+), 36 deletions(-)

diff --git a/src/components/input/fancycheckbox.vue b/src/components/input/fancycheckbox.vue
index 31380bf9..8c844bd6 100644
--- a/src/components/input/fancycheckbox.vue
+++ b/src/components/input/fancycheckbox.vue
@@ -4,8 +4,9 @@
 			:checked="checked"
 			:disabled="disabled || undefined"
 			:id="checkBoxId"
-			@change="(event) => updateData(event.target.checked)"
-			type="checkbox"/>
+			@change="(event: Event) => updateData((event.target as HTMLInputElement).checked)"
+			type="checkbox"
+		/>
 		<label :for="checkBoxId" class="check">
 			<svg height="18px" viewBox="0 0 18 18" width="18px">
 				<path
@@ -19,47 +20,42 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
+<script setup lang="ts">
+import {ref, toRef, watch} from 'vue'
 
 import {createRandomID} from '@/helpers/randomId'
 
-export default defineComponent({
-	name: 'fancycheckbox',
-	data() {
-		return {
-			checked: false,
-			checkBoxId: `fancycheckbox_${createRandomID()}`,
-		}
-	},
-	props: {
-		modelValue: {
-			required: false,
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-	},
-	emits: ['update:modelValue', 'change'],
-	watch: {
-		modelValue: {
-			handler(modelValue) {
-				this.checked = modelValue
+const checked = ref(false)
+const checkBoxId = `fancycheckbox_${createRandomID()}`
 
-			},
-			immediate: true,
-		},
+const props = defineProps({
+	modelValue: {
+		type: Boolean,
+		required: false,
 	},
-	methods: {
-		updateData(checked: boolean) {
-			this.checked = checked
-			this.$emit('update:modelValue', checked)
-			this.$emit('change', checked)
-		},
+	disabled: {
+		type: Boolean,
+		required: false,
+		default: false,
 	},
 })
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const modelValue = toRef(props, 'modelValue')
+
+watch(
+	modelValue,
+	newValue => {
+		checked.value = newValue
+	},
+	{immediate: true},
+)
+
+function updateData(newChecked: boolean) {
+	checked.value = newChecked
+	emit('update:modelValue', newChecked)
+	emit('change', newChecked)
+}
 </script>
 
 

From 3248dcd6636627548f2df869900a7943c0dde0ba Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Mon, 3 Oct 2022 22:16:19 +0000
Subject: [PATCH 110/187] chore: remove IE edge fallback (#2477)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2477
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/index.html b/index.html
index 4ae9ce80..ddd35968 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 	<title>Vikunja</title>
 	<meta name="description" content="Vikunja (/vɪˈkuːnjə/) - The to-do app to organize your life.">

From bb8ed57b7c3e1a1b03d9b136e4bfba0e30d67fce Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 4 Oct 2022 06:05:41 +0000
Subject: [PATCH 111/187] chore(deps): update dependency @types/node to
 v16.11.64 (#2479)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2479
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index bdfd5534..3c51fd22 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
-    "@types/node": "16.11.63",
+    "@types/node": "16.11.64",
     "@typescript-eslint/eslint-plugin": "5.39.0",
     "@typescript-eslint/parser": "5.39.0",
     "@vitejs/plugin-legacy": "2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e1d540fb..a099fbcb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,7 +17,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
-  '@types/node': 16.11.63
+  '@types/node': 16.11.64
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.39.0
   '@typescript-eslint/parser': 5.39.0
@@ -134,14 +134,14 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
-  '@types/node': 16.11.63
+  '@types/node': 16.11.64
   '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
   '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
   '@vue/test-utils': 2.1.0_vue@3.2.40
-  '@vue/tsconfig': 0.1.3_@types+node@16.11.63
+  '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001414
@@ -1877,7 +1877,7 @@ packages:
       '@netlify/run-utils': 4.0.2
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
-      '@types/node': 16.11.63
+      '@types/node': 16.11.64
       ajv: 8.11.0
       ajv-errors: 3.0.0_ajv@8.11.0
       ansi-escapes: 5.0.0
@@ -1917,7 +1917,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_dc56550ec6039dba9f58bab1c25cdce5
+      ts-node: 10.8.1_56922d2c3e8466316d745c2e9b343672
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -3014,8 +3014,8 @@ packages:
     resolution: {integrity: sha512-zCoCEMA+IPpsRkyCFBqew5vGb7r8RSiB3uwdu/map7uwLAfu1MTazW26/pUDWoNnF88vJz4W3U56i5gtXNqxGg==}
     dev: true
 
-  /@types/node/16.11.63:
-    resolution: {integrity: sha512-3OxnrEQLBz8EIIaHpg3CibmTAEGkDBcHY4fL5cnBwg2vd2yvHrUDGWxK+MlYPeXWWIoJJW79dGtU+oeBr6166Q==}
+  /@types/node/16.11.64:
+    resolution: {integrity: sha512-z5hPTlVFzNwtJ2LNozTpJcD1Cu44c4LNuzaq1mwxmiHWQh2ULdR6Vjwo1UGldzRpzL0yUEdZddnfqGW2G70z6Q==}
     dev: true
 
   /@types/node/17.0.17:
@@ -3524,7 +3524,7 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@vue/tsconfig/0.1.3_@types+node@16.11.63:
+  /@vue/tsconfig/0.1.3_@types+node@16.11.64:
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
       '@types/node': '*'
@@ -3532,7 +3532,7 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 16.11.63
+      '@types/node': 16.11.64
     dev: true
 
   /@vueuse/core/9.3.0_vue@3.2.40:
@@ -12147,7 +12147,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_dc56550ec6039dba9f58bab1c25cdce5:
+  /ts-node/10.8.1_56922d2c3e8466316d745c2e9b343672:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12166,7 +12166,7 @@ packages:
       '@tsconfig/node12': 1.0.9
       '@tsconfig/node14': 1.0.1
       '@tsconfig/node16': 1.0.2
-      '@types/node': 16.11.63
+      '@types/node': 16.11.64
       acorn: 8.8.0
       acorn-walk: 8.2.0
       arg: 4.1.3

From cbec1f24aa263bf2abf5a12225d43dd4bcfa385a Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 4 Oct 2022 07:03:09 +0000
Subject: [PATCH 112/187] chore(deps): update dependency eslint-plugin-vue to
 v9.6.0 (#2480)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2480
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 3c51fd22..bc903fa8 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "cypress": "10.9.0",
     "esbuild": "0.15.10",
     "eslint": "8.24.0",
-    "eslint-plugin-vue": "9.5.1",
+    "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
     "happy-dom": "6.0.4",
     "netlify-cli": "12.0.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a099fbcb..dbe1c5d9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,7 +42,7 @@ specifiers:
   easymde: 2.18.0
   esbuild: 0.15.10
   eslint: 8.24.0
-  eslint-plugin-vue: 9.5.1
+  eslint-plugin-vue: 9.6.0
   express: 4.18.1
   flatpickr: 4.6.13
   flexsearch: 0.7.21
@@ -139,7 +139,7 @@ devDependencies:
   '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_b985cba226e1126d4cc23df4d3ba9cd4
+  '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -148,7 +148,7 @@ devDependencies:
   cypress: 10.9.0
   esbuild: 0.15.10
   eslint: 8.24.0
-  eslint-plugin-vue: 9.5.1_eslint@8.24.0
+  eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
   happy-dom: 6.0.4
   netlify-cli: 12.0.2
@@ -3432,7 +3432,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_b985cba226e1126d4cc23df4d3ba9cd4:
+  /@vue/eslint-config-typescript/11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3446,7 +3446,7 @@ packages:
       '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
       '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
       eslint: 8.24.0
-      eslint-plugin-vue: 9.5.1_eslint@8.24.0
+      eslint-plugin-vue: 9.6.0_eslint@8.24.0
       typescript: 4.8.4
       vue-eslint-parser: 9.0.3_eslint@8.24.0
     transitivePeerDependencies:
@@ -6110,8 +6110,8 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-plugin-vue/9.5.1_eslint@8.24.0:
-    resolution: {integrity: sha512-Y0sL2RY7Xc9S8kNih9lbwHIDmewUg9bfas6WSzsOWRgDXhIHKxRBZYNAnVcXBFfE+bMWHUA5GLChl7TcTYUI8w==}
+  /eslint-plugin-vue/9.6.0_eslint@8.24.0:
+    resolution: {integrity: sha512-zzySkJgVbFCylnG2+9MDF7N+2Rjze2y0bF8GyUNpFOnT8mCMfqqtLDJkHBuYu9N/psW1A6DVbQhPkP92E+qakA==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0

From db627ed28af8432e6971ad08864d11e56d3512c6 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 3 Oct 2022 12:18:20 +0200
Subject: [PATCH 113/187] feat: editor script setup

---
 package.json                    |   1 +
 pnpm-lock.yaml                  | 104 ++++----
 src/components/input/editor.vue | 440 ++++++++++++++++----------------
 src/helpers/markdownRenderer.ts |  15 +-
 src/helpers/randomId.ts         |   2 +-
 src/helpers/time/parseDate.ts   |   2 +-
 src/main.ts                     |   4 +-
 7 files changed, 289 insertions(+), 279 deletions(-)

diff --git a/package.json b/package.json
index bc903fa8..fe50670a 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "@faker-js/faker": "7.5.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
+    "@types/marked": "4.0.7",
     "@types/node": "16.11.64",
     "@typescript-eslint/eslint-plugin": "5.39.0",
     "@typescript-eslint/parser": "5.39.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dbe1c5d9..4ea3178e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -17,6 +17,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
+  '@types/marked': 4.0.7
   '@types/node': 16.11.64
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.39.0
@@ -86,7 +87,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
+  '@fortawesome/vue-fontawesome': 3.0.1_ehtls4nlds6e63ahmro7mfqbhy
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.14.1
@@ -95,7 +96,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.40
-  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
+  '@vueuse/router': 9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u
   axios: 0.27.2
   blurhash: 2.0.3
   bulma-css-variables: 0.9.33
@@ -112,7 +113,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
+  pinia: 2.0.22_bfjwoga25wxjazzogo7o372nwq
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -134,12 +135,13 @@ devDependencies:
   '@faker-js/faker': 7.5.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
+  '@types/marked': 4.0.7
   '@types/node': 16.11.64
-  '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
-  '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+  '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
+  '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
+  '@vue/eslint-config-typescript': 11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -159,12 +161,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.4
+  vite-plugin-pwa: 0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
+  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4
+  workbox-cli: 6.5.4_acorn@8.8.0
 
 packages:
 
@@ -1392,7 +1394,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1445,7 +1447,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1530,7 +1532,7 @@ packages:
       postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
+  /@csstools/selector-specificity/2.0.2_zurzgjffv23ohtxa7nq7nizuja:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1679,7 +1681,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
+  /@fortawesome/vue-fontawesome/3.0.1_ehtls4nlds6e63ahmro7mfqbhy:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1917,7 +1919,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_56922d2c3e8466316d745c2e9b343672
+      ts-node: 10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2605,7 +2607,7 @@ packages:
     resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
     dev: false
 
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
+  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -2989,7 +2991,6 @@ packages:
 
   /@types/marked/4.0.7:
     resolution: {integrity: sha512-eEAhnz21CwvKVW+YvRvcTuFKNU9CV1qH+opcgVK3pIMI6YZzDm6gc8o2vHjldFk6MGKt5pueSB7IOpvpx5Qekw==}
-    dev: false
 
   /@types/minimatch/3.0.5:
     resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
@@ -3104,7 +3105,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_be048b79d04b908735dc19ebba1dbd66:
+  /@typescript-eslint/eslint-plugin/5.39.0_xyciw6oqjoiiono4dhv3uhn5my:
     resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3115,10 +3116,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/type-utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3130,7 +3131,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/parser/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3158,7 +3159,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/type-utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3169,7 +3170,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3183,7 +3184,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_f1deb5be19df0fe0ff039530117daddf:
+  /@typescript-eslint/typescript-estree/5.39.0_6hpllpqz34h6b7ydsuybc7nn34:
     resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3225,7 +3226,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3303,7 +3304,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3432,7 +3433,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb:
+  /@vue/eslint-config-typescript/11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3443,8 +3444,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
-      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
+      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       eslint: 8.24.0
       eslint-plugin-vue: 9.6.0_eslint@8.24.0
       typescript: 4.8.4
@@ -3551,7 +3552,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
+  /@vueuse/router/9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5572,7 +5573,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_f1deb5be19df0fe0ff039530117daddf
+      '@typescript-eslint/typescript-estree': 5.39.0_6hpllpqz34h6b7ydsuybc7nn34
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -10088,7 +10089,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
+  /pinia/2.0.22_bfjwoga25wxjazzogo7o372nwq:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10331,7 +10332,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11047,7 +11048,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11056,7 +11057,9 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
+    transitivePeerDependencies:
+      - acorn
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11938,10 +11941,12 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0:
+  /terser/5.10.0_acorn@8.8.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
+    peerDependencies:
+      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12147,7 +12152,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_56922d2c3e8466316d745c2e9b343672:
+  /ts-node/10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12545,20 +12550,21 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.4:
+  /vite-plugin-pwa/0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
+      workbox-build: ^6.5.4
+      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
       workbox-window: 6.5.4
     transitivePeerDependencies:
-      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12593,12 +12599,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
+  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12912,7 +12918,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4:
+  /workbox-build/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12920,7 +12926,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
+      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12932,7 +12938,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12955,6 +12961,7 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
@@ -12964,7 +12971,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4:
+  /workbox-cli/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12981,9 +12988,10 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
diff --git a/src/components/input/editor.vue b/src/components/input/editor.vue
index fde440b8..d106813c 100644
--- a/src/components/input/editor.vue
+++ b/src/components/input/editor.vue
@@ -4,7 +4,7 @@
 
 		<vue-easymde
 			:configs="config"
-			@change="bubble"
+			@change="() => bubble()"
 			@update:modelValue="handleInput"
 			class="content"
 			v-if="isEditActive"
@@ -66,245 +66,245 @@
 	</div>
 </template>
 
-<script lang="ts">
-import {defineComponent} from 'vue'
+<script setup lang="ts">
+import {computed, nextTick, onMounted, ref, toRefs, watch} from 'vue'
 
 import VueEasymde from './vue-easymde.vue'
 import {marked} from 'marked'
 import DOMPurify from 'dompurify'
-import {setupMarkdownRenderer} from '@/helpers/markdownRenderer'
 
 import {createEasyMDEConfig} from './editorConfig'
 
-import AttachmentModel from '../../models/attachment'
-import AttachmentService from '../../services/attachment'
-import {findCheckboxesInText} from '../../helpers/checklistFromText'
+import AttachmentModel from '@/models/attachment'
+import AttachmentService from '@/services/attachment'
+
+import {setupMarkdownRenderer} from '@/helpers/markdownRenderer'
+import {findCheckboxesInText} from '@/helpers/checklistFromText'
 import {createRandomID} from '@/helpers/randomId'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import ButtonLink from '@/components/misc/ButtonLink.vue'
+import type { IAttachment } from '@/modelTypes/IAttachment'
+import type { ITask } from '@/modelTypes/ITask'
 
-export default defineComponent({
-	name: 'editor',
-	components: {
-		VueEasymde,
-		BaseButton,
-		ButtonLink,
+const props = defineProps({
+	modelValue: {
+		type: String,
+		default: '',
 	},
-	props: {
-		modelValue: {
-			type: String,
-			default: '',
-		},
-		placeholder: {
-			type: String,
-			default: '',
-		},
-		uploadEnabled: {
-			type: Boolean,
-			default: false,
-		},
-		uploadCallback: {
-			type: Function,
-		},
-		hasPreview: {
-			type: Boolean,
-			default: true,
-		},
-		previewIsDefault: {
-			type: Boolean,
-			default: true,
-		},
-		isEditEnabled: {
-			default: true,
-		},
-		bottomActions: {
-			default: () => [],
-		},
-		emptyText: {
-			type: String,
-			default: '',
-		},
-		showSave: {
-			type: Boolean,
-			default: false,
-		},
-		// If a key is passed the editor will go in "edit" mode when the key is pressed.
-		// Disabled if an empty string is passed.
-		editShortcut: {
-			type: String,
-			default: '',
-		},
+	placeholder: {
+		type: String,
+		default: '',
 	},
-	emits: ['update:modelValue'],
-	computed: {
-		showPreviewText() {
-			return this.isPreviewActive && this.text === '' && this.emptyText !== ''
-		},
-		showEditButton() {
-			return !this.isEditActive && this.text !== ''
-		},
+	uploadEnabled: {
+		type: Boolean,
+		default: false,
 	},
-	data() {
-		return {
-			text: '',
-			changeTimeout: null,
-			isEditActive: false,
-			isPreviewActive: true,
-
-			preview: '',
-			attachmentService: null,
-			loadedAttachments: {},
-			config: createEasyMDEConfig({
-				placeholder: this.placeholder,
-				uploadImage: this.uploadEnabled,
-				imageUploadFunction: this.uploadCallback,
-			}),
-			checkboxId: createRandomID(),
-		}
+	uploadCallback: {
+		type: Function,
 	},
-	watch: {
-		modelValue(modelValue) {
-			this.text = modelValue
-			this.$nextTick(this.renderPreview)
-		},
-		text(newVal, oldVal) {
-			// Only bubble the new value if it actually changed, but not if the component just got mounted and the text changed from the outside.
-			if (oldVal === '' && this.text === this.modelValue) {
-				return
-			}
-			this.bubble()
-		},
+	hasPreview: {
+		type: Boolean,
+		default: true,
 	},
-	mounted() {
-		if (this.modelValue !== '') {
-			this.text = this.modelValue
-		}
-
-		if (this.previewIsDefault && this.hasPreview) {
-			this.$nextTick(this.renderPreview)
-			return
-		}
-
-		this.isPreviewActive = false
-		this.isEditActive = true
+	previewIsDefault: {
+		type: Boolean,
+		default: true,
 	},
-	methods: {
-		// This gets triggered when only pasting content into the editor.
-		// A change event would not get generated by that, an input event does.
-		// Therefore, we're using this handler to catch paste events.
-		// But because this also gets triggered when typing into the editor, we give
-		// it a higher timeout to make the timouts cancel each other in that case so
-		// that in the end, only one change event is triggered to the outside per change.
-		handleInput(val) {
-			// Don't bubble if the text is up to date
-			if (val === this.text) {
-				return
-			}
-
-			this.text = val
-			this.bubble(1000)
-		},
-		bubble(timeout = 500) {
-			if (this.changeTimeout !== null) {
-				clearTimeout(this.changeTimeout)
-			}
-
-			this.changeTimeout = setTimeout(() => {
-				this.$emit('update:modelValue', this.text)
-			}, timeout)
-		},
-		replaceAt(str, index, replacement) {
-			return str.substr(0, index) + replacement + str.substr(index + replacement.length)
-		},
-		findNthIndex(str, n) {
-			const checkboxes = findCheckboxesInText(str)
-			return checkboxes[n]
-		},
-		renderPreview() {
-			setupMarkdownRenderer(this.checkboxId)
-
-			this.preview = DOMPurify.sanitize(marked(this.text), {ADD_ATTR: ['target']})
-
-			// Since the render function is synchronous, we can't do async http requests in it.
-			// Therefore, we can't resolve the blob url at (markdown) compile time.
-			// To work around this, we modify the url after rendering it in the vue component.
-			// We're doing the whole thing in the next tick to ensure the image elements are available in the
-			// dom tree. If we're calling this right after setting this.preview it could be the images were
-			// not already made available.
-			// Some docs at https://stackoverflow.com/q/62865160/10924593
-			this.$nextTick(async () => {
-				const attachmentImage = document.getElementsByClassName('attachment-image')
-				if (attachmentImage) {
-					for (const img of attachmentImage) {
-						// The url is something like /tasks/<id>/attachments/<id>
-						const parts = img.dataset.src.substr(window.API_URL.length + 1).split('/')
-						const taskId = parseInt(parts[1])
-						const attachmentId = parseInt(parts[3])
-						const cacheKey = `${taskId}-${attachmentId}`
-
-						if (typeof this.loadedAttachments[cacheKey] !== 'undefined') {
-							img.src = this.loadedAttachments[cacheKey]
-							continue
-						}
-
-						const attachment = new AttachmentModel({taskId: taskId, id: attachmentId})
-
-						if (this.attachmentService === null) {
-							this.attachmentService = new AttachmentService()
-						}
-
-						const url = await this.attachmentService.getBlobUrl(attachment)
-						img.src = url
-						this.loadedAttachments[cacheKey] = url
-					}
-				}
-
-				const textCheckbox = document.getElementsByClassName(`text-checkbox-${this.checkboxId}`)
-				if (textCheckbox) {
-					for (const check of textCheckbox) {
-						check.removeEventListener('change', this.handleCheckboxClick)
-						check.addEventListener('change', this.handleCheckboxClick)
-						check.parentElement.classList.add('has-checkbox')
-					}
-				}
-			})
-		},
-		handleCheckboxClick(e) {
-			// Find the original markdown checkbox this is targeting
-			const checked = e.target.checked
-			const numMarkdownCheck = parseInt(e.target.dataset.checkboxNum)
-
-			const index = this.findNthIndex(this.text, numMarkdownCheck)
-			if (index < 0 || typeof index === 'undefined') {
-				console.debug('no index found')
-				return
-			}
-			console.debug(index, this.text.substr(index, 9))
-
-			const listPrefix = this.text.substr(index, 1)
-
-			if (checked) {
-				this.text = this.replaceAt(this.text, index, `${listPrefix} [x] `)
-			} else {
-				this.text = this.replaceAt(this.text, index, `${listPrefix} [ ] `)
-			}
-			this.bubble()
-			this.renderPreview()
-		},
-		toggleEdit() {
-			if (this.isEditActive) {
-				this.isPreviewActive = true
-				this.isEditActive = false
-				this.renderPreview()
-				this.bubble(0) // save instantly
-			} else {
-				this.isPreviewActive = false
-				this.isEditActive = true
-			}
-		},
+	isEditEnabled: {
+		default: true,
+	},
+	bottomActions: {
+		default: () => [],
+	},
+	emptyText: {
+		type: String,
+		default: '',
+	},
+	showSave: {
+		type: Boolean,
+		default: false,
+	},
+	// If a key is passed the editor will go in "edit" mode when the key is pressed.
+	// Disabled if an empty string is passed.
+	editShortcut: {
+		type: String,
+		default: '',
 	},
 })
+
+const emit = defineEmits(['update:modelValue'])
+
+const text = ref('')
+const changeTimeout = ref<ReturnType<typeof setTimeout> | null>(null)
+const isEditActive = ref(false)
+const isPreviewActive = ref(true)
+
+const showPreviewText = computed(() => isPreviewActive.value && text.value === '' && props.emptyText !== '')
+const showEditButton = computed(() => !isEditActive.value && text.value !== '')
+
+const preview = ref('')
+const attachmentService = new AttachmentService()
+
+type CacheKey = `${ITask['id']}-${IAttachment['id']}`
+const loadedAttachments = ref<{[key: CacheKey]: string}>({})
+const config = ref(createEasyMDEConfig({
+	placeholder: props.placeholder,
+	uploadImage: props.uploadEnabled,
+	imageUploadFunction: props.uploadCallback,
+}))
+
+const checkboxId = ref(createRandomID())
+
+const {modelValue} = toRefs(props)
+
+watch(
+	modelValue,
+	async (value) => {
+		text.value = value
+		await nextTick()
+		renderPreview()
+	},
+)
+
+watch(
+	text,
+	(newVal, oldVal) => {
+		// Only bubble the new value if it actually changed, but not if the component just got mounted and the text changed from the outside.
+		if (oldVal === '' && text.value === modelValue.value) {
+			return
+		}
+		bubble()
+	},
+)
+
+
+onMounted(() => {
+	if (modelValue.value !== '') {
+		text.value = modelValue.value
+	}
+
+	if (props.previewIsDefault && props.hasPreview) {
+		nextTick(() => renderPreview())
+		return
+	}
+
+	isPreviewActive.value = false
+	isEditActive.value = true
+})
+
+
+// This gets triggered when only pasting content into the editor.
+// A change event would not get generated by that, an input event does.
+// Therefore, we're using this handler to catch paste events.
+// But because this also gets triggered when typing into the editor, we give
+// it a higher timeout to make the timouts cancel each other in that case so
+// that in the end, only one change event is triggered to the outside per change.
+function handleInput(val: string) {
+	// Don't bubble if the text is up to date
+	if (val === text.value) {
+		return
+	}
+
+	text.value = val
+	bubble(1000)
+}
+
+function bubble(timeout = 500) {
+	if (changeTimeout.value !== null) {
+		clearTimeout(changeTimeout.value)
+	}
+
+	changeTimeout.value = setTimeout(() => {
+		emit('update:modelValue', text.value)
+	}, timeout)
+}
+
+function replaceAt(str: string, index: number, replacement: string) {
+	return str.slice(0, index) + replacement + str.slice(index + replacement.length)
+}
+
+function findNthIndex(str: string, n: number) {
+	const checkboxes = findCheckboxesInText(str)
+	return checkboxes[n]
+}
+
+function renderPreview() {
+	setupMarkdownRenderer(checkboxId.value)
+
+	preview.value = DOMPurify.sanitize(marked(text.value), {ADD_ATTR: ['target']})
+
+	// Since the render function is synchronous, we can't do async http requests in it.
+	// Therefore, we can't resolve the blob url at (markdown) compile time.
+	// To work around this, we modify the url after rendering it in the vue component.
+	// We're doing the whole thing in the next tick to ensure the image elements are available in the
+	// dom tree. If we're calling this right after setting this.preview it could be the images were
+	// not already made available.
+	// Some docs at https://stackoverflow.com/q/62865160/10924593
+	nextTick().then(async () => {
+		const attachmentImage = document.querySelectorAll<HTMLImageElement>('.attachment-image')
+		if (attachmentImage) {
+			Array.from(attachmentImage).forEach(async (img) => {
+				// The url is something like /tasks/<id>/attachments/<id>
+				const parts = img.dataset.src?.slice(window.API_URL.length + 1).split('/')
+				const taskId = Number(parts[1])
+				const attachmentId = Number(parts[3])
+				const cacheKey: CacheKey = `${taskId}-${attachmentId}`
+
+				if (typeof loadedAttachments.value[cacheKey] !== 'undefined') {
+					img.src = loadedAttachments.value[cacheKey]
+					return
+				}
+
+				const attachment = new AttachmentModel({taskId: taskId, id: attachmentId})
+
+				const url = await attachmentService.getBlobUrl(attachment)
+				img.src = url
+				loadedAttachments.value[cacheKey] = url
+			})
+		}
+
+		const textCheckbox = document.querySelectorAll<HTMLInputElement>(`.text-checkbox-${checkboxId.value}`)
+		if (textCheckbox) {
+			Array.from(textCheckbox).forEach(check => {
+				check.removeEventListener('change', handleCheckboxClick)
+				check.addEventListener('change', handleCheckboxClick)
+				check.parentElement?.classList.add('has-checkbox')
+			})
+		}
+	})
+}
+
+function handleCheckboxClick(e: Event) {
+	// Find the original markdown checkbox this is targeting
+	const checked = (e.target as HTMLInputElement).checked
+	const numMarkdownCheck = Number((e.target as HTMLInputElement).dataset.checkboxNum)
+
+	const index = findNthIndex(text.value, numMarkdownCheck)
+	if (index < 0 || typeof index === 'undefined') {
+		console.debug('no index found')
+		return
+	}
+	console.debug(index, text.value.slice(index, 9))
+
+	const listPrefix = text.value.slice(index, 1)
+
+	text.value = replaceAt(text.value, index, `${listPrefix} ${checked ? '[x]' : '[ ]'} `)
+	bubble()
+	renderPreview()
+}
+
+function toggleEdit() {
+	if (isEditActive.value) {
+		isPreviewActive.value = true
+		isEditActive.value = false
+		renderPreview()
+		bubble(0) // save instantly
+	} else {
+		isPreviewActive.value = false
+		isEditActive.value = true
+	}
+}
 </script>
 
 <style lang="scss">
diff --git a/src/helpers/markdownRenderer.ts b/src/helpers/markdownRenderer.ts
index 4737b665..e3725fd3 100644
--- a/src/helpers/markdownRenderer.ts
+++ b/src/helpers/markdownRenderer.ts
@@ -8,33 +8,34 @@ export function setupMarkdownRenderer(checkboxId: string) {
 	let checkboxNum = -1
 	marked.use({
 		renderer: {
-			image: (src, title, text) => {
+			image(src: string, title: string, text: string) {
 
 				title = title ? ` title="${title}` : ''
 
 				// If the url starts with the api url, the image is likely an attachment and
 				// we'll need to download and parse it properly.
-				if (src.substr(0, window.API_URL.length + 7) === `${window.API_URL}/tasks/`) {
+				if (src.slice(0, window.API_URL.length + 7) === `${window.API_URL}/tasks/`) {
 					return `<img data-src="${src}" alt="${text}" ${title} class="attachment-image"/>`
 				}
 
 				return `<img src="${src}" alt="${text}" ${title}/>`
 			},
-			checkbox: (checked) => {
+			checkbox(checked: boolean) {
+				let checkedString = ''
 				if (checked) {
-					checked = ' checked="checked"'
+					checkedString = 'checked'
 				}
 
 				checkboxNum++
-				return `<input type="checkbox" data-checkbox-num="${checkboxNum}" ${checked} class="text-checkbox-${checkboxId}"/>`
+				return `<input type="checkbox" data-checkbox-num="${checkboxNum}" ${checkedString} class="text-checkbox-${checkboxId}"/>`
 			},
-			link: (href, title, text) => {
+			link(href: string, title: string, text: string) {
 				const isLocal = href.startsWith(`${location.protocol}//${location.hostname}`)
 				const html = linkRenderer.call(renderer, href, title, text)
 				return isLocal ? html : html.replace(/^<a /, '<a target="_blank" rel="noreferrer noopener nofollow" ')
 			},
 		},
-		highlight: function (code, language) {
+		highlight(code, language) {
 			const validLanguage = hljs.getLanguage(language) ? language : 'plaintext'
 			return hljs.highlight(code, {language: validLanguage}).value
 		},
diff --git a/src/helpers/randomId.ts b/src/helpers/randomId.ts
index 3608a165..24d94257 100644
--- a/src/helpers/randomId.ts
+++ b/src/helpers/randomId.ts
@@ -1,5 +1,5 @@
 const DEFAULT_ID_LENGTH = 9
 
 export function createRandomID(idLength = DEFAULT_ID_LENGTH) {
-	return Math.random().toString(36).substr(2, idLength)
+	return Math.random().toString(36).slice(2, idLength)
 }
\ No newline at end of file
diff --git a/src/helpers/time/parseDate.ts b/src/helpers/time/parseDate.ts
index 7d157d25..cc8e2f76 100644
--- a/src/helpers/time/parseDate.ts
+++ b/src/helpers/time/parseDate.ts
@@ -285,7 +285,7 @@ const getDateFromWeekday = (text: string): dateFoundResult => {
 	// matched string comes with a space at the end (last part of the regex).
 	let foundText = results[0]
 	if (foundText.endsWith(' ')) {
-		foundText = foundText.substr(0, foundText.length - 1)
+		foundText = foundText.slice(0, foundText.length - 1)
 	}
 
 	return {
diff --git a/src/main.ts b/src/main.ts
index 6d0dad5c..b32d2066 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -34,8 +34,8 @@ if (apiUrlFromStorage !== null) {
 }
 
 // Make sure the api url does not contain a / at the end
-if (window.API_URL.substr(window.API_URL.length - 1, window.API_URL.length) === '/') {
-	window.API_URL = window.API_URL.substr(0, window.API_URL.length - 1)
+if (window.API_URL.slice(window.API_URL.length - 1, window.API_URL.length) === '/') {
+	window.API_URL = window.API_URL.slice(0, window.API_URL.length - 1)
 }
 
 const app = createApp(App)

From 104fe7433bfac71e5702afd521bb05cdeaaa1c65 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 4 Oct 2022 10:03:39 +0000
Subject: [PATCH 114/187] chore(deps): update pnpm to v7.13.1

---
 package.json   |   2 +-
 pnpm-lock.yaml | 101 +++++++++++++++++++++++--------------------------
 2 files changed, 48 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index fe50670a..1e66dee8 100644
--- a/package.json
+++ b/package.json
@@ -108,5 +108,5 @@
     }
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.13.0"
+  "packageManager": "pnpm@7.13.1"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4ea3178e..2d2e9abc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -87,7 +87,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_ehtls4nlds6e63ahmro7mfqbhy
+  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.14.1
@@ -96,7 +96,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.40
-  '@vueuse/router': 9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u
+  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
   axios: 0.27.2
   blurhash: 2.0.3
   bulma-css-variables: 0.9.33
@@ -113,7 +113,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_bfjwoga25wxjazzogo7o372nwq
+  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -137,11 +137,11 @@ devDependencies:
   '@types/flexsearch': 0.7.3
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
-  '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
-  '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+  '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
+  '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm
+  '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -161,12 +161,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq
+  vite-plugin-pwa: 0.13.1_vite@3.1.4
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
+  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4_acorn@8.8.0
+  workbox-cli: 6.5.4
 
 packages:
 
@@ -1394,7 +1394,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1447,7 +1447,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1532,7 +1532,7 @@ packages:
       postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_zurzgjffv23ohtxa7nq7nizuja:
+  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1681,7 +1681,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_ehtls4nlds6e63ahmro7mfqbhy:
+  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1919,7 +1919,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi
+      ts-node: 10.8.1_56922d2c3e8466316d745c2e9b343672
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2607,7 +2607,7 @@ packages:
     resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
     dev: false
 
-  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
+  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3105,7 +3105,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_xyciw6oqjoiiono4dhv3uhn5my:
+  /@typescript-eslint/eslint-plugin/5.39.0_be048b79d04b908735dc19ebba1dbd66:
     resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3116,10 +3116,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
       '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/type-utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3131,7 +3131,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/parser/5.39.0_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3159,7 +3159,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/type-utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3170,7 +3170,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3184,7 +3184,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_6hpllpqz34h6b7ydsuybc7nn34:
+  /@typescript-eslint/typescript-estree/5.39.0_f1deb5be19df0fe0ff039530117daddf:
     resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3226,7 +3226,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3304,7 +3304,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3433,7 +3433,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm:
+  /@vue/eslint-config-typescript/11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3444,8 +3444,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
-      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
+      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
       eslint: 8.24.0
       eslint-plugin-vue: 9.6.0_eslint@8.24.0
       typescript: 4.8.4
@@ -3552,7 +3552,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u:
+  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5573,7 +5573,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_6hpllpqz34h6b7ydsuybc7nn34
+      '@typescript-eslint/typescript-estree': 5.39.0_f1deb5be19df0fe0ff039530117daddf
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -10089,7 +10089,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_bfjwoga25wxjazzogo7o372nwq:
+  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10332,7 +10332,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11048,7 +11048,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11057,9 +11057,7 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0_acorn@8.8.0
-    transitivePeerDependencies:
-      - acorn
+      terser: 5.10.0
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11941,12 +11939,10 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0_acorn@8.8.0:
+  /terser/5.10.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
-    peerDependencies:
-      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12152,7 +12148,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi:
+  /ts-node/10.8.1_56922d2c3e8466316d745c2e9b343672:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12550,21 +12546,20 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq:
+  /vite-plugin-pwa/0.13.1_vite@3.1.4:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
-      workbox-build: ^6.5.4
-      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
+      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12599,12 +12594,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
+  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12918,7 +12913,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4_acorn@8.8.0:
+  /workbox-build/6.5.4:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12926,7 +12921,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
+      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12938,7 +12933,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12961,7 +12956,6 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 
@@ -12971,7 +12965,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4_acorn@8.8.0:
+  /workbox-cli/6.5.4:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12988,10 +12982,9 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 

From 812f519de9d8923e1bb5428e10834de22ab8de88 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 4 Oct 2022 11:16:44 +0000
Subject: [PATCH 115/187] fix(deps): update dependency vue-advanced-cropper to
 v2.8.6 (#2483)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2483
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 1e66dee8..6d4bffc3 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "ufo": "0.8.5",
     "v-tooltip": "4.0.0-beta.17",
     "vue": "3.2.40",
-    "vue-advanced-cropper": "2.8.5",
+    "vue-advanced-cropper": "2.8.6",
     "vue-drag-resize": "2.0.3",
     "vue-flatpickr-component": "9.0.6",
     "vue-i18n": "9.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2d2e9abc..422d60b0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,7 +72,7 @@ specifiers:
   vite-svg-loader: 3.6.0
   vitest: 0.23.4
   vue: 3.2.40
-  vue-advanced-cropper: 2.8.5
+  vue-advanced-cropper: 2.8.6
   vue-drag-resize: 2.0.3
   vue-flatpickr-component: 9.0.6
   vue-i18n: 9.2.2
@@ -120,7 +120,7 @@ dependencies:
   ufo: 0.8.5
   v-tooltip: 4.0.0-beta.17_vue@3.2.40
   vue: 3.2.40
-  vue-advanced-cropper: 2.8.5_vue@3.2.40
+  vue-advanced-cropper: 2.8.6_vue@3.2.40
   vue-drag-resize: 2.0.3
   vue-flatpickr-component: 9.0.6_vue@3.2.40
   vue-i18n: 9.2.2_vue@3.2.40
@@ -12641,8 +12641,8 @@ packages:
       - terser
     dev: true
 
-  /vue-advanced-cropper/2.8.5_vue@3.2.40:
-    resolution: {integrity: sha512-HgREF1UnvetxIGlWhnSs/GEqlDzJTRkiNhhA29CvoNFdC+LjD6pFnQ0P3K6gVBPkwnC5b1AibffqLN8ucG7OLA==}
+  /vue-advanced-cropper/2.8.6_vue@3.2.40:
+    resolution: {integrity: sha512-R1vkXG/Vam3OEd3vMJsVSJkXUc9ejM9l/NzPcPvkyzKGHwF69c2v1lh2Kqj2A5MCqrTmk76bmzmWFuYj+AcwmA==}
     engines: {node: '>=8', npm: '>=5'}
     peerDependencies:
       vue: ^3.0.0

From f360ebfe9854aeae9cb426c67b1bb48aa74a9c08 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Tue, 4 Oct 2022 11:28:33 +0000
Subject: [PATCH 116/187] feat: use floating-ui (#2482)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2482
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 139 +++++++++++++++++++++++++++----------------------
 src/main.ts    |   5 +-
 3 files changed, 79 insertions(+), 67 deletions(-)

diff --git a/package.json b/package.json
index 6d4bffc3..54edf829 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "easymde": "2.18.0",
     "flatpickr": "4.6.13",
     "flexsearch": "0.7.21",
+    "floating-vue": "2.0.0-beta.20",
     "highlight.js": "11.6.0",
     "is-touch-device": "1.0.1",
     "lodash.clonedeep": "4.5.0",
@@ -52,7 +53,6 @@
     "snake-case": "3.0.4",
     "sortablejs": "1.15.0",
     "ufo": "0.8.5",
-    "v-tooltip": "4.0.0-beta.17",
     "vue": "3.2.40",
     "vue-advanced-cropper": "2.8.6",
     "vue-drag-resize": "2.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 422d60b0..eac2e769 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -47,6 +47,7 @@ specifiers:
   express: 4.18.1
   flatpickr: 4.6.13
   flexsearch: 0.7.21
+  floating-vue: 2.0.0-beta.20
   happy-dom: 6.0.4
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
@@ -66,7 +67,6 @@ specifiers:
   sortablejs: 1.15.0
   typescript: 4.8.4
   ufo: 0.8.5
-  v-tooltip: 4.0.0-beta.17
   vite: 3.1.4
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
@@ -87,7 +87,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
+  '@fortawesome/vue-fontawesome': 3.0.1_ehtls4nlds6e63ahmro7mfqbhy
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.14.1
@@ -96,7 +96,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.40
-  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
+  '@vueuse/router': 9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u
   axios: 0.27.2
   blurhash: 2.0.3
   bulma-css-variables: 0.9.33
@@ -107,18 +107,18 @@ dependencies:
   easymde: 2.18.0
   flatpickr: 4.6.13
   flexsearch: 0.7.21
+  floating-vue: 2.0.0-beta.20_vue@3.2.40
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
+  pinia: 2.0.22_bfjwoga25wxjazzogo7o372nwq
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
   ufo: 0.8.5
-  v-tooltip: 4.0.0-beta.17_vue@3.2.40
   vue: 3.2.40
   vue-advanced-cropper: 2.8.6_vue@3.2.40
   vue-drag-resize: 2.0.3
@@ -137,11 +137,11 @@ devDependencies:
   '@types/flexsearch': 0.7.3
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
-  '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
-  '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+  '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
+  '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
+  '@vue/eslint-config-typescript': 11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -161,12 +161,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.4
+  vite-plugin-pwa: 0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
+  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4
+  workbox-cli: 6.5.4_acorn@8.8.0
 
 packages:
 
@@ -1394,7 +1394,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1447,7 +1447,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1532,7 +1532,7 @@ packages:
       postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
+  /@csstools/selector-specificity/2.0.2_zurzgjffv23ohtxa7nq7nizuja:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1651,6 +1651,16 @@ packages:
     engines: {node: '>=14.0.0', npm: '>=6.0.0'}
     dev: true
 
+  /@floating-ui/core/0.3.1:
+    resolution: {integrity: sha512-ensKY7Ub59u16qsVIFEo2hwTCqZ/r9oZZFh51ivcLGHfUwTn8l1Xzng8RJUe91H/UP8PeqeBronAGx0qmzwk2g==}
+    dev: false
+
+  /@floating-ui/dom/0.1.10:
+    resolution: {integrity: sha512-4kAVoogvQm2N0XE0G6APQJuCNuErjOfPW8Ux7DFxh8+AfugWflwVJ5LDlHOwrwut7z/30NUvdtHzQ3zSip4EzQ==}
+    dependencies:
+      '@floating-ui/core': 0.3.1
+    dev: false
+
   /@fortawesome/fontawesome-common-types/6.2.0:
     resolution: {integrity: sha512-rBevIsj2nclStJ7AxTdfsa3ovHb1H+qApwrxcTVo+NNdeJiB9V75hsKfrkG5AwNcRUNxrPPiScGYCNmLMoh8pg==}
     engines: {node: '>=6'}
@@ -1681,7 +1691,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
+  /@fortawesome/vue-fontawesome/3.0.1_ehtls4nlds6e63ahmro7mfqbhy:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1919,7 +1929,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_56922d2c3e8466316d745c2e9b343672
+      ts-node: 10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2603,11 +2613,7 @@ packages:
       '@octokit/openapi-types': 11.2.0
     dev: true
 
-  /@popperjs/core/2.11.2:
-    resolution: {integrity: sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==}
-    dev: false
-
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
+  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3105,7 +3111,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_be048b79d04b908735dc19ebba1dbd66:
+  /@typescript-eslint/eslint-plugin/5.39.0_xyciw6oqjoiiono4dhv3uhn5my:
     resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3116,10 +3122,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/type-utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3131,7 +3137,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/parser/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3159,7 +3165,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/type-utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3170,7 +3176,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3184,7 +3190,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_f1deb5be19df0fe0ff039530117daddf:
+  /@typescript-eslint/typescript-estree/5.39.0_6hpllpqz34h6b7ydsuybc7nn34:
     resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3226,7 +3232,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
     resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3304,7 +3310,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3433,7 +3439,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb:
+  /@vue/eslint-config-typescript/11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3444,8 +3450,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
-      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
+      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
       eslint: 8.24.0
       eslint-plugin-vue: 9.6.0_eslint@8.24.0
       typescript: 4.8.4
@@ -3552,7 +3558,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
+  /@vueuse/router/9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5573,7 +5579,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_f1deb5be19df0fe0ff039530117daddf
+      '@typescript-eslint/typescript-estree': 5.39.0_6hpllpqz34h6b7ydsuybc7nn34
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -6769,6 +6775,16 @@ packages:
     resolution: {integrity: sha512-W7cHV7Hrwjid6lWmy0IhsWDFQboWSng25U3VVywpHOTJnnAZNPScog67G+cVpeX9f7yDD21ih0WDrMMT+JoaYg==}
     dev: false
 
+  /floating-vue/2.0.0-beta.20_vue@3.2.40:
+    resolution: {integrity: sha512-N68otcpp6WwcYC7zP8GeJqNZVdfvS7tEY88lwmuAHeqRgnfWx1Un8enzLxROyVnBDZ3TwUoUdj5IFg+bUT7JeA==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@floating-ui/dom': 0.1.10
+      vue: 3.2.40
+      vue-resize: 2.0.0-alpha.1_vue@3.2.40
+    dev: false
+
   /flush-write-stream/2.0.0:
     resolution: {integrity: sha512-uXClqPxT4xW0lcdSBheb2ObVU+kuqUk3Jk64EwieirEXZx9XUrVwp/JuBfKAWaM4T5Td/VL7QLDWPXp/MvGm/g==}
     dependencies:
@@ -10089,7 +10105,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
+  /pinia/2.0.22_bfjwoga25wxjazzogo7o372nwq:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10332,7 +10348,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
+      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11048,7 +11064,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11057,7 +11073,9 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
+    transitivePeerDependencies:
+      - acorn
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11939,10 +11957,12 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0:
+  /terser/5.10.0_acorn@8.8.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
+    peerDependencies:
+      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12148,7 +12168,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_56922d2c3e8466316d745c2e9b343672:
+  /ts-node/10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12504,16 +12524,6 @@ packages:
     hasBin: true
     dev: true
 
-  /v-tooltip/4.0.0-beta.17_vue@3.2.40:
-    resolution: {integrity: sha512-d7v/6KEXQOtcj3NT3Z1LpbDv8SBh8JgbsD+3s/zGIGCxiXC2SoVW6wGV4X0MlCo97PiosibcSe+VKbFiy4AKnQ==}
-    peerDependencies:
-      vue: ^3.0.11
-    dependencies:
-      '@popperjs/core': 2.11.2
-      vue: 3.2.40
-      vue-resize: 2.0.0-alpha.1_vue@3.2.40
-    dev: false
-
   /v8-compile-cache-lib/3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
     dev: true
@@ -12546,20 +12556,21 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.4:
+  /vite-plugin-pwa/0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
+      workbox-build: ^6.5.4
+      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
       workbox-window: 6.5.4
     transitivePeerDependencies:
-      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12594,12 +12605,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
+  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12913,7 +12924,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4:
+  /workbox-build/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12921,7 +12932,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
+      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12933,7 +12944,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12956,6 +12967,7 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
@@ -12965,7 +12977,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4:
+  /workbox-cli/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12982,9 +12994,10 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
diff --git a/src/main.ts b/src/main.ts
index b32d2066..356d9b97 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -44,9 +44,8 @@ app.use(Notifications)
 
 // directives
 import focus from '@/directives/focus'
-// @ts-ignore The export does exist, ts just doesn't find it.
-import { VTooltip } from 'v-tooltip'
-import 'v-tooltip/dist/v-tooltip.css'
+import { VTooltip } from 'floating-vue'
+import 'floating-vue/dist/style.css'
 import shortcut from '@/directives/shortcut'
 import cypress from '@/directives/cypress'
 

From 4655e1ce34223337c953ebbe52f94ef811034e6b Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Tue, 4 Oct 2022 12:48:23 +0200
Subject: [PATCH 117/187] feat: update eslint config

support async component, see: https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser
---
 .eslintrc.js => .eslintrc.cjs                  |  7 +++++--
 package.json                                   |  1 +
 pnpm-lock.yaml                                 |  6 ++++++
 src/components/list/partials/filters.vue       |  4 ++--
 src/components/misc/ready.vue                  |  4 ++--
 src/components/tasks/add-task.vue              |  2 +-
 src/components/tasks/gantt-component.vue       | 10 +++++-----
 src/components/tasks/partials/relatedTasks.vue |  2 +-
 src/directives/focus.ts                        |  8 ++++++--
 src/helpers/attachments.ts                     |  6 +++---
 src/helpers/auth.ts                            |  1 -
 src/helpers/calculateItemPosition.ts           | 15 +++++++--------
 src/helpers/objectIsEmpty.ts                   |  2 +-
 src/helpers/redirectToProvider.ts              |  2 +-
 src/helpers/time/parseDate.ts                  | 12 ++++++------
 src/helpers/time/parseDateOrString.ts          |  5 ++---
 src/helpers/utils.ts                           |  2 +-
 src/indexes/index.ts                           |  5 ++---
 src/modelTypes/IList.ts                        |  2 +-
 src/models/list.ts                             |  2 +-
 src/services/abstractService.ts                |  2 +-
 src/views/tasks/TaskDetailView.vue             |  4 ++--
 22 files changed, 57 insertions(+), 47 deletions(-)
 rename .eslintrc.js => .eslintrc.cjs (85%)

diff --git a/.eslintrc.js b/.eslintrc.cjs
similarity index 85%
rename from .eslintrc.js
rename to .eslintrc.cjs
index 01274e10..7ac57269 100644
--- a/.eslintrc.js
+++ b/.eslintrc.cjs
@@ -1,3 +1,6 @@
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution")
+
 module.exports = {
 	'root': true,
 	'env': {
@@ -9,7 +12,7 @@ module.exports = {
 	'extends': [
 		'eslint:recommended',
 		'plugin:vue/vue3-essential',
-		'@vue/typescript',
+		'@vue/eslint-config-typescript/recommended',
 	],
 	'rules': {
 		'vue/html-quotes': [
@@ -28,7 +31,6 @@ module.exports = {
 			'error',
 			'never',
 		],
-		'vue/script-setup-uses-vars': 'error',
 
 		// see https://segmentfault.com/q/1010000040813116/a-1020000041134455 (original in chinese)
 		'no-unused-vars': 'off',
@@ -40,6 +42,7 @@ module.exports = {
 	'parserOptions': {
 		'parser': '@typescript-eslint/parser',
 		'ecmaVersion': 2022,
+		'sourceType': 'module',
 	},
 	'ignorePatterns': [
 		'*.test.*',
diff --git a/package.json b/package.json
index 54edf829..40cc0f95 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "@cypress/vite-dev-server": "3.2.0",
     "@cypress/vue": "4.2.0",
     "@faker-js/faker": "7.5.0",
+    "@rushstack/eslint-patch": "^1.2.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
     "@types/marked": "4.0.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eac2e769..fa10bd51 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,7 @@ specifiers:
   '@fortawesome/vue-fontawesome': 3.0.1
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1
+  '@rushstack/eslint-patch': ^1.2.0
   '@sentry/tracing': 7.14.1
   '@sentry/vue': 7.14.1
   '@types/dompurify': 2.3.4
@@ -133,6 +134,7 @@ devDependencies:
   '@cypress/vite-dev-server': 3.2.0
   '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.40
   '@faker-js/faker': 7.5.0
+  '@rushstack/eslint-patch': 1.2.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/marked': 4.0.7
@@ -2667,6 +2669,10 @@ packages:
       rollup: 2.79.1
     dev: true
 
+  /@rushstack/eslint-patch/1.2.0:
+    resolution: {integrity: sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==}
+    dev: true
+
   /@samverschueren/stream-to-observable/0.3.1_rxjs@6.6.7:
     resolution: {integrity: sha512-c/qwwcHyafOQuVQJj0IlBjf5yYgBI7YPJ77k4fOJYesb41jio65eaJODRUmfYKhTOFBrIZ66kgvGPlNbjuoRdQ==}
     engines: {node: '>=6'}
diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index f02d5a07..0c886b98 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -578,7 +578,7 @@ export default defineComponent({
 				return
 			}
 
-			let ids = []
+			const ids = []
 			this[kind].forEach(u => {
 				ids.push(kind === 'users' ? u.username : u.id)
 			})
@@ -613,7 +613,7 @@ export default defineComponent({
 				return
 			}
 
-			let labelIDs = []
+			const labelIDs = []
 			this.labels.forEach(u => {
 				labelIDs.push(u.id)
 			})
diff --git a/src/components/misc/ready.vue b/src/components/misc/ready.vue
index 2d869b94..d9493c04 100644
--- a/src/components/misc/ready.vue
+++ b/src/components/misc/ready.vue
@@ -75,8 +75,8 @@ async function load() {
 			await router.push(redirectTo)
 		}
 		ready.value = true
-	} catch (e: any) {
-		error.value = e
+	} catch (e: unknown) {
+		error.value = String(e)
 	}
 }
 
diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index cb8f515e..84d1fcc1 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -214,7 +214,7 @@ async function addTask() {
 			return rel
 		})
 		await Promise.all(relations)
-	} catch (e: any) {
+	} catch (e: { message?: string }) {
 		newTaskTitle.value = taskTitleBackup
 		if (e?.message === 'NO_LIST') {
 			errorMessage.value = t('list.create.addListRequired')
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 4955da44..596dae83 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -278,13 +278,13 @@ export default defineComponent({
 		prepareGanttDays() {
 			console.debug('prepareGanttDays; start date: ', this.startDate, 'end date:', this.endDate)
 			// Layout: years => [months => [days]]
-			let years = {}
+			const years = {}
 			for (
 				let d = this.startDate;
 				d <= this.endDate;
 				d.setDate(d.getDate() + 1)
 			) {
-				let date = new Date(d)
+				const date = new Date(d)
 				if (years[date.getFullYear() + ''] === undefined) {
 					years[date.getFullYear() + ''] = {}
 				}
@@ -353,7 +353,7 @@ export default defineComponent({
 
 			const didntHaveDates = newTask.startDate === null ? true : false
 
-			let startDate = new Date(this.startDate)
+			const startDate = new Date(this.startDate)
 			startDate.setDate(
 				startDate.getDate() + newRect.left / this.dayWidth,
 			)
@@ -362,7 +362,7 @@ export default defineComponent({
 			startDate.setUTCSeconds(0)
 			startDate.setUTCMilliseconds(0)
 			newTask.startDate = startDate
-			let endDate = new Date(startDate)
+			const endDate = new Date(startDate)
 			endDate.setDate(
 				startDate.getDate() + newRect.width / this.dayWidth,
 			)
@@ -430,7 +430,7 @@ export default defineComponent({
 			if (!this.newTaskFieldActive) {
 				return
 			}
-			let task = new TaskModel({
+			const task = new TaskModel({
 				title: this.newTaskTitle,
 				listId: this.listId,
 			})
diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index 3d76ebfd..83e9505d 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -348,7 +348,7 @@ async function toggleTaskDone(task: ITask) {
 	
 	// Find the task in the list and update it so that it is correctly strike through
 	Object.entries(relatedTasks.value).some(([kind, tasks]) => {
-		return tasks.some((t, key) => {
+		return (tasks as ITask[]).some((t, key) => {
 			const found = t.id === task.id
 			if (found) {
 				relatedTasks.value[kind as IRelationKind]![key] = task
diff --git a/src/directives/focus.ts b/src/directives/focus.ts
index 10a820dd..52e6d843 100644
--- a/src/directives/focus.ts
+++ b/src/directives/focus.ts
@@ -1,6 +1,8 @@
-export default {
+import type {Directive} from 'vue'
+
+const focus = <Directive<HTMLElement,string>>{
 	// When the bound element is inserted into the DOM...
-	mounted: (el, {modifiers}) => {
+	mounted(el, {modifiers}) {
 		// Focus the element only if the viewport is big enough
 		// auto focusing elements on mobile can be annoying since in these cases the
 		// keyboard always pops up and takes half of the available space on the screen.
@@ -10,3 +12,5 @@ export default {
 		}
 	},
 }
+
+export default focus
\ No newline at end of file
diff --git a/src/helpers/attachments.ts b/src/helpers/attachments.ts
index ce51c203..c8d86f51 100644
--- a/src/helpers/attachments.ts
+++ b/src/helpers/attachments.ts
@@ -4,7 +4,7 @@ import type {IAttachment} from '@/modelTypes/IAttachment'
 import AttachmentService from '@/services/attachment'
 import {useTaskStore} from '@/stores/tasks'
 
-export function uploadFile(taskId: number, file: File, onSuccess: (url: string) => void) {
+export function uploadFile(taskId: number, file: File, onSuccess?: (url: string) => void) {
 	const attachmentService = new AttachmentService()
 	const files = [file]
 
@@ -15,7 +15,7 @@ export async function uploadFiles(
 	attachmentService: AttachmentService,
 	taskId: number,
 	files: File[] | FileList,
-	onSuccess: Function = () => {},
+	onSuccess?: (attachmentUrl: string) => void,
 ) {
 	const attachmentModel = new AttachmentModel({taskId})
 	const response = await attachmentService.create(attachmentModel, files)
@@ -26,7 +26,7 @@ export async function uploadFiles(
 			taskId,
 			attachment,
 		})
-		onSuccess(generateAttachmentUrl(taskId, attachment.id))
+		onSuccess?.(generateAttachmentUrl(taskId, attachment.id))
 	})
 
 	if (response.errors !== null) {
diff --git a/src/helpers/auth.ts b/src/helpers/auth.ts
index 54e1cdb4..878ec443 100644
--- a/src/helpers/auth.ts
+++ b/src/helpers/auth.ts
@@ -45,7 +45,6 @@ export async function refreshToken(persist: boolean): Promise<AxiosResponse> {
 		return response
 
 	} catch(e) {
-		// @ts-ignore
 		throw new Error('Error renewing token: ', { cause: e })
 	}
 }
diff --git a/src/helpers/calculateItemPosition.ts b/src/helpers/calculateItemPosition.ts
index a181adca..9cea6e51 100644
--- a/src/helpers/calculateItemPosition.ts
+++ b/src/helpers/calculateItemPosition.ts
@@ -1,19 +1,18 @@
 export const calculateItemPosition = (positionBefore: number | null, positionAfter: number | null): number => {
-	if (positionBefore === null && positionAfter === null) {
-		return 0
-	}
-
-	// If there is no task before, our task is the first task in which case we let it have half of the position of the task after it
-	if (positionBefore === null && positionAfter !== null) {
+	if (positionBefore === null) {
+		if (positionAfter === null) {
+			return 0
+		}
+		
+		// If there is no task after it, we just add 2^16 to the last position to have enough room in the future
 		return positionAfter / 2
 	}
 	
 	// If there is no task after it, we just add 2^16 to the last position to have enough room in the future
-	if (positionBefore !== null && positionAfter === null) {
+	if (positionAfter === null) {
 		return positionBefore + Math.pow(2, 16)
 	}
 	
 	// If we have both a task before and after it, we acually calculate the position
-	// @ts-ignore - can never be null but TS does not seem to understand that
 	return positionBefore + (positionAfter - positionBefore) / 2
 }
\ No newline at end of file
diff --git a/src/helpers/objectIsEmpty.ts b/src/helpers/objectIsEmpty.ts
index e51e2c4f..30cebc36 100644
--- a/src/helpers/objectIsEmpty.ts
+++ b/src/helpers/objectIsEmpty.ts
@@ -1,5 +1,5 @@
 // https://stackoverflow.com/a/32108184/10924593
-export function objectIsEmpty(obj: any): boolean {
+export function objectIsEmpty(obj: Record<string, unknown>): boolean {
 	return obj
 		&& Object.keys(obj).length === 0
 		&& Object.getPrototypeOf(obj) === Object.prototype
diff --git a/src/helpers/redirectToProvider.ts b/src/helpers/redirectToProvider.ts
index fec8a1eb..d5ca9f35 100644
--- a/src/helpers/redirectToProvider.ts
+++ b/src/helpers/redirectToProvider.ts
@@ -3,7 +3,7 @@ import {parseURL} from 'ufo'
 import {createRandomID} from '@/helpers/randomId'
 import type {IProvider} from '@/types/IProvider'
 
-export const redirectToProvider = (provider: IProvider, redirectUrl: string = '') => {
+export const redirectToProvider = (provider: IProvider, redirectUrl = '') => {
 
 	// We're not using the redirect url provided by the server to allow redirects when using the electron app.
 	// The implications are not quite clear yet hence the logic to pass in another redirect url still exists.
diff --git a/src/helpers/time/parseDate.ts b/src/helpers/time/parseDate.ts
index cc8e2f76..ffab0aa6 100644
--- a/src/helpers/time/parseDate.ts
+++ b/src/helpers/time/parseDate.ts
@@ -125,16 +125,16 @@ const addTimeToDate = (text: string, date: Date, previousMatch: string | null):
 }
 
 export const getDateFromText = (text: string, now: Date = new Date()) => {
-	const fullDateRegex: RegExp = / ([0-9][0-9]?\/[0-9][0-9]?\/[0-9][0-9]([0-9][0-9])?|[0-9][0-9][0-9][0-9]\/[0-9][0-9]?\/[0-9][0-9]?|[0-9][0-9][0-9][0-9]-[0-9][0-9]?-[0-9][0-9]?)/ig
+	const fullDateRegex = / ([0-9][0-9]?\/[0-9][0-9]?\/[0-9][0-9]([0-9][0-9])?|[0-9][0-9][0-9][0-9]\/[0-9][0-9]?\/[0-9][0-9]?|[0-9][0-9][0-9][0-9]-[0-9][0-9]?-[0-9][0-9]?)/ig
 
 	// 1. Try parsing the text as a "usual" date, like 2021-06-24 or 06/24/2021
 	let results: string[] | null = fullDateRegex.exec(text)
 	let result: string | null = results === null ? null : results[0]
 	let foundText: string | null = result
-	let containsYear: boolean = true
+	let containsYear = true
 	if (result === null) {
 		// 2. Try parsing the date as something like "jan 21" or "21 jan"
-		const monthRegex: RegExp = new RegExp(` (${monthsRegexGroup} [0-9][0-9]?|[0-9][0-9]? ${monthsRegexGroup})`, 'ig')
+		const monthRegex = new RegExp(` (${monthsRegexGroup} [0-9][0-9]?|[0-9][0-9]? ${monthsRegexGroup})`, 'ig')
 		results = monthRegex.exec(text)
 		result = results === null ? null : `${results[0]} ${now.getFullYear()}`.trim()
 		foundText = results === null ? '' : results[0].trim()
@@ -142,7 +142,7 @@ export const getDateFromText = (text: string, now: Date = new Date()) => {
 
 		if (result === null) {
 			// 3. Try parsing the date as "27/01" or "01/27"
-			const monthNumericRegex: RegExp = / ([0-9][0-9]?\/[0-9][0-9]?)/ig
+			const monthNumericRegex = / ([0-9][0-9]?\/[0-9][0-9]?)/ig
 			results = monthNumericRegex.exec(text)
 
 			// Put the year before or after the date, depending on what works
@@ -229,7 +229,7 @@ export const getDateFromTextIn = (text: string, now: Date = new Date()) => {
 }
 
 const getDateFromWeekday = (text: string): dateFoundResult => {
-	const matcher: RegExp = / (next )?(monday|mon|tuesday|tue|wednesday|wed|thursday|thu|friday|fri|saturday|sat|sunday|sun)($| )/g
+	const matcher = / (next )?(monday|mon|tuesday|tue|wednesday|wed|thursday|thu|friday|fri|saturday|sat|sunday|sun)($| )/g
 	const results: string[] | null = matcher.exec(text.toLowerCase()) // The i modifier does not seem to work.
 	if (results === null) {
 		return {
@@ -240,7 +240,7 @@ const getDateFromWeekday = (text: string): dateFoundResult => {
 
 	const date: Date = new Date()
 	const currentDay: number = date.getDay()
-	let day: number = 0
+	let day = 0
 
 	switch (results[2]) {
 		case 'mon':
diff --git a/src/helpers/time/parseDateOrString.ts b/src/helpers/time/parseDateOrString.ts
index 1aeeb115..13945570 100644
--- a/src/helpers/time/parseDateOrString.ts
+++ b/src/helpers/time/parseDateOrString.ts
@@ -1,12 +1,11 @@
-export function parseDateOrString(rawValue: string | undefined, fallback: any): string | Date {
+export function parseDateOrString(rawValue: string | undefined, fallback: unknown) {
 	if (typeof rawValue === 'undefined') {
 		return fallback
 	}
 
 	const d = new Date(rawValue)
 
-	// @ts-ignore if rawValue is an invalid date, isNan will return false.
-	return !isNaN(d)
+	return !isNaN(+d)
 		? d
 		: rawValue
 }
diff --git a/src/helpers/utils.ts b/src/helpers/utils.ts
index e03c7f94..e9000d4b 100644
--- a/src/helpers/utils.ts
+++ b/src/helpers/utils.ts
@@ -15,7 +15,7 @@ export function isNil(value: unknown) {
 	return value == null
 }
 
-export function omitBy(obj: {}, check: (value: unknown) => boolean) {
+export function omitBy(obj: Record<string, unknown>, check: (value: unknown) => boolean) {
 	if (isNil(obj)) {
 		return {}
 	}
diff --git a/src/indexes/index.ts b/src/indexes/index.ts
index 14709cad..3de83dea 100644
--- a/src/indexes/index.ts
+++ b/src/indexes/index.ts
@@ -31,15 +31,14 @@ export const createNewIndexer = (name: string, fieldsToIndex: string[]) => {
 		return index.update(item.id, item)
 	}
 
-	function search(query: string | null): number[] | null {
+	function search(query: string | null) {
 		if (query === '' || query === null) {
 			return null
 		}
 
-		// @ts-ignore
 		return index.search(query)
 				?.flatMap(r => r.result)
-				.filter((value, index, self) => self.indexOf(value) === index)
+				.filter((value, index, self) => self.indexOf(value) === index) as number[]
 			|| null
 	}
 
diff --git a/src/modelTypes/IList.ts b/src/modelTypes/IList.ts
index c51633b5..9e0c84e9 100644
--- a/src/modelTypes/IList.ts
+++ b/src/modelTypes/IList.ts
@@ -15,7 +15,7 @@ export interface IList extends IAbstract {
 	isArchived: boolean
 	hexColor: string
 	identifier: string
-	backgroundInformation: any // FIXME: improve type
+	backgroundInformation: unknown | null // FIXME: improve type
 	isFavorite: boolean
 	subscription: ISubscription
 	position: number
diff --git a/src/models/list.ts b/src/models/list.ts
index a9b834d5..57f233cb 100644
--- a/src/models/list.ts
+++ b/src/models/list.ts
@@ -19,7 +19,7 @@ export default class ListModel extends AbstractModel<IList> implements IList {
 	isArchived = false
 	hexColor = ''
 	identifier = ''
-	backgroundInformation: any = null
+	backgroundInformation: unknown | null = null
 	isFavorite = false
 	subscription: ISubscription = null
 	position = 0
diff --git a/src/services/abstractService.ts b/src/services/abstractService.ts
index 11aede34..a2e7563f 100644
--- a/src/services/abstractService.ts
+++ b/src/services/abstractService.ts
@@ -149,7 +149,7 @@ export default abstract class AbstractService<Model extends IAbstract = IAbstrac
 	/**
 	 * Returns a fully-ready-ready-to-make-a-request-to route with replaced parameters.
 	 */
-	getReplacedRoute(path : string, pathparams : {}) : string {
+	getReplacedRoute(path : string, pathparams : Record<string, unknown>) : string {
 		const replacements = this.getRouteReplacements(path, pathparams)
 		return Object.entries(replacements).reduce(
 			(result, [parameter, value]) => result.replace(parameter, value as string),
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index beb9f454..345fa654 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -562,8 +562,8 @@ const hasAttachments = computed(() => attachmentStore.attachments.length > 0)
 // HACK:
 const shouldShowClosePopup = computed(() => (route.name as string).includes('kanban'))
 
-function attachmentUpload(...args: any[]) {
-	return uploadFile(taskId.value, ...args)
+function attachmentUpload(file: File, onSuccess?: (url: string) => void) {
+	return uploadFile(taskId.value, file, onSuccess)
 }
 
 const heading = ref<HTMLElement | null>(null)

From c206fc6f3462be2e0ebc0bd16d96b3c0099fdda1 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Tue, 4 Oct 2022 12:10:12 +0000
Subject: [PATCH 118/187] feat: move composables in separate files (#2485)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2485
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/home/contentAuth.vue     | 96 ++-----------------------
 src/composables/useRenewTokenOnFocus.ts | 40 +++++++++++
 src/composables/useRouteWithModal.ts    | 54 ++++++++++++++
 src/stores/base.ts                      |  9 +--
 4 files changed, 106 insertions(+), 93 deletions(-)
 create mode 100644 src/composables/useRenewTokenOnFocus.ts
 create mode 100644 src/composables/useRouteWithModal.ts

diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index 3396be57..616c17df 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -60,65 +60,18 @@
 </template>
 
 <script lang="ts" setup>
-import {watch, computed, shallowRef, watchEffect, type VNode, h} from 'vue'
-import {useBaseStore} from '@/stores/base'
-import {useRoute, useRouter} from 'vue-router'
-import {useEventListener} from '@vueuse/core'
+import {watch, computed} from 'vue'
+import {useRoute} from 'vue-router'
 
-import {useLabelStore} from '@/stores/labels'
 import Navigation from '@/components/home/navigation.vue'
 import QuickActions from '@/components/quick-actions/quick-actions.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
-import {useAuthStore} from '@/stores/auth'
 
-function useRouteWithModal() {
-	const router = useRouter()
-	const route = useRoute()
-	const backdropView = computed(() => route.fullPath && window.history.state.backdropView)
+import {useBaseStore} from '@/stores/base'
+import {useLabelStore} from '@/stores/labels'
 
-	const routeWithModal = computed(() => {
-		return backdropView.value
-			? router.resolve(backdropView.value)
-			: route
-	})
-
-	const currentModal = shallowRef<VNode>()
-	watchEffect(() => {
-		if (!backdropView.value) {
-			currentModal.value = undefined
-			return
-		}
-
-		// logic from vue-router
-		// https://github.com/vuejs/vue-router-next/blob/798cab0d1e21f9b4d45a2bd12b840d2c7415f38a/src/RouterView.ts#L125
-		const routePropsOption = route.matched[0]?.props.default
-		const routeProps = routePropsOption
-			? routePropsOption === true
-				? route.params
-				: typeof routePropsOption === 'function'
-					? routePropsOption(route)
-					: routePropsOption
-			: null
-
-		currentModal.value = h(
-			route.matched[0]?.components.default,
-			routeProps,
-		)
-	})
-
-	function closeModal() {
-		const historyState = computed(() => route.fullPath && window.history.state)
-
-		if (historyState.value) {
-			router.back()
-		} else {
-			const backdropRoute = historyState.value?.backdropView && router.resolve(historyState.value.backdropView)
-			router.push(backdropRoute)
-		}
-	}
-
-	return {routeWithModal, currentModal, closeModal}
-}
+import {useRouteWithModal} from '@/composables/useRouteWithModal'
+import {useRenewTokenOnFocus} from '@/composables/useRenewTokenOnFocus'
 
 const {routeWithModal, currentModal, closeModal} = useRouteWithModal()
 
@@ -162,43 +115,8 @@ watch(() => route.name as string, (routeName) => {
 
 // TODO: Reset the title if the page component does not set one itself
 
-function useRenewTokenOnFocus() {
-	const router = useRouter()
-	const authStore = useAuthStore()
-
-
-	const userInfo = computed(() => authStore.info)
-	const authenticated = computed(() => authStore.authenticated)
-
-	// Try renewing the token every time vikunja is loaded initially
-	// (When opening the browser the focus event is not fired)
-	authStore.renewToken()
-
-	// Check if the token is still valid if the window gets focus again to maybe renew it
-	useEventListener('focus', () => {
-		if (!authenticated.value) {
-			return
-		}
-
-		const expiresIn = (userInfo.value !== null ? userInfo.value.exp : 0) - +new Date() / 1000
-
-		// If the token expiry is negative, it is already expired and we have no choice but to redirect
-		// the user to the login page
-		if (expiresIn < 0) {
-			authStore.checkAuth()
-			router.push({name: 'user.login'})
-			return
-		}
-
-		// Check if the token is valid for less than 60 hours and renew if thats the case
-		if (expiresIn < 60 * 3600) {
-			authStore.renewToken()
-			console.debug('renewed token')
-		}
-	})
-}
-
 useRenewTokenOnFocus()
+
 const labelStore = useLabelStore()
 labelStore.loadAllLabels()
 </script>
diff --git a/src/composables/useRenewTokenOnFocus.ts b/src/composables/useRenewTokenOnFocus.ts
new file mode 100644
index 00000000..06305984
--- /dev/null
+++ b/src/composables/useRenewTokenOnFocus.ts
@@ -0,0 +1,40 @@
+import {computed} from 'vue'
+import {useRouter} from 'vue-router'
+import {useEventListener} from '@vueuse/core'
+
+import {useAuthStore} from '@/stores/auth'
+
+export function useRenewTokenOnFocus() {
+	const router = useRouter()
+	const authStore = useAuthStore()
+
+	const userInfo = computed(() => authStore.info)
+	const authenticated = computed(() => authStore.authenticated)
+
+	// Try renewing the token every time vikunja is loaded initially
+	// (When opening the browser the focus event is not fired)
+	authStore.renewToken()
+
+	// Check if the token is still valid if the window gets focus again to maybe renew it
+	useEventListener('focus', () => {
+		if (!authenticated.value) {
+			return
+		}
+
+		const expiresIn = (userInfo.value !== null ? userInfo.value.exp : 0) - +new Date() / 1000
+
+		// If the token expiry is negative, it is already expired and we have no choice but to redirect
+		// the user to the login page
+		if (expiresIn < 0) {
+			authStore.checkAuth()
+			router.push({name: 'user.login'})
+			return
+		}
+
+		// Check if the token is valid for less than 60 hours and renew if thats the case
+		if (expiresIn < 60 * 3600) {
+			authStore.renewToken()
+			console.debug('renewed token')
+		}
+	})
+}
\ No newline at end of file
diff --git a/src/composables/useRouteWithModal.ts b/src/composables/useRouteWithModal.ts
new file mode 100644
index 00000000..c7ff4598
--- /dev/null
+++ b/src/composables/useRouteWithModal.ts
@@ -0,0 +1,54 @@
+import { computed, shallowRef, watchEffect, h, type VNode } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+export function useRouteWithModal() {
+	const router = useRouter()
+	const route = useRoute()
+	const backdropView = computed(() => route.fullPath && window.history.state.backdropView)
+
+	const routeWithModal = computed(() => {
+		return backdropView.value
+			? router.resolve(backdropView.value)
+			: route
+	})
+
+	const currentModal = shallowRef<VNode>()
+	watchEffect(() => {
+		if (!backdropView.value) {
+			currentModal.value = undefined
+			return
+		}
+
+		// logic from vue-router
+		// https://github.com/vuejs/vue-router-next/blob/798cab0d1e21f9b4d45a2bd12b840d2c7415f38a/src/RouterView.ts#L125
+		const routePropsOption = route.matched[0]?.props.default
+		const routeProps = routePropsOption
+			? routePropsOption === true
+				? route.params
+				: typeof routePropsOption === 'function'
+					? routePropsOption(route)
+					: routePropsOption
+			: null
+
+		const component = route.matched[0]?.components?.default
+
+		if (!component) {
+			currentModal.value = undefined
+			return
+		}
+		currentModal.value = h(component, routeProps)
+	})
+
+	function closeModal() {
+		const historyState = computed(() => route.fullPath && window.history.state)
+
+		if (historyState.value) {
+			router.back()
+		} else {
+			const backdropRoute = historyState.value?.backdropView && router.resolve(historyState.value.backdropView)
+			router.push(backdropRoute)
+		}
+	}
+
+	return {routeWithModal, currentModal, closeModal}
+}
\ No newline at end of file
diff --git a/src/stores/base.ts b/src/stores/base.ts
index 2e5702b6..83be6413 100644
--- a/src/stores/base.ts
+++ b/src/stores/base.ts
@@ -12,7 +12,7 @@ import type {IList} from '@/modelTypes/IList'
 export interface RootStoreState {
 	loading: boolean,
 
-	currentList: IList,
+	currentList: IList | null,
 	background: string,
 	blurHash: string,
 
@@ -47,12 +47,13 @@ export const useBaseStore = defineStore('base', {
 			this.loading = loading
 		},
 
-		setCurrentList(currentList: IList) {
+		setCurrentList(currentList: IList | null) {
 			// Server updates don't return the right. Therefore, the right is reset after updating the list which is
 			// confusing because all the buttons will disappear in that case. To prevent this, we're keeping the right
 			// when updating the list in global state.
 			if (
-				typeof this.currentList.maxRight !== 'undefined' &&
+				typeof this.currentList?.maxRight !== 'undefined' &&
+				currentList !== null &&
 				(
 					typeof currentList.maxRight === 'undefined' ||
 					currentList.maxRight === null
@@ -95,7 +96,7 @@ export const useBaseStore = defineStore('base', {
 			this.logoVisible = visible
 		},
 
-		async handleSetCurrentList({list, forceUpdate = false} : {list: IList, forceUpdate: boolean}) {
+		async handleSetCurrentList({list, forceUpdate = false} : {list: IList | null, forceUpdate: boolean}) {
 			if (list === null) {
 				this.setCurrentList({})
 				this.setBackground('')

From 114724faaa0cc98db0c5ff7f37d39c7734173e55 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 4 Oct 2022 12:23:55 +0000
Subject: [PATCH 119/187] chore(deps): pin dependency @rushstack/eslint-patch
 to 1.2.0 (#2486)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2486
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 103 +++++++++++++++++++++++--------------------------
 2 files changed, 49 insertions(+), 56 deletions(-)

diff --git a/package.json b/package.json
index 40cc0f95..10ab52db 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
     "@cypress/vite-dev-server": "3.2.0",
     "@cypress/vue": "4.2.0",
     "@faker-js/faker": "7.5.0",
-    "@rushstack/eslint-patch": "^1.2.0",
+    "@rushstack/eslint-patch": "1.2.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
     "@types/marked": "4.0.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fa10bd51..5cec9fc4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -11,7 +11,7 @@ specifiers:
   '@fortawesome/vue-fontawesome': 3.0.1
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1
-  '@rushstack/eslint-patch': ^1.2.0
+  '@rushstack/eslint-patch': 1.2.0
   '@sentry/tracing': 7.14.1
   '@sentry/vue': 7.14.1
   '@types/dompurify': 2.3.4
@@ -88,7 +88,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_ehtls4nlds6e63ahmro7mfqbhy
+  '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
   '@sentry/tracing': 7.14.1
@@ -97,7 +97,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.0_vue@3.2.40
-  '@vueuse/router': 9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u
+  '@vueuse/router': 9.3.0_vue-router@4.1.5+vue@3.2.40
   axios: 0.27.2
   blurhash: 2.0.3
   bulma-css-variables: 0.9.33
@@ -115,7 +115,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_bfjwoga25wxjazzogo7o372nwq
+  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -139,11 +139,11 @@ devDependencies:
   '@types/flexsearch': 0.7.3
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
-  '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
-  '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+  '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
+  '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm
+  '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -163,12 +163,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq
+  vite-plugin-pwa: 0.13.1_vite@3.1.4
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_3xefwc32pczm7lqclshbnn7wau
+  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4_acorn@8.8.0
+  workbox-cli: 6.5.4
 
 packages:
 
@@ -1396,7 +1396,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1449,7 +1449,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1534,7 +1534,7 @@ packages:
       postcss: 8.4.17
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_zurzgjffv23ohtxa7nq7nizuja:
+  /@csstools/selector-specificity/2.0.2_cd239324a5aeb6e3cee0fb61f6a33448:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1693,7 +1693,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_ehtls4nlds6e63ahmro7mfqbhy:
+  /@fortawesome/vue-fontawesome/3.0.1_21e6b971ab1cbc4f6c07645df616013e:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1931,7 +1931,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi
+      ts-node: 10.8.1_56922d2c3e8466316d745c2e9b343672
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2615,7 +2615,7 @@ packages:
       '@octokit/openapi-types': 11.2.0
     dev: true
 
-  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
+  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3117,7 +3117,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_xyciw6oqjoiiono4dhv3uhn5my:
+  /@typescript-eslint/eslint-plugin/5.39.0_be048b79d04b908735dc19ebba1dbd66:
     resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3128,10 +3128,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
       '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/type-utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       ignore: 5.2.0
@@ -3143,7 +3143,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/parser/5.39.0_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3171,7 +3171,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/type-utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3182,7 +3182,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.24.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3196,7 +3196,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_6hpllpqz34h6b7ydsuybc7nn34:
+  /@typescript-eslint/typescript-estree/5.39.0_f1deb5be19df0fe0ff039530117daddf:
     resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3238,7 +3238,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_ypn2ylkkyfa5i233caldtndbqa:
+  /@typescript-eslint/utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
     resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3316,7 +3316,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3445,7 +3445,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_vnnms2vwgxhb7jv3u2ncwd7xzm:
+  /@vue/eslint-config-typescript/11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3456,8 +3456,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.39.0_xyciw6oqjoiiono4dhv3uhn5my
-      '@typescript-eslint/parser': 5.39.0_ypn2ylkkyfa5i233caldtndbqa
+      '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
+      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
       eslint: 8.24.0
       eslint-plugin-vue: 9.6.0_eslint@8.24.0
       typescript: 4.8.4
@@ -3564,7 +3564,7 @@ packages:
     resolution: {integrity: sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==}
     dev: false
 
-  /@vueuse/router/9.3.0_c7eza3xvlyb4mo6qeit5ggeo6u:
+  /@vueuse/router/9.3.0_vue-router@4.1.5+vue@3.2.40:
     resolution: {integrity: sha512-UFN2MFciprH21oYsAgNHeDJ4Bd86HpRm9gximSN8j6h4fc2aa62fvfhprfHqdTxYAcgcGkMwcc9TO75jOvr8gg==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5585,7 +5585,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_6hpllpqz34h6b7ydsuybc7nn34
+      '@typescript-eslint/typescript-estree': 5.39.0_f1deb5be19df0fe0ff039530117daddf
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -10111,7 +10111,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_bfjwoga25wxjazzogo7o372nwq:
+  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
     resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10354,7 +10354,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_zurzgjffv23ohtxa7nq7nizuja
+      '@csstools/selector-specificity': 2.0.2_cd239324a5aeb6e3cee0fb61f6a33448
       postcss: 8.4.17
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11070,7 +11070,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11079,9 +11079,7 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0_acorn@8.8.0
-    transitivePeerDependencies:
-      - acorn
+      terser: 5.10.0
     dev: true
 
   /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
@@ -11963,12 +11961,10 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0_acorn@8.8.0:
+  /terser/5.10.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
-    peerDependencies:
-      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12174,7 +12170,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_k2jc2lb6qrtdc3lulqxjwnbwoi:
+  /ts-node/10.8.1_56922d2c3e8466316d745c2e9b343672:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12562,21 +12558,20 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_bhe5iaipiq3lmbaxwdxgnnn2gq:
+  /vite-plugin-pwa/0.13.1_vite@3.1.4:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
-      workbox-build: ^6.5.4
-      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.4_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
+      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12611,12 +12606,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0_acorn@8.8.0
+      terser: 5.10.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_3xefwc32pczm7lqclshbnn7wau:
+  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12930,7 +12925,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4_acorn@8.8.0:
+  /workbox-build/6.5.4:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12938,7 +12933,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
+      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12950,7 +12945,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12973,7 +12968,6 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 
@@ -12983,7 +12977,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4_acorn@8.8.0:
+  /workbox-cli/6.5.4:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -13000,10 +12994,9 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4_acorn@8.8.0
+      workbox-build: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
-      - acorn
       - supports-color
     dev: true
 

From 00e0a23d48c19c440aea7857c8b162a0dfa34361 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Tue, 4 Oct 2022 17:54:55 +0000
Subject: [PATCH 120/187] fix: add lodash.debounce types (#2487)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2487
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 package.json   | 1 +
 pnpm-lock.yaml | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 10ab52db..86f8aa52 100644
--- a/package.json
+++ b/package.json
@@ -70,6 +70,7 @@
     "@rushstack/eslint-patch": "1.2.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
+    "@types/lodash.debounce": "^4.0.7",
     "@types/marked": "4.0.7",
     "@types/node": "16.11.64",
     "@typescript-eslint/eslint-plugin": "5.39.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5cec9fc4..e6fde3c8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,6 +18,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
+  '@types/lodash.debounce': ^4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
   '@types/sortablejs': 1.15.0
@@ -137,6 +138,7 @@ devDependencies:
   '@rushstack/eslint-patch': 1.2.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
+  '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
   '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
@@ -2997,9 +2999,14 @@ packages:
       '@types/lodash': 4.14.185
     dev: false
 
+  /@types/lodash.debounce/4.0.7:
+    resolution: {integrity: sha512-X1T4wMZ+gT000M2/91SYj0d/7JfeNZ9PeeOldSNoE/lunLeQXKvkmIumI29IaKMotU/ln/McOIvgzZcQ/3TrSA==}
+    dependencies:
+      '@types/lodash': 4.14.185
+    dev: true
+
   /@types/lodash/4.14.185:
     resolution: {integrity: sha512-evMDG1bC4rgQg4ku9tKpuMh5iBNEwNa3tf9zRHdP1qlv+1WUg44xat4IxCE14gIpZRGUUWAx2VhItCZc25NfMA==}
-    dev: false
 
   /@types/marked/4.0.7:
     resolution: {integrity: sha512-eEAhnz21CwvKVW+YvRvcTuFKNU9CV1qH+opcgVK3pIMI6YZzDm6gc8o2vHjldFk6MGKt5pueSB7IOpvpx5Qekw==}

From e2f02cfc61868a8dc9180ff617fefae5c79237a3 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 4 Oct 2022 18:25:43 +0000
Subject: [PATCH 121/187] chore(deps): pin dependency @types/lodash.debounce to
 4.0.7 (#2488)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2488
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 86f8aa52..c8d22088 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@rushstack/eslint-patch": "1.2.0",
     "@types/dompurify": "2.3.4",
     "@types/flexsearch": "0.7.3",
-    "@types/lodash.debounce": "^4.0.7",
+    "@types/lodash.debounce": "4.0.7",
     "@types/marked": "4.0.7",
     "@types/node": "16.11.64",
     "@typescript-eslint/eslint-plugin": "5.39.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e6fde3c8..46bef1be 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,7 +18,7 @@ specifiers:
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
-  '@types/lodash.debounce': ^4.0.7
+  '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
   '@types/sortablejs': 1.15.0

From eae7cc5a6b506cbbbe694b831cba7c5d1febaf05 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Tue, 4 Oct 2022 19:41:41 +0000
Subject: [PATCH 122/187] fix: initial modal scroll lock (#2489)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2489
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 src/components/misc/modal.vue | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/misc/modal.vue b/src/components/misc/modal.vue
index 5095b0a7..3ba34cd3 100644
--- a/src/components/misc/modal.vue
+++ b/src/components/misc/modal.vue
@@ -71,10 +71,9 @@ export default {
 
 <script lang="ts" setup>
 import BaseButton from '@/components/base/BaseButton.vue'
-import {onUnmounted, ref, useAttrs, watch} from 'vue'
+import {ref, useAttrs, watchEffect} from 'vue'
 import {useScrollLock} from '@vueuse/core'
 
-
 const props = withDefaults(defineProps<{
 	enabled?: boolean,
 	overflow?: boolean,
@@ -94,14 +93,9 @@ const attrs = useAttrs()
 const modal = ref<HTMLElement | null>(null)
 const scrollLock = useScrollLock(modal)
 
-watch(
-	() => props.enabled,
-	enabled => {
-		scrollLock.value = enabled
-	},
-)
-
-onUnmounted(() => scrollLock.value = false)
+watchEffect(() => {
+	scrollLock.value = props.enabled
+})
 </script>
 
 <style lang="scss" scoped>

From 3d88fdaaddca15b98efa938f0b2813420d56ad84 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 2 Oct 2022 13:01:29 +0200
Subject: [PATCH 123/187] feat: add display of kanban card attachment image

---
 src/components/tasks/partials/attachments.vue |   5 +-
 src/components/tasks/partials/kanban-card.vue | 134 +++++++++++-------
 src/modelTypes/ITask.ts                       |   6 +-
 src/models/attachment.ts                      |   2 +
 4 files changed, 91 insertions(+), 56 deletions(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 5b70d84b..70d6b049 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -145,6 +145,7 @@ import User from '@/components/misc/user.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
 import AttachmentService from '@/services/attachment'
+import {SUPPORTED_IMAGE_SUFFIX} from '@/models/attachment'
 import type AttachmentModel from '@/models/attachment'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 import type {ITask} from '@/modelTypes/ITask'
@@ -223,10 +224,8 @@ async function deleteAttachment() {
 }
 
 const attachmentImageBlobUrl = ref<string | null>(null)
-const SUPPORTED_SUFFIX = ['.jpg', '.png', '.bmp', '.gif']
-
 async function viewOrDownload(attachment: AttachmentModel) {
-	if (SUPPORTED_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))	) {
+	if (SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))	) {
 		attachmentImageBlobUrl.value = await attachmentService.getBlobUrl(attachment)
 	} else {
 		downloadAttachment(attachment)
diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 1ee64f36..af16719e 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -11,62 +11,70 @@
 		@click.ctrl="() => toggleTaskDone(task)"
 		@click.meta="() => toggleTaskDone(task)"
 	>
-		<span class="task-id">
-			<Done class="kanban-card__done" :is-done="task.done" variant="small"/>
-			<template v-if="task.identifier === ''">
-				#{{ task.index }}
-			</template>
-			<template v-else>
-				{{ task.identifier }}
-			</template>
-		</span>
-		<span
-			:class="{'overdue': task.dueDate <= new Date() && !task.done}"
-			class="due-date"
-			v-if="task.dueDate > 0"
-			v-tooltip="formatDateLong(task.dueDate)">
-			<span class="icon">
-				<icon :icon="['far', 'calendar-alt']"/>
+		<img
+			v-if="coverImageBlobUrl"
+			:src="coverImageBlobUrl"
+			alt=""
+			class="cover-image"
+		/>
+		<div class="p-2">
+			<span class="task-id">
+				<Done class="kanban-card__done" :is-done="task.done" variant="small"/>
+				<template v-if="task.identifier === ''">
+					#{{ task.index }}
+				</template>
+				<template v-else>
+					{{ task.identifier }}
+				</template>
 			</span>
-			<time :datetime="formatISO(task.dueDate)">
-				{{ formatDateSince(task.dueDate) }}
-			</time>
-		</span>
-		<h3>{{ task.title }}</h3>
-		<progress
-			class="progress is-small"
-			v-if="task.percentDone > 0"
-			:value="task.percentDone * 100" max="100">
-			{{ task.percentDone * 100 }}%
-		</progress>
-		<div class="footer">
-			<labels :labels="task.labels"/>
-			<priority-label :priority="task.priority" :done="task.done"/>
-			<div class="assignees" v-if="task.assignees.length > 0">
-				<user
-					v-for="u in task.assignees"
-					:avatar-size="24"
-					:key="task.id + 'assignee' + u.id"
-					:show-username="false"
-					:user="u"
-				/>
+			<span
+				:class="{'overdue': task.dueDate <= new Date() && !task.done}"
+				class="due-date"
+				v-if="task.dueDate > 0"
+				v-tooltip="formatDateLong(task.dueDate)">
+				<span class="icon">
+					<icon :icon="['far', 'calendar-alt']"/>
+				</span>
+				<time :datetime="formatISO(task.dueDate)">
+					{{ formatDateSince(task.dueDate) }}
+				</time>
+			</span>
+			<h3>{{ task.title }}</h3>
+			<progress
+				class="progress is-small"
+				v-if="task.percentDone > 0"
+				:value="task.percentDone * 100" max="100">
+				{{ task.percentDone * 100 }}%
+			</progress>
+			<div class="footer">
+				<labels :labels="task.labels"/>
+				<priority-label :priority="task.priority" :done="task.done"/>
+				<div class="assignees" v-if="task.assignees.length > 0">
+					<user
+						v-for="u in task.assignees"
+						:avatar-size="24"
+						:key="task.id + 'assignee' + u.id"
+						:show-username="false"
+						:user="u"
+					/>
+				</div>
+				<checklist-summary :task="task"/>
+				<span class="icon" v-if="task.attachments.length > 0">
+					<icon icon="paperclip"/>	
+				</span>
+				<span v-if="task.description" class="icon">
+					<icon icon="align-left"/>
+				</span>
+				<span class="icon" v-if="task.repeatAfter.amount > 0">
+					<icon icon="history"/>
+				</span>
 			</div>
-			<checklist-summary :task="task"/>
-			<span class="icon" v-if="task.attachments.length > 0">
-				<icon icon="paperclip"/>	
-			</span>
-			<span v-if="task.description" class="icon">
-				<icon icon="align-left"/>
-			</span>
-			<span class="icon" v-if="task.repeatAfter.amount > 0">
-				<icon icon="history"/>
-			</span>
 		</div>
 	</div>
 </template>
 
 <script lang="ts" setup>
-import {ref, computed} from 'vue'
+import {ref, computed, watch} from 'vue'
 import {useRouter} from 'vue-router'
 
 import PriorityLabel from '@/components/tasks/partials/priorityLabel.vue'
@@ -77,6 +85,8 @@ import ChecklistSummary from './checklist-summary.vue'
 
 import {TASK_DEFAULT_COLOR, getHexColor} from '@/models/task'
 import type {ITask} from '@/modelTypes/ITask'
+import {SUPPORTED_IMAGE_SUFFIX} from '@/models/attachment'
+import AttachmentService from '@/services/attachment'
 
 import {formatDateLong, formatISO, formatDateSince} from '@/helpers/time/formatDate'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
@@ -114,6 +124,29 @@ function openTaskDetail() {
 		state: {backdropView: router.currentRoute.value.fullPath},
 	})
 }
+
+const coverImageBlobUrl = ref<string | null>(null)
+
+async function maybeDownloadCoverImage() {
+	if (!props.task.coverImageAttachmentId) {
+		return
+	}
+
+	const attachment = props.task.attachments.find(a => a.id === props.task.coverImageAttachmentId)
+	if (!attachment || !SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))) {
+		console.log('not an attachment')
+		return
+	}
+
+	const attachmentService = new AttachmentService()
+	coverImageBlobUrl.value = await attachmentService.getBlobUrl(attachment)
+}
+
+watch(
+	() => props.task.coverImageAttachmentId,
+	maybeDownloadCoverImage,
+	{immediate: true},
+)
 </script>
 
 <style lang="scss" scoped>
@@ -125,12 +158,11 @@ $task-background: var(--white);
 	cursor: pointer;
 	box-shadow: var(--shadow-xs);
 	display: block;
-	border: 3px solid transparent;
 
 	font-size: .9rem;
-	padding: .4rem;
 	border-radius: $radius;
 	background: $task-background;
+	overflow: hidden;
 
 	&.loader-container.is-loading::after {
 		width: 1.5rem;
diff --git a/src/modelTypes/ITask.ts b/src/modelTypes/ITask.ts
index 6616a680..4bfb23fa 100644
--- a/src/modelTypes/ITask.ts
+++ b/src/modelTypes/ITask.ts
@@ -1,4 +1,4 @@
-import type { Priority } from '@/constants/priorities'
+import type {Priority} from '@/constants/priorities'
 
 import type {IAbstract} from './IAbstract'
 import type {IUser} from './IUser'
@@ -11,6 +11,7 @@ import type {IBucket} from './IBucket'
 import type {IRelationKind} from '@/types/IRelationKind'
 import type {IRepeatAfter} from '@/types/IRepeatAfter'
 import type {IRepeatMode} from '@/types/IRepeatMode'
+
 export interface ITask extends IAbstract {
 	id: number
 	title: string
@@ -31,8 +32,9 @@ export interface ITask extends IAbstract {
 	parentTaskId: ITask['id']
 	hexColor: string
 	percentDone: number
-	relatedTasks: Partial<Record<IRelationKind, ITask[]>>,
+	relatedTasks: Partial<Record<IRelationKind, ITask[]>>
 	attachments: IAttachment[]
+	coverImageAttachmentId: IAttachment['id']
 	identifier: string
 	index: number
 	isFavorite: boolean
diff --git a/src/models/attachment.ts b/src/models/attachment.ts
index 29862b49..409f031c 100644
--- a/src/models/attachment.ts
+++ b/src/models/attachment.ts
@@ -5,6 +5,8 @@ import type { IUser } from '@/modelTypes/IUser'
 import type { IFile } from '@/modelTypes/IFile'
 import type { IAttachment } from '@/modelTypes/IAttachment'
 
+export const SUPPORTED_IMAGE_SUFFIX = ['.jpg', '.png', '.bmp', '.gif']
+
 export default class AttachmentModel extends AbstractModel<IAttachment> implements IAttachment {
 	id = 0
 	taskId = 0

From 054d70cbe5344e39d0e5f277a7db2f26573e1efa Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 2 Oct 2022 13:39:53 +0200
Subject: [PATCH 124/187] fix: unset cover image when the task does not have
 one

---
 src/components/tasks/partials/kanban-card.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index af16719e..4bf4fa47 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -129,12 +129,12 @@ const coverImageBlobUrl = ref<string | null>(null)
 
 async function maybeDownloadCoverImage() {
 	if (!props.task.coverImageAttachmentId) {
+		coverImageBlobUrl.value = null
 		return
 	}
 
 	const attachment = props.task.attachments.find(a => a.id === props.task.coverImageAttachmentId)
 	if (!attachment || !SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))) {
-		console.log('not an attachment')
 		return
 	}
 

From 877e4250554b31db2d57f44a7443c5d04c783e59 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 2 Oct 2022 13:40:39 +0200
Subject: [PATCH 125/187] feat: promote an attachment to task cover image

---
 src/components/tasks/partials/attachments.vue | 68 +++++++++++++------
 src/i18n/lang/en.json                         |  5 +-
 src/views/tasks/TaskDetailView.vue            |  5 +-
 3 files changed, 53 insertions(+), 25 deletions(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 70d6b049..016f5c11 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -9,7 +9,7 @@
 
 		<input
 			v-if="editEnabled"
-			:disabled="attachmentService.loading || undefined"
+			:disabled="loading || undefined"
 			@change="uploadNewAttachment()"
 			id="files"
 			multiple
@@ -78,6 +78,13 @@
 						>
 							{{ $t('misc.delete') }}
 						</BaseButton>
+						<BaseButton
+							v-if="editEnabled"
+							class="attachment-info-meta-button"
+							@click.prevent.stop="setCoverImage(task.coverImageAttachmentId === a.id ? null : a)"
+						>
+							{{ task.coverImageAttachmentId === a.id ? $t('task.attachment.unsetAsCover') : $t('task.attachment.setAsCover')  }}
+						</BaseButton>
 					</p>
 				</div>
 			</a>
@@ -85,7 +92,7 @@
 
 		<x-button
 			v-if="editEnabled"
-			:disabled="attachmentService.loading"
+			:disabled="loading"
 			@click="filesRef?.click()"
 			class="mb-4"
 			icon="cloud-upload-alt"
@@ -118,7 +125,7 @@
 			<template #header>
 				<span>{{ $t('task.attachment.delete') }}</span>
 			</template>
-			
+
 			<template #text>
 				<p>
 					{{ $t('task.attachment.deleteText1', {filename: attachmentToDelete.file.name}) }}<br/>
@@ -156,38 +163,44 @@ import {uploadFiles, generateAttachmentUrl} from '@/helpers/attachments'
 import {getHumanSize} from '@/helpers/getHumanSize'
 import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
 import {error, success} from '@/message'
+import {useTaskStore} from '@/stores/tasks'
+import {useI18n} from 'vue-i18n'
 
-const props = defineProps({
-	taskId: {
-		type: Number as PropType<ITask['id']>,
-		required: true,
-	},
-	initialAttachments: {
-		type: Array,
-	},
-	editEnabled: {
-		default: true,
-	},
+const taskStore = useTaskStore()
+const {t} = useI18n()
+
+const props = withDefaults(defineProps<{
+	task: ITask,
+	initialAttachments?: IAttachment[],
+	editEnabled: boolean,
+}>(), {
+	editEnabled: true,
 })
 
+// FIXME: this should go through the store
+const emit = defineEmits(['task-changed'])
+
 const attachmentService = shallowReactive(new AttachmentService())
 
 const attachmentStore = useAttachmentStore()
 const attachments = computed(() => attachmentStore.attachments)
 
+const loading = computed(() => attachmentService.loading || taskStore.isLoading)
+
 function onDrop(files: File[] | null) {
 	if (files && files.length !== 0) {
 		uploadFilesToTask(files)
 	}
 }
 
-const { isOverDropZone } = useDropZone(document, onDrop)
+const {isOverDropZone} = useDropZone(document, onDrop)
 
 function downloadAttachment(attachment: IAttachment) {
 	attachmentService.download(attachment)
 }
 
 const filesRef = ref<HTMLInputElement | null>(null)
+
 function uploadNewAttachment() {
 	const files = filesRef.value?.files
 
@@ -199,7 +212,7 @@ function uploadNewAttachment() {
 }
 
 function uploadFilesToTask(files: File[] | FileList) {
-	uploadFiles(attachmentService, props.taskId, files)
+	uploadFiles(attachmentService, props.task.id, files)
 }
 
 const attachmentToDelete = ref<AttachmentModel | null>(null)
@@ -218,14 +231,15 @@ async function deleteAttachment() {
 		attachmentStore.removeById(attachmentToDelete.value.id)
 		success(r)
 		setAttachmentToDelete(null)
-	} catch(e) {
+	} catch (e) {
 		error(e)
 	}
 }
 
 const attachmentImageBlobUrl = ref<string | null>(null)
+
 async function viewOrDownload(attachment: AttachmentModel) {
-	if (SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))	) {
+	if (SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))) {
 		attachmentImageBlobUrl.value = await attachmentService.getBlobUrl(attachment)
 	} else {
 		downloadAttachment(attachment)
@@ -233,8 +247,18 @@ async function viewOrDownload(attachment: AttachmentModel) {
 }
 
 const copy = useCopyToClipboard()
+
 function copyUrl(attachment: IAttachment) {
-	copy(generateAttachmentUrl(props.taskId, attachment.id))
+	copy(generateAttachmentUrl(props.task.id, attachment.id))
+}
+
+async function setCoverImage(attachment: IAttachment | null) {
+	const task = await taskStore.update({
+		...props.task,
+		coverImageAttachmentId: attachment ? attachment.id : 0,
+	})
+	emit('task-changed', task)
+	success({message: t('task.attachment.successfullyChangedCoverImage')})
 }
 </script>
 
@@ -315,7 +339,7 @@ function copyUrl(attachment: IAttachment) {
 			height: auto;
 			text-shadow: var(--shadow-md);
 			animation: bounce 2s infinite;
-	
+
 			@media (prefers-reduced-motion: reduce) {
 				animation: none;
 			}
@@ -337,7 +361,7 @@ function copyUrl(attachment: IAttachment) {
 .attachment-info-meta {
 	display: flex;
 	align-items: center;
-	
+
 	:deep(.user) {
 		display: flex !important;
 		align-items: center;
@@ -347,7 +371,7 @@ function copyUrl(attachment: IAttachment) {
 	@media screen and (max-width: $mobile) {
 		flex-direction: column;
 		align-items: flex-start;
-		
+
 		:deep(.user) {
 			margin: .5rem 0;
 		}
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 4674f6e8..d1c14d95 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -693,7 +693,10 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Set as cover image",
+      "unsetAsCover": "Unset as cover image",
+      "successfullyChangedCoverImage": "The cover image was successfully changed."
     },
     "comment": {
       "title": "Comments",
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 345fa654..434cb9ed 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -218,7 +218,8 @@
 					<div class="content attachments" v-if="activeFields.attachments || hasAttachments">
 						<attachments
 							:edit-enabled="canWrite"
-							:task-id="taskId"
+							:task="task"
+							@task-changed="({coverImageAttachmentId}) => task.coverImageAttachmentId = coverImageAttachmentId"
 							ref="attachments"
 						/>
 					</div>
@@ -500,7 +501,7 @@ const attachmentStore = useAttachmentStore()
 const taskStore = useTaskStore()
 const kanbanStore = useKanbanStore()
 
-const task = reactive(new TaskModel())
+const task = reactive<ITask>(new TaskModel())
 useTitle(toRef(task, 'title'))
 
 // We doubled the task color property here because verte does not have a real change property, leading

From 43258ab74e0733e91be3ade1f0b13dcf9342cc18 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 2 Oct 2022 13:58:50 +0200
Subject: [PATCH 126/187] fix: lint

---
 src/components/tasks/partials/attachments.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 016f5c11..2bcfd80f 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -145,7 +145,7 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, computed, type PropType} from 'vue'
+import {ref, shallowReactive, computed} from 'vue'
 import {useDropZone} from '@vueuse/core'
 
 import User from '@/components/misc/user.vue'

From eb80bfa00de891ee12643d664e8610d1f3bc851f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Oct 2022 15:20:13 +0200
Subject: [PATCH 127/187] chore: add line-wrap

---
 src/components/tasks/partials/attachments.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 2bcfd80f..652cba92 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -83,7 +83,11 @@
 							class="attachment-info-meta-button"
 							@click.prevent.stop="setCoverImage(task.coverImageAttachmentId === a.id ? null : a)"
 						>
-							{{ task.coverImageAttachmentId === a.id ? $t('task.attachment.unsetAsCover') : $t('task.attachment.setAsCover')  }}
+							{{ 
+								task.coverImageAttachmentId === a.id
+									? $t('task.attachment.unsetAsCover')
+									: $t('task.attachment.setAsCover')
+							}}
 						</BaseButton>
 					</p>
 				</div>

From fad72e091b22f67a46d5f1bd378f01cc921d3456 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Oct 2022 15:20:50 +0200
Subject: [PATCH 128/187] chore(i18n): use global scope

---
 src/components/tasks/partials/attachments.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 652cba92..530fe50b 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -171,7 +171,7 @@ import {useTaskStore} from '@/stores/tasks'
 import {useI18n} from 'vue-i18n'
 
 const taskStore = useTaskStore()
-const {t} = useI18n()
+const {t} = useI18n({useScope: 'global'})
 
 const props = withDefaults(defineProps<{
 	task: ITask,

From ee3965eae9f2210a5f397d81327128d36b22b751 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Oct 2022 15:23:34 +0200
Subject: [PATCH 129/187] chore(task): move cover image setter to store

---
 src/components/tasks/partials/attachments.vue | 7 ++-----
 src/stores/tasks.ts                           | 7 +++++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 530fe50b..0dd18c0f 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -83,7 +83,7 @@
 							class="attachment-info-meta-button"
 							@click.prevent.stop="setCoverImage(task.coverImageAttachmentId === a.id ? null : a)"
 						>
-							{{ 
+							{{
 								task.coverImageAttachmentId === a.id
 									? $t('task.attachment.unsetAsCover')
 									: $t('task.attachment.setAsCover')
@@ -257,10 +257,7 @@ function copyUrl(attachment: IAttachment) {
 }
 
 async function setCoverImage(attachment: IAttachment | null) {
-	const task = await taskStore.update({
-		...props.task,
-		coverImageAttachmentId: attachment ? attachment.id : 0,
-	})
+	const task = await taskStore.setCoverImage(props.task, attachment)
 	emit('task-changed', task)
 	success({message: t('task.attachment.successfullyChangedCoverImage')})
 }
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 2ed93259..806635d0 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -409,6 +409,13 @@ export const useTaskStore = defineStore('task', {
 				cancel()
 			}
 		},
+		
+		async setCoverImage(task: ITask, attachment: IAttachment | null) {
+			return this.update({
+				...task,
+				coverImageAttachmentId: attachment ? attachment.id : 0,
+			})
+		}
 	},
 })
 

From 84a1abf3477abbbee136979bd0bde08ae6c54ceb Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Oct 2022 15:37:54 +0200
Subject: [PATCH 130/187] fix: lint

---
 src/stores/tasks.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 806635d0..632b1d13 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -415,7 +415,7 @@ export const useTaskStore = defineStore('task', {
 				...task,
 				coverImageAttachmentId: attachment ? attachment.id : 0,
 			})
-		}
+		},
 	},
 })
 

From a7731370a0bcdd8a393036a617dd1953cd39f5df Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Oct 2022 22:30:39 +0200
Subject: [PATCH 131/187] chore: better wording for cover set button

---
 src/i18n/lang/en.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index d1c14d95..2a8615b8 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -694,8 +694,8 @@
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
       "copyUrlTooltip": "Copy the url of this attachment for usage in text",
-      "setAsCover": "Set as cover image",
-      "unsetAsCover": "Unset as cover image",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
       "successfullyChangedCoverImage": "The cover image was successfully changed."
     },
     "comment": {

From f01107fd737e2205bf60498b3d2954a251c3d9d4 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 15:04:03 +0200
Subject: [PATCH 132/187] feat: add indicator if an attachment is task cover

---
 src/components/tasks/partials/attachments.vue | 18 +++++++++++++++++-
 src/i18n/lang/en.json                         |  3 ++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 0dd18c0f..1880e851 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -35,7 +35,15 @@
 				:key="a.id"
 				@click="viewOrDownload(a)"
 			>
-				<div class="filename">{{ a.file.name }}</div>
+				<div class="filename">
+					{{ a.file.name }}
+					<span 
+						v-if="task.coverImageAttachmentId === a.id" 
+						class="is-task-cover"
+					>
+						{{ $t('task.attachment.usedAsCover') }}
+					</span>
+				</div>
 				<div class="info">
 					<p class="attachment-info-meta">
 						<i18n-t keypath="task.attachment.createdBy" scope="global">
@@ -418,5 +426,13 @@ async function setCoverImage(attachment: IAttachment | null) {
 	}
 }
 
+.is-task-cover {
+	background: var(--primary);
+	color: var(--white);
+	padding: .25rem .35rem;
+	border-radius: 4px;
+	font-size: .75rem;
+}
+
 @include modal-transition();
 </style>
\ No newline at end of file
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 2a8615b8..780ce3b7 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -696,7 +696,8 @@
       "copyUrlTooltip": "Copy the url of this attachment for usage in text",
       "setAsCover": "Make cover",
       "unsetAsCover": "Remove cover",
-      "successfullyChangedCoverImage": "The cover image was successfully changed."
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",

From fd71de4b5d99311227c76426b2250ca780dba9ef Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 16:02:44 +0200
Subject: [PATCH 133/187] fix(task): setting a priority was not properly saved

---
 cypress/e2e/task/task.spec.ts      | 23 +++++++++++++++
 src/views/tasks/TaskDetailView.vue | 47 +++++++++++++++++-------------
 2 files changed, 49 insertions(+), 21 deletions(-)

diff --git a/cypress/e2e/task/task.spec.ts b/cypress/e2e/task/task.spec.ts
index b5fa3c57..af95b56c 100644
--- a/cypress/e2e/task/task.spec.ts
+++ b/cypress/e2e/task/task.spec.ts
@@ -80,6 +80,7 @@ describe('Task', () => {
 	describe('Task Detail View', () => {
 		beforeEach(() => {
 			TaskCommentFactory.truncate()
+			LabelTaskFactory.truncate()
 		})
 
 		it('Shows all task details', () => {
@@ -417,5 +418,27 @@ describe('Task', () => {
 			cy.get('.global-notification')
 				.should('contain', 'Success')
 		})
+		
+		it('Can set a priority for a task', () => {
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+			})
+			cy.visit(`/tasks/${tasks[0].id}`)
+
+			cy.get('.task-view .action-buttons .button')
+				.contains('Set Priority')
+				.click()
+			cy.get('.task-view .columns.details .column')
+				.contains('Priority')
+				.get('.select select')
+				.select('Urgent')
+			cy.get('.global-notification')
+				.should('contain', 'Success')
+
+			cy.get('.task-view .columns.details .column')
+				.contains('Priority')
+				.get('.select select')
+				.should('have.value', '4')
+		})
 	})
 })
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 434cb9ed..8c7606c9 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -39,7 +39,7 @@
 								</div>
 								<priority-select
 									:disabled="!canWrite"
-									@update:model-value="saveTask"
+									@update:model-value="setPriority"
 									ref="priority"
 									v-model="task.priority"/>
 							</div>
@@ -443,7 +443,7 @@ import TaskModel, {TASK_DEFAULT_COLOR} from '@/models/task'
 import type {ITask} from '@/modelTypes/ITask'
 import type {IList} from '@/modelTypes/IList'
 
-import {PRIORITIES} from '@/constants/priorities'
+import {PRIORITIES, type Priority} from '@/constants/priorities'
 import {RIGHTS} from '@/constants/rights'
 
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -676,21 +676,19 @@ function setFieldActive(fieldName: keyof typeof activeFields) {
 }
 
 async function saveTask(args?: {
-			task: ITask,
-			showNotification?: boolean,
-			undoCallback?: () => void,
-		}) {
-			const {
-				task: currentTask,
-				showNotification,
-				undoCallback,
-			} = {
-				...{
-					task: cloneDeep(task),
-					showNotification: true,
-				},
-				...args,
-			}
+	task: ITask,
+	undoCallback?: () => void,
+}) {
+	const {
+		task: currentTask,
+		undoCallback,
+	} = {
+		...{
+			task: cloneDeep(task),
+		},
+		...args,
+	}
+			
 	if (!canWrite.value) {
 		return
 	}
@@ -711,10 +709,6 @@ async function saveTask(args?: {
 	Object.assign(task, newTask)
 	setActiveFields()
 
-	if (!showNotification) {
-		return
-	}
-
 	let actions = []
 	if (undoCallback !== null) {
 		actions = [{
@@ -760,6 +754,17 @@ async function toggleFavorite() {
 	Object.assign(task, newTask)
 	await namespaceStore.loadNamespacesIfFavoritesDontExist()
 }
+
+async function setPriority(priority: Priority) {
+	const newTask: ITask = {
+		...task,
+		priority,
+	}
+
+	return saveTask({
+		task: newTask,
+	})
+}
 </script>
 
 <style lang="scss" scoped>

From 1be516a9055d3eed50ca1515fd916f65c09b6111 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 16:06:41 +0200
Subject: [PATCH 134/187] fix(task): setting progress was not properly saved

---
 cypress/e2e/task/task.spec.ts      | 25 +++++++++++++++++++++++++
 src/views/tasks/TaskDetailView.vue | 13 ++++++++++++-
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/cypress/e2e/task/task.spec.ts b/cypress/e2e/task/task.spec.ts
index af95b56c..0c2794ab 100644
--- a/cypress/e2e/task/task.spec.ts
+++ b/cypress/e2e/task/task.spec.ts
@@ -440,5 +440,30 @@ describe('Task', () => {
 				.get('.select select')
 				.should('have.value', '4')
 		})
+
+		it.only('Can set the progress for a task', () => {
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+			})
+			cy.visit(`/tasks/${tasks[0].id}`)
+
+			cy.get('.task-view .action-buttons .button')
+				.contains('Set Progress')
+				.click()
+			cy.get('.task-view .columns.details .column')
+				.contains('Progress')
+				.get('.select select')
+				.select('50%')
+			cy.get('.global-notification')
+				.should('contain', 'Success')
+			
+			cy.wait(200)
+
+			cy.get('.task-view .columns.details .column')
+				.contains('Progress')
+				.get('.select select')
+				.should('be.visible')
+				.should('have.value', '0.5')
+		})
 	})
 })
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 8c7606c9..f994696f 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -79,7 +79,7 @@
 								</div>
 								<percent-done-select
 									:disabled="!canWrite"
-									@update:model-value="saveTask"
+									@update:model-value="setPercentDone"
 									ref="percentDone"
 									v-model="task.percentDone"/>
 							</div>
@@ -765,6 +765,17 @@ async function setPriority(priority: Priority) {
 		task: newTask,
 	})
 }
+
+async function setPercentDone(percentDone: number) {
+	const newTask: ITask = {
+		...task,
+		percentDone,
+	}
+
+	return saveTask({
+		task: newTask,
+	})
+}
 </script>
 
 <style lang="scss" scoped>

From 01f648c20c0c5d25b704d06cd869acee2e3f17ed Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 16:27:12 +0200
Subject: [PATCH 135/187] fix(task): setting a label would not show up on the
 kanban board after setting it

---
 cypress/e2e/task/task.spec.ts | 60 +++++++++++++++++++++++++++--------
 src/stores/kanban.ts          |  3 +-
 src/stores/tasks.ts           |  2 +-
 3 files changed, 48 insertions(+), 17 deletions(-)

diff --git a/cypress/e2e/task/task.spec.ts b/cypress/e2e/task/task.spec.ts
index 0c2794ab..ca8d5bd7 100644
--- a/cypress/e2e/task/task.spec.ts
+++ b/cypress/e2e/task/task.spec.ts
@@ -13,14 +13,36 @@ import {BucketFactory} from '../../factories/bucket'
 
 import '../../support/authenticateUser'
 
+function addLabelToTaskAndVerify(labelTitle: string) {
+	cy.get('.task-view .action-buttons .button')
+		.contains('Add Labels')
+		.click()
+	cy.get('.task-view .details.labels-list .multiselect input')
+		.type(labelTitle)
+	cy.get('.task-view .details.labels-list .multiselect .search-results')
+		.children()
+		.first()
+		.click()
+
+	cy.get('.global-notification', { timeout: 4000 })
+		.should('contain', 'Success')
+	cy.get('.task-view .details.labels-list .multiselect .input-wrapper span.tag')
+		.should('exist')
+		.should('contain', labelTitle)
+}
+
 describe('Task', () => {
 	let namespaces
 	let lists
+	let buckets
 
 	beforeEach(() => {
 		UserFactory.create(1)
 		namespaces = NamespaceFactory.create(1)
 		lists = ListFactory.create(1)
+		buckets = BucketFactory.create(1, {
+			list_id: lists[0].id,
+		})
 		TaskFactory.truncate()
 		UserListFactory.truncate()
 	})
@@ -345,21 +367,31 @@ describe('Task', () => {
 
 			cy.visit(`/tasks/${tasks[0].id}`)
 
-			cy.get('.task-view .action-buttons .button')
-				.contains('Add Labels')
+			addLabelToTaskAndVerify(labels[0].title)
+		})
+		
+		it('Can add a label to a task and it shows up on the kanban board afterwards', () => {
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+				list_id: lists[0].id,
+				bucket_id: buckets[0].id,
+			})
+			const labels = LabelFactory.create(1)
+			LabelTaskFactory.truncate()
+			
+			cy.visit(`/lists/${lists[0].id}/kanban`)
+			
+			cy.get('.bucket .task')
+				.contains(tasks[0].title)
 				.click()
-			cy.get('.task-view .details.labels-list .multiselect input')
-				.type(labels[0].title)
-			cy.get('.task-view .details.labels-list .multiselect .search-results')
-				.children()
-				.first()
+			
+			addLabelToTaskAndVerify(labels[0].title)
+			
+			cy.get('.modal-content .close')
 				.click()
-
-			cy.get('.global-notification', { timeout: 4000 })
-				.should('contain', 'Success')
-			cy.get('.task-view .details.labels-list .multiselect .input-wrapper span.tag')
-				.should('exist')
-				.should('contain', labels[0].title)
+			
+			cy.get('.bucket .task')
+				.should('contain.text', labels[0].title)
 		})
 
 		it('Can remove a label from a task', () => {
@@ -441,7 +473,7 @@ describe('Task', () => {
 				.should('have.value', '4')
 		})
 
-		it.only('Can set the progress for a task', () => {
+		it('Can set the progress for a task', () => {
 			const tasks = TaskFactory.create(1, {
 				id: 1,
 			})
diff --git a/src/stores/kanban.ts b/src/stores/kanban.ts
index 5b93a1ab..25583a0e 100644
--- a/src/stores/kanban.ts
+++ b/src/stores/kanban.ts
@@ -75,12 +75,11 @@ export const useKanbanStore = defineStore('kanban', {
 		getTaskById(state) {
 			return (id: ITask['id']) => {
 				const { bucketIndex, taskIndex } = getTaskIndicesById(state, id)
-
 				
 				return {
 					bucketIndex,
 					taskIndex,
-					task: bucketIndex && taskIndex && state.buckets[bucketIndex]?.tasks?.[taskIndex] || null,
+					task: bucketIndex !== null && taskIndex !== null && state.buckets[bucketIndex]?.tasks?.[taskIndex] || null,
 				}
 			}
 		},
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 632b1d13..68ca7ff6 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -252,7 +252,7 @@ export const useTaskStore = defineStore('task', {
 				// Don't try further adding a label if the task is not in kanban
 				// Usually this means the kanban board hasn't been accessed until now.
 				// Vuex seems to have its difficulties with that, so we just log the error and fail silently.
-				console.debug('Could not add label to task in kanban, task not found', t)
+				console.debug('Could not add label to task in kanban, task not found', {taskId, t})
 				return r
 			}
 

From 38fc157f24664d71de92333a5deb4a884533751d Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 16:40:42 +0200
Subject: [PATCH 136/187] feat(tests): add tests for task attachments

---
 cypress/e2e/task/task.spec.ts         | 49 +++++++++++++++++++++++++++
 cypress/factories/task_attachments.ts | 17 ++++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 cypress/factories/task_attachments.ts

diff --git a/cypress/e2e/task/task.spec.ts b/cypress/e2e/task/task.spec.ts
index ca8d5bd7..4efee58c 100644
--- a/cypress/e2e/task/task.spec.ts
+++ b/cypress/e2e/task/task.spec.ts
@@ -12,6 +12,7 @@ import {LabelTaskFactory} from '../../factories/label_task'
 import {BucketFactory} from '../../factories/bucket'
 
 import '../../support/authenticateUser'
+import {TaskAttachmentFactory} from '../../factories/task_attachments'
 
 function addLabelToTaskAndVerify(labelTitle: string) {
 	cy.get('.task-view .action-buttons .button')
@@ -31,6 +32,19 @@ function addLabelToTaskAndVerify(labelTitle: string) {
 		.should('contain', labelTitle)
 }
 
+function uploadAttachmentAndVerify(taskId: number) {
+	cy.intercept(`${Cypress.env('API_URL')}/tasks/${taskId}/attachments`).as('uploadAttachment')
+	cy.get('.task-view .action-buttons .button')
+		.contains('Add Attachments')
+		.click()
+	cy.get('input[type=file]', {timeout: 1000})
+		.selectFile('cypress/fixtures/image.jpg', {force: true}) // The input is not visible, but on purpose
+	cy.wait('@uploadAttachment')
+
+	cy.get('.attachments .attachments .files a.attachment')
+		.should('exist')
+}
+
 describe('Task', () => {
 	let namespaces
 	let lists
@@ -497,5 +511,40 @@ describe('Task', () => {
 				.should('be.visible')
 				.should('have.value', '0.5')
 		})
+		
+		it('Can add an attachment to a task', () => {
+			TaskAttachmentFactory.truncate()
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+			})
+			cy.visit(`/tasks/${tasks[0].id}`)
+
+			uploadAttachmentAndVerify(tasks[0].id)
+		})
+
+		it('Can add an attachment to a task and see it appearing on kanban', () => {
+			TaskAttachmentFactory.truncate()
+			const tasks = TaskFactory.create(1, {
+				id: 1,
+				list_id: lists[0].id,
+				bucket_id: buckets[0].id,
+			})
+			const labels = LabelFactory.create(1)
+			LabelTaskFactory.truncate()
+
+			cy.visit(`/lists/${lists[0].id}/kanban`)
+
+			cy.get('.bucket .task')
+				.contains(tasks[0].title)
+				.click()
+
+			uploadAttachmentAndVerify(tasks[0].id)
+
+			cy.get('.modal-content .close')
+				.click()
+
+			cy.get('.bucket .task .footer .icon svg.fa-paperclip')
+				.should('exist')
+		})
 	})
 })
diff --git a/cypress/factories/task_attachments.ts b/cypress/factories/task_attachments.ts
new file mode 100644
index 00000000..2db80781
--- /dev/null
+++ b/cypress/factories/task_attachments.ts
@@ -0,0 +1,17 @@
+import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'
+
+export class TaskAttachmentFactory extends Factory {
+	static table = 'task_attachments'
+	
+	static factory() {
+		const now = new Date()
+
+		return {
+			id: '{increment}',
+			task_id: 1,
+			file_id: 1,
+			created: formatISO(now),
+		}
+	}
+}
\ No newline at end of file

From 3af20b6220d8fcded9c8c2f0bdef21dc26d748f6 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 16:51:35 +0200
Subject: [PATCH 137/187] fix: don't try to render auth routes when the user is
 not authenticated

Resolves #2419
---
 src/router/index.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/router/index.ts b/src/router/index.ts
index 395e305e..05a0d280 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -488,4 +488,8 @@ export function getAuthForRoute(route: RouteLocation) {
 	}
 }
 
+router.beforeEach((to, from) => {
+	return getAuthForRoute(to)
+})
+
 export default router
\ No newline at end of file

From f405b2105bf4d1cfd4f6acf03210b37ac91eff5e Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 17:57:55 +0200
Subject: [PATCH 138/187] fix: lint

---
 src/router/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 05a0d280..429d813d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -488,7 +488,7 @@ export function getAuthForRoute(route: RouteLocation) {
 	}
 }
 
-router.beforeEach((to, from) => {
+router.beforeEach((to) => {
 	return getAuthForRoute(to)
 })
 

From 820db3e96d14c952d1149c8b83e93a0a24fcb2a5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 18:02:03 +0200
Subject: [PATCH 139/187] feat(openid): show error message from query after
 being redirected from third party

Resolves https://kolaente.dev/vikunja/frontend/issues/2111
---
 src/views/user/OpenIdAuth.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index a7a2a261..3d9a1e25 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -3,6 +3,9 @@
 		<message variant="danger" v-if="errorMessage">
 			{{ errorMessage }}
 		</message>
+		<message variant="danger" v-if="errorMessageFromQuery" class="mt-2">
+			{{ errorMessageFromQuery }}
+		</message>
 		<message v-if="loading">
 			{{ $t('user.auth.authenticating') }}
 		</message>
@@ -33,6 +36,7 @@ const authStore = useAuthStore()
 
 const loading = computed(() => authStore.isLoading)
 const errorMessage = ref('')
+const errorMessageFromQuery = computed(() => route.query.error)
 
 async function authenticateWithCode() {
 	// This component gets mounted twice: The first time when the actual auth request hits the frontend,

From b806a01e95b99544f36f6a31b3966d72d3ce7142 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 5 Oct 2022 16:14:36 +0000
Subject: [PATCH 140/187] chore(deps): update dependency happy-dom to v7
 (#2492)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2492
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index c8d22088..6e253ade 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
-    "happy-dom": "6.0.4",
+    "happy-dom": "7.0.0",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 46bef1be..4c5fc864 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ specifiers:
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
-  happy-dom: 6.0.4
+  happy-dom: 7.0.0
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
@@ -156,7 +156,7 @@ devDependencies:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
-  happy-dom: 6.0.4
+  happy-dom: 7.0.0
   netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.4_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.4
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605
+  vitest: 0.23.4_a28bf988df2437cd1cdb4a239c117aa7
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -2928,7 +2928,7 @@ packages:
     dev: true
 
   /@types/form-data/0.0.33:
-    resolution: {integrity: sha1-yayFsqX9GENbjIXZ7LUObWyJP/g=}
+    resolution: {integrity: sha512-8BSvG1kGm83cyJITQMZSulnl6QV8jqAGreJsc5tPu1Jq0vTSOiY/k24Wx82JRpWwZSqrala6sd5rWi6aNXvqcw==}
     dependencies:
       '@types/node': 17.0.17
     dev: true
@@ -7310,8 +7310,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
     dev: true
 
-  /happy-dom/6.0.4:
-    resolution: {integrity: sha512-b+ID23Ms0BY08UNLymsOMG7EI2jSlwEt4cbJs938GZfeNAg+fqgkSO3TokQMgSOFoHznpjWmpVjBUL5boJ9PWw==}
+  /happy-dom/7.0.0:
+    resolution: {integrity: sha512-nLhVhWIf4M4SIm2hBqAb1rshuAyzJwgD0iJtWeXa07poPdhiR99o0A+JxCOquJWWSFkCREynMNbbvA6sGEz/cQ==}
     dependencies:
       css.escape: 1.5.1
       he: 1.2.0
@@ -12618,7 +12618,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_ddc85b0b7a78b2cfae025c8e16b7f605:
+  /vitest/0.23.4_a28bf988df2437cd1cdb4a239c117aa7:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12645,7 +12645,7 @@ packages:
       '@types/node': 17.0.17
       chai: 4.3.6
       debug: 4.3.4
-      happy-dom: 6.0.4
+      happy-dom: 7.0.0
       local-pkg: 0.4.2
       strip-literal: 0.4.2
       tinybench: 2.1.5

From ab75e3ab50c20b348677d051dd44d4051b1ad762 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 10:03:41 +0000
Subject: [PATCH 141/187] chore(deps): update dependency vite to v3.1.5

---
 package.json   |  2 +-
 pnpm-lock.yaml | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 6e253ade..58c1c288 100644
--- a/package.json
+++ b/package.json
@@ -96,7 +96,7 @@
     "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
     "typescript": "4.8.4",
-    "vite": "3.1.4",
+    "vite": "3.1.5",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.23.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4c5fc864..8c5b1142 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,7 +69,7 @@ specifiers:
   sortablejs: 1.15.0
   typescript: 4.8.4
   ufo: 0.8.5
-  vite: 3.1.4
+  vite: 3.1.5
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
   vitest: 0.23.4
@@ -143,8 +143,8 @@ devDependencies:
   '@types/node': 16.11.64
   '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
   '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
-  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.4
-  '@vitejs/plugin-vue': 3.1.2_vite@3.1.4+vue@3.2.40
+  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.5
+  '@vitejs/plugin-vue': 3.1.2_vite@3.1.5+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
@@ -164,8 +164,8 @@ devDependencies:
   rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
   typescript: 4.8.4
-  vite: 3.1.4_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.4
+  vite: 3.1.5_sass@1.55.0+terser@5.10.0
+  vite-plugin-pwa: 0.13.1_vite@3.1.5
   vite-svg-loader: 3.6.0
   vitest: 0.23.4_a28bf988df2437cd1cdb4a239c117aa7
   vue-tsc: 0.40.13_typescript@4.8.4
@@ -3311,7 +3311,7 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.4:
+  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.5:
     resolution: {integrity: sha512-xkSXZl2LNk0KKyo5CJknNW84mSlmHIClFzsBuFXkX3yBt+Lr8UO/n4QOg2X7+jvurgBRies9FRn3ZvMem+TmIg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3324,17 +3324,17 @@ packages:
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
       terser: 5.10.0
-      vite: 3.1.4_sass@1.55.0+terser@5.10.0
+      vite: 3.1.5_sass@1.55.0+terser@5.10.0
     dev: true
 
-  /@vitejs/plugin-vue/3.1.2_vite@3.1.4+vue@3.2.40:
+  /@vitejs/plugin-vue/3.1.2_vite@3.1.5+vue@3.2.40:
     resolution: {integrity: sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^3.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 3.1.4_sass@1.55.0+terser@5.10.0
+      vite: 3.1.5_sass@1.55.0+terser@5.10.0
       vue: 3.2.40
     dev: true
 
@@ -12565,7 +12565,7 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.4:
+  /vite-plugin-pwa/0.13.1_vite@3.1.5:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
@@ -12574,7 +12574,7 @@ packages:
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
-      vite: 3.1.4_sass@1.55.0+terser@5.10.0
+      vite: 3.1.5_sass@1.55.0+terser@5.10.0
       workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
@@ -12589,8 +12589,8 @@ packages:
       svgo: 2.8.0
     dev: true
 
-  /vite/3.1.4_sass@1.55.0+terser@5.10.0:
-    resolution: {integrity: sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==}
+  /vite/3.1.5_sass@1.55.0+terser@5.10.0:
+    resolution: {integrity: sha512-V4Avke0b7h2zTWVJf8vq6TE3aH061NQ3b1ixHQyqdoE/5HIVsxVLCyTLjJtHVcsJ5fIKSHvOtflWpgavHS8RPw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -12651,7 +12651,7 @@ packages:
       tinybench: 2.1.5
       tinypool: 0.3.0
       tinyspy: 1.0.2
-      vite: 3.1.4_sass@1.55.0+terser@5.10.0
+      vite: 3.1.5_sass@1.55.0+terser@5.10.0
     transitivePeerDependencies:
       - less
       - sass

From 07d38a4aa3776f24fde40d8ae2861acacb46222d Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 10:03:32 +0000
Subject: [PATCH 142/187] chore(deps): update dependency happy-dom to v7.0.2

---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 58c1c288..15426922 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
-    "happy-dom": "7.0.0",
+    "happy-dom": "7.0.2",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8c5b1142..48261d82 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ specifiers:
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
-  happy-dom: 7.0.0
+  happy-dom: 7.0.2
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
@@ -156,7 +156,7 @@ devDependencies:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
-  happy-dom: 7.0.0
+  happy-dom: 7.0.2
   netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.5_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.5
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_a28bf988df2437cd1cdb4a239c117aa7
+  vitest: 0.23.4_fa62def892c9acf1c99b23b1f0d45084
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -7310,8 +7310,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
     dev: true
 
-  /happy-dom/7.0.0:
-    resolution: {integrity: sha512-nLhVhWIf4M4SIm2hBqAb1rshuAyzJwgD0iJtWeXa07poPdhiR99o0A+JxCOquJWWSFkCREynMNbbvA6sGEz/cQ==}
+  /happy-dom/7.0.2:
+    resolution: {integrity: sha512-txbwa1IUKUBxBeTYgwlXxMN6spD125XzuqY3OWZL2RiWIO3sTwXM387Nxlx8/9Tna+cF8ohvizrghnGeC5vdpg==}
     dependencies:
       css.escape: 1.5.1
       he: 1.2.0
@@ -12618,7 +12618,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_a28bf988df2437cd1cdb4a239c117aa7:
+  /vitest/0.23.4_fa62def892c9acf1c99b23b1f0d45084:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12645,7 +12645,7 @@ packages:
       '@types/node': 17.0.17
       chai: 4.3.6
       debug: 4.3.4
-      happy-dom: 7.0.0
+      happy-dom: 7.0.2
       local-pkg: 0.4.2
       strip-literal: 0.4.2
       tinybench: 2.1.5

From 8e905de41b58f7d240aaa0e53bc1cc94477aa460 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 12:03:21 +0000
Subject: [PATCH 143/187] fix(deps): update sentry-javascript monorepo to
 v7.14.2

---
 package.json   |  4 +--
 pnpm-lock.yaml | 68 +++++++++++++++++++++++++-------------------------
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/package.json b/package.json
index 15426922..ae6973be 100644
--- a/package.json
+++ b/package.json
@@ -24,8 +24,8 @@
     "@fortawesome/vue-fontawesome": "3.0.1",
     "@github/hotkey": "2.0.1",
     "@kyvg/vue3-notification": "2.4.1",
-    "@sentry/tracing": "7.14.1",
-    "@sentry/vue": "7.14.1",
+    "@sentry/tracing": "7.14.2",
+    "@sentry/vue": "7.14.2",
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 48261d82..bef271e0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,8 +12,8 @@ specifiers:
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1
   '@rushstack/eslint-patch': 1.2.0
-  '@sentry/tracing': 7.14.1
-  '@sentry/vue': 7.14.1
+  '@sentry/tracing': 7.14.2
+  '@sentry/vue': 7.14.2
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
@@ -92,8 +92,8 @@ dependencies:
   '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
-  '@sentry/tracing': 7.14.1
-  '@sentry/vue': 7.14.1_vue@3.2.40
+  '@sentry/tracing': 7.14.2
+  '@sentry/vue': 7.14.2_vue@3.2.40
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
@@ -2693,68 +2693,68 @@ packages:
       - zenObservable
     dev: true
 
-  /@sentry/browser/7.14.1:
-    resolution: {integrity: sha512-b9nW2+kT9Jl/tfzJmvzpnS6F8ziC62TDx04a7kZDtuaVA5rKKTTlLDg8ZamCRFjjnuwuFhLnzxO34N0KfeTqHg==}
+  /@sentry/browser/7.14.2:
+    resolution: {integrity: sha512-KGAZ+5lK7gIO2CM3/MAQGY8JtNVCWXRi807lAxndJ3E1oIQb9A0x7b+AJNr1+6jlwf6QESblr92MCLKPHDpNbA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/core': 7.14.1
-      '@sentry/types': 7.14.1
-      '@sentry/utils': 7.14.1
+      '@sentry/core': 7.14.2
+      '@sentry/types': 7.14.2
+      '@sentry/utils': 7.14.2
       tslib: 1.14.1
     dev: false
 
-  /@sentry/core/7.14.1:
-    resolution: {integrity: sha512-sjk60Gf5o9zynhWe1e0ro9uQO4OrKZ3H9xfgBf2ExgKXeMfKzYp5r2v2OKNevEde36Sr/DzlpiPj8EK67xrWPA==}
+  /@sentry/core/7.14.2:
+    resolution: {integrity: sha512-AXcH6nROugziO5KsKSQ9TmAXq6HJa8Fn+kDqAL/sNY65w6YYlHifMO2xHkSXVJxGw7vx9DYh/5SF+KnLn6NDNA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.14.1
-      '@sentry/types': 7.14.1
-      '@sentry/utils': 7.14.1
+      '@sentry/hub': 7.14.2
+      '@sentry/types': 7.14.2
+      '@sentry/utils': 7.14.2
       tslib: 1.14.1
     dev: false
 
-  /@sentry/hub/7.14.1:
-    resolution: {integrity: sha512-BWh5jUvGmzCsJtYy6EX3qA6gTOxwGhA64IEXHbzwIAnBoG+VWao3addaL77AGR9pIgAqn6ssfkX665OZa+GPGw==}
+  /@sentry/hub/7.14.2:
+    resolution: {integrity: sha512-18cuSesTn9VAF0JC107flLmtCRt/6DBn38uz0G9cPThKtTSNwjGvGZ/ag4J1iq+IDjVS5MA6iTncXOsSpVP2Wg==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.14.1
-      '@sentry/utils': 7.14.1
+      '@sentry/types': 7.14.2
+      '@sentry/utils': 7.14.2
       tslib: 1.14.1
     dev: false
 
-  /@sentry/tracing/7.14.1:
-    resolution: {integrity: sha512-vs/GXOu3RRT9ethdRXdiXmYF11PFViIo70Nt6RWb/vKEykHTQ0Y5IYc3GtU7aC6DKqpJ1xZkNUfgvV/q3he/Eg==}
+  /@sentry/tracing/7.14.2:
+    resolution: {integrity: sha512-KCZogsvqUYiR9vNPWXVgSM00CF+yfYJaBd363fN3HUbjya4j96cHJg65zf6oy85Igr6IGclYaTkoEbiZ6xdNDw==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.14.1
-      '@sentry/types': 7.14.1
-      '@sentry/utils': 7.14.1
+      '@sentry/hub': 7.14.2
+      '@sentry/types': 7.14.2
+      '@sentry/utils': 7.14.2
       tslib: 1.14.1
     dev: false
 
-  /@sentry/types/7.14.1:
-    resolution: {integrity: sha512-PxAfrIwBci6ouHOuRsfVq1B16i92nQNV5IvlqfJIYciazVhDWJvbF52caJAPOFS1WnuQZ4zqBDMYvtnwld3JCA==}
+  /@sentry/types/7.14.2:
+    resolution: {integrity: sha512-JzkOtenArOXmJBAk/FBbxKKX7XC650HqkhGL4ugT/f+RyxfiDZ0X1TAYMrvKIe+qpn5Nh7JUBfR+BARKAiu2wQ==}
     engines: {node: '>=8'}
     dev: false
 
-  /@sentry/utils/7.14.1:
-    resolution: {integrity: sha512-CErQFbJMuhnHFKGkfIazQj5ETKoS7hG8PkoQEBt19F5QMh4+sbrJgnpIrIW8fVGtp0qKWKuIxQwD3b+1cFBozA==}
+  /@sentry/utils/7.14.2:
+    resolution: {integrity: sha512-vpZolN+k1IoxWXhKyOVcRl7V1bgww+96gHqTJdcMzOB83x/ofels7L0kqxb03WukKTYcnc7Ep+yBiKi/OYX9og==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.14.1
+      '@sentry/types': 7.14.2
       tslib: 1.14.1
     dev: false
 
-  /@sentry/vue/7.14.1_vue@3.2.40:
-    resolution: {integrity: sha512-6iGzaWUDu4wbuc4RbAaQv4GhMpz/qVcujl72updvsCsLNWl/xa0bAbsy4wtYvafCt/IXEBot6J4RnDe4mNLL2A==}
+  /@sentry/vue/7.14.2_vue@3.2.40:
+    resolution: {integrity: sha512-DYfqF+KGsxZBZbxLD7PX/WNStBG0UPSsw8A7kb3ixPBsxYl/ybI3gCgMn15tIrIK88gwNT9Oo1CjGQ71Oog99A==}
     engines: {node: '>=8'}
     peerDependencies:
       vue: 2.x || 3.x
     dependencies:
-      '@sentry/browser': 7.14.1
-      '@sentry/core': 7.14.1
-      '@sentry/types': 7.14.1
-      '@sentry/utils': 7.14.1
+      '@sentry/browser': 7.14.2
+      '@sentry/core': 7.14.2
+      '@sentry/types': 7.14.2
+      '@sentry/utils': 7.14.2
       tslib: 1.14.1
       vue: 3.2.40
     dev: false

From 5be75f3c541b6fd2948fb68d6823f2cda5830958 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 5 Oct 2022 22:03:28 +0000
Subject: [PATCH 144/187] chore(deps): update pnpm to v7.13.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ae6973be..b804ba86 100644
--- a/package.json
+++ b/package.json
@@ -110,5 +110,5 @@
     }
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.13.1"
+  "packageManager": "pnpm@7.13.2"
 }

From d77addd26674ace32e38256772afd6b46c6bad0e Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 13:10:33 +0000
Subject: [PATCH 145/187] fix(deps): update dependency vue-flatpickr-component
 to v9.0.8 (#2494)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [vue-flatpickr-component](https://github.com/ankurk91/vue-flatpickr-component) | dependencies | patch | [`9.0.6` -> `9.0.8`](https://renovatebot.com/diffs/npm/vue-flatpickr-component/9.0.6/9.0.8) |

---

### Release Notes

<details>
<summary>ankurk91/vue-flatpickr-component</summary>

### [`v9.0.8`](https://github.com/ankurk91/vue-flatpickr-component/blob/HEAD/CHANGELOG.md#&#8203;908-httpsgithubcomankurk91vue-flatpickr-componentcompare906908)

[Compare Source](https://github.com/ankurk91/vue-flatpickr-component/compare/13c93d0e16884cf9b788a48a4af2d6783f242304...9.0.8)

-   Add type definition
-   Allow to run with `@vue/compat`

### [`v9.0.7`](https://github.com/ankurk91/vue-flatpickr-component/compare/9.0.6...13c93d0e16884cf9b788a48a4af2d6783f242304)

[Compare Source](https://github.com/ankurk91/vue-flatpickr-component/compare/9.0.6...13c93d0e16884cf9b788a48a4af2d6783f242304)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update again.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, click this checkbox.

---

This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzMi4xNTMuNCIsInVwZGF0ZWRJblZlciI6IjMyLjE1My40In0=-->

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2494
Reviewed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json                           |  2 +-
 pnpm-lock.yaml                         | 10 +++++-----
 src/types/vue-flatpickr-component.d.ts |  1 -
 3 files changed, 6 insertions(+), 7 deletions(-)
 delete mode 100644 src/types/vue-flatpickr-component.d.ts

diff --git a/package.json b/package.json
index b804ba86..ce0c308f 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "vue": "3.2.40",
     "vue-advanced-cropper": "2.8.6",
     "vue-drag-resize": "2.0.3",
-    "vue-flatpickr-component": "9.0.6",
+    "vue-flatpickr-component": "9.0.8",
     "vue-i18n": "9.2.2",
     "vue-router": "4.1.5",
     "workbox-precaching": "6.5.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bef271e0..4c6cdbfa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -76,7 +76,7 @@ specifiers:
   vue: 3.2.40
   vue-advanced-cropper: 2.8.6
   vue-drag-resize: 2.0.3
-  vue-flatpickr-component: 9.0.6
+  vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
   vue-tsc: 0.40.13
@@ -124,7 +124,7 @@ dependencies:
   vue: 3.2.40
   vue-advanced-cropper: 2.8.6_vue@3.2.40
   vue-drag-resize: 2.0.3
-  vue-flatpickr-component: 9.0.6_vue@3.2.40
+  vue-flatpickr-component: 9.0.8_vue@3.2.40
   vue-i18n: 9.2.2_vue@3.2.40
   vue-router: 4.1.5_vue@3.2.40
   workbox-precaching: 6.5.4
@@ -12709,9 +12709,9 @@ packages:
       - supports-color
     dev: true
 
-  /vue-flatpickr-component/9.0.6_vue@3.2.40:
-    resolution: {integrity: sha512-U3355po5WPejAagvDig+MA7v8NWr0+Dbx3a1pds19hx4i9CeXuBSpD7vl0fxKhk+Hfu3T+DN2aOR69HIwSJh1A==}
-    engines: {node: '>=10.13.0'}
+  /vue-flatpickr-component/9.0.8_vue@3.2.40:
+    resolution: {integrity: sha512-wuvG3ijNkGwUKP+F5l4Jai5za46pI7T2AQ+boPY0QB2Y4EP6hcaubfaYwMqrs4w69u8JCnqsKqGg+mWpqF5j3A==}
+    engines: {node: '>=12.13.0'}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
diff --git a/src/types/vue-flatpickr-component.d.ts b/src/types/vue-flatpickr-component.d.ts
deleted file mode 100644
index 2ac9cc87..00000000
--- a/src/types/vue-flatpickr-component.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module 'vue-flatpickr-component';
\ No newline at end of file

From d4c179c86285edaca9eb199906ee1ccbeef3f5ac Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 14:03:21 +0000
Subject: [PATCH 146/187] chore(deps): update dependency vite to v3.1.6

---
 package.json   |  2 +-
 pnpm-lock.yaml | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index ce0c308f..0307c6ee 100644
--- a/package.json
+++ b/package.json
@@ -96,7 +96,7 @@
     "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
     "typescript": "4.8.4",
-    "vite": "3.1.5",
+    "vite": "3.1.6",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.23.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4c6cdbfa..ef3a2ebb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,7 +69,7 @@ specifiers:
   sortablejs: 1.15.0
   typescript: 4.8.4
   ufo: 0.8.5
-  vite: 3.1.5
+  vite: 3.1.6
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
   vitest: 0.23.4
@@ -143,8 +143,8 @@ devDependencies:
   '@types/node': 16.11.64
   '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
   '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
-  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.5
-  '@vitejs/plugin-vue': 3.1.2_vite@3.1.5+vue@3.2.40
+  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.6
+  '@vitejs/plugin-vue': 3.1.2_vite@3.1.6+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
@@ -164,8 +164,8 @@ devDependencies:
   rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
   typescript: 4.8.4
-  vite: 3.1.5_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.5
+  vite: 3.1.6_sass@1.55.0+terser@5.10.0
+  vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
   vitest: 0.23.4_fa62def892c9acf1c99b23b1f0d45084
   vue-tsc: 0.40.13_typescript@4.8.4
@@ -3311,7 +3311,7 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.5:
+  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.6:
     resolution: {integrity: sha512-xkSXZl2LNk0KKyo5CJknNW84mSlmHIClFzsBuFXkX3yBt+Lr8UO/n4QOg2X7+jvurgBRies9FRn3ZvMem+TmIg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3324,17 +3324,17 @@ packages:
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
       terser: 5.10.0
-      vite: 3.1.5_sass@1.55.0+terser@5.10.0
+      vite: 3.1.6_sass@1.55.0+terser@5.10.0
     dev: true
 
-  /@vitejs/plugin-vue/3.1.2_vite@3.1.5+vue@3.2.40:
+  /@vitejs/plugin-vue/3.1.2_vite@3.1.6+vue@3.2.40:
     resolution: {integrity: sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^3.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 3.1.5_sass@1.55.0+terser@5.10.0
+      vite: 3.1.6_sass@1.55.0+terser@5.10.0
       vue: 3.2.40
     dev: true
 
@@ -12565,7 +12565,7 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.5:
+  /vite-plugin-pwa/0.13.1_vite@3.1.6:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
@@ -12574,7 +12574,7 @@ packages:
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
-      vite: 3.1.5_sass@1.55.0+terser@5.10.0
+      vite: 3.1.6_sass@1.55.0+terser@5.10.0
       workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
@@ -12589,8 +12589,8 @@ packages:
       svgo: 2.8.0
     dev: true
 
-  /vite/3.1.5_sass@1.55.0+terser@5.10.0:
-    resolution: {integrity: sha512-V4Avke0b7h2zTWVJf8vq6TE3aH061NQ3b1ixHQyqdoE/5HIVsxVLCyTLjJtHVcsJ5fIKSHvOtflWpgavHS8RPw==}
+  /vite/3.1.6_sass@1.55.0+terser@5.10.0:
+    resolution: {integrity: sha512-qMXIwnehvvcK5XfJiXQUiTxoYAEMKhM+jqCY6ZSTKFBKu1hJnAKEzP3AOcnTerI0cMZYAaJ4wpW1wiXLMDt4mA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -12651,7 +12651,7 @@ packages:
       tinybench: 2.1.5
       tinypool: 0.3.0
       tinyspy: 1.0.2
-      vite: 3.1.5_sass@1.55.0+terser@5.10.0
+      vite: 3.1.6_sass@1.55.0+terser@5.10.0
     transitivePeerDependencies:
       - less
       - sass

From bc1e366750375a24bf10f6c918114dd72819a393 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 6 Oct 2022 18:03:17 +0200
Subject: [PATCH 147/187] fix(tasks): don't allow adding the same assignee
 multiple times

See https://community.vikunja.io/t/task-can-be-assigned-twice-or-more-to-the-same-user/883
---
 .../tasks/partials/editAssignees.vue          | 52 ++++++++++-------
 src/stores/tasks.ts                           | 57 +++++++++++--------
 2 files changed, 64 insertions(+), 45 deletions(-)

diff --git a/src/components/tasks/partials/editAssignees.vue b/src/components/tasks/partials/editAssignees.vue
index 06ca42d1..29315269 100644
--- a/src/components/tasks/partials/editAssignees.vue
+++ b/src/components/tasks/partials/editAssignees.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, watch, type PropType} from 'vue'
+import {ref, shallowReactive, watch, nextTick, type PropType} from 'vue'
 import {useI18n} from 'vue-i18n'
 
 import User from '@/components/misc/user.vue'
@@ -43,22 +43,22 @@ import {useTaskStore} from '@/stores/tasks'
 import type {IUser} from '@/modelTypes/IUser'
 
 const props = defineProps({
-		taskId: {
-			type: Number,
-			required: true,
-		},
-		listId: {
-			type: Number,
-			required: true,
-		},
-		disabled: {
-			default: false,
-		},
-		modelValue: {
-			type: Array as PropType<IUser[]>,
-			default: () => [],
-		},
-	})
+	taskId: {
+		type: Number,
+		required: true,
+	},
+	listId: {
+		type: Number,
+		required: true,
+	},
+	disabled: {
+		default: false,
+	},
+	modelValue: {
+		type: Array as PropType<IUser[]>,
+		default: () => [],
+	},
+})
 const emit = defineEmits(['update:modelValue'])
 
 const taskStore = useTaskStore()
@@ -67,6 +67,7 @@ const {t} = useI18n({useScope: 'global'})
 const listUserService = shallowReactive(new ListUserService())
 const foundUsers = ref([])
 const assignees = ref<IUser[]>([])
+let isAdding = false
 
 watch(
 	() => props.modelValue,
@@ -80,9 +81,19 @@ watch(
 )
 
 async function addAssignee(user: IUser) {
-	await taskStore.addAssignee({user: user, taskId: props.taskId})
-	emit('update:modelValue', assignees.value)
-	success({message: t('task.assignee.assignSuccess')})
+	if (isAdding) {
+		return
+	}
+
+	try {
+		nextTick(() => isAdding = true)
+
+		await taskStore.addAssignee({user: user, taskId: props.taskId})
+		emit('update:modelValue', assignees.value)
+		success({message: t('task.assignee.assignSuccess')})
+	} finally {
+		nextTick(() => isAdding = false)
+	}
 }
 
 async function removeAssignee(user: IUser) {
@@ -119,6 +130,7 @@ function clearAllFoundUsers() {
 }
 
 const multiselect = ref()
+
 function focus() {
 	multiselect.value.focus()
 }
diff --git a/src/stores/tasks.ts b/src/stores/tasks.ts
index 68ca7ff6..3ed7d52e 100644
--- a/src/stores/tasks.ts
+++ b/src/stores/tasks.ts
@@ -171,32 +171,39 @@ export const useTaskStore = defineStore('task', {
 			user: IUser,
 			taskId: ITask['id']
 		}) {
-			const kanbanStore = useKanbanStore()
-			const taskAssigneeService = new TaskAssigneeService()
-			const r = await taskAssigneeService.create(new TaskAssigneeModel({
-				userId: user.id,
-				taskId: taskId,
-			}))
-			const t = kanbanStore.getTaskById(taskId)
-			if (t.task === null) {
-				// Don't try further adding a label if the task is not in kanban
-				// Usually this means the kanban board hasn't been accessed until now.
-				// Vuex seems to have its difficulties with that, so we just log the error and fail silently.
-				console.debug('Could not add assignee to task in kanban, task not found', t)
-				return r
-			}
+			const cancel = setModuleLoading(this)
+			
+			try {
+				const kanbanStore = useKanbanStore()
+				const taskAssigneeService = new TaskAssigneeService()
+				const r = await taskAssigneeService.create(new TaskAssigneeModel({
+					userId: user.id,
+					taskId: taskId,
+				}))
+				const t = kanbanStore.getTaskById(taskId)
+				if (t.task === null) {
+					// Don't try further adding a label if the task is not in kanban
+					// Usually this means the kanban board hasn't been accessed until now.
+					// Vuex seems to have its difficulties with that, so we just log the error and fail silently.
+					console.debug('Could not add assignee to task in kanban, task not found', t)
+					return r
+				}
 
-			kanbanStore.setTaskInBucketByIndex({
-				...t,
-				task: {
-					...t.task,
-					assignees: [
-						...t.task.assignees,
-						user,
-					],
-				},
-			})
-			return r
+				kanbanStore.setTaskInBucketByIndex({
+					...t,
+					task: {
+						...t.task,
+						assignees: [
+							...t.task.assignees,
+							user,
+						],
+					},
+				})
+
+				return r
+			} finally {
+				cancel()
+			}
 		},
 
 		async removeAssignee({

From 17b31e0b9593d23697f71fc43fd2481dff1b5289 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 16:30:23 +0000
Subject: [PATCH 148/187] chore(deps): update dependency happy-dom to v7.0.4
 (#2499)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2499
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 0307c6ee..da1da32c 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
-    "happy-dom": "7.0.2",
+    "happy-dom": "7.0.5",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ef3a2ebb..725993f0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ specifiers:
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
-  happy-dom: 7.0.2
+  happy-dom: 7.0.5
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
@@ -156,7 +156,7 @@ devDependencies:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
-  happy-dom: 7.0.2
+  happy-dom: 7.0.5
   netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.6_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_fa62def892c9acf1c99b23b1f0d45084
+  vitest: 0.23.4_e318428ca07fd3aee8657f34ba355bb1
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -7310,8 +7310,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
     dev: true
 
-  /happy-dom/7.0.2:
-    resolution: {integrity: sha512-txbwa1IUKUBxBeTYgwlXxMN6spD125XzuqY3OWZL2RiWIO3sTwXM387Nxlx8/9Tna+cF8ohvizrghnGeC5vdpg==}
+  /happy-dom/7.0.5:
+    resolution: {integrity: sha512-AdNoBKbigCKatz+/ipHnVlX9G8R0Q0sTywiz7dByafsSg3dD/cxp7Os71c5nOnRJSSJC6ZPT/HnFPdclsZrZ3A==}
     dependencies:
       css.escape: 1.5.1
       he: 1.2.0
@@ -12618,7 +12618,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_fa62def892c9acf1c99b23b1f0d45084:
+  /vitest/0.23.4_e318428ca07fd3aee8657f34ba355bb1:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12645,7 +12645,7 @@ packages:
       '@types/node': 17.0.17
       chai: 4.3.6
       debug: 4.3.4
-      happy-dom: 7.0.2
+      happy-dom: 7.0.5
       local-pkg: 0.4.2
       strip-literal: 0.4.2
       tinybench: 2.1.5

From b62ec799392b92e1cd0c17ffcd4c7e7329212d7b Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 20:31:16 +0000
Subject: [PATCH 149/187] chore(deps): update dependency
 @cypress/vite-dev-server to v3.3.0 (#2501)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2501
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index da1da32c..f8ce8a10 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "2.2.1",
-    "@cypress/vite-dev-server": "3.2.0",
+    "@cypress/vite-dev-server": "3.3.0",
     "@cypress/vue": "4.2.0",
     "@faker-js/faker": "7.5.0",
     "@rushstack/eslint-patch": "1.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 725993f0..c299d1cd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,7 +2,7 @@ lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
-  '@cypress/vite-dev-server': 3.2.0
+  '@cypress/vite-dev-server': 3.3.0
   '@cypress/vue': 4.2.0
   '@faker-js/faker': 7.5.0
   '@fortawesome/fontawesome-svg-core': 6.2.0
@@ -132,7 +132,7 @@ dependencies:
 
 devDependencies:
   '@4tw/cypress-drag-drop': 2.2.1_cypress@10.9.0
-  '@cypress/vite-dev-server': 3.2.0
+  '@cypress/vite-dev-server': 3.3.0
   '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.40
   '@faker-js/faker': 7.5.0
   '@rushstack/eslint-patch': 1.2.0
@@ -1571,8 +1571,8 @@ packages:
       uuid: 8.3.2
     dev: true
 
-  /@cypress/vite-dev-server/3.2.0:
-    resolution: {integrity: sha512-tVOtSQst1yjah972nmhFue67UstxyEm69yuvcaOv9BxtI0e1hd5mM6gfLJINHXCeMmCjsoUxM382iUAr6UGu/Q==}
+  /@cypress/vite-dev-server/3.3.0:
+    resolution: {integrity: sha512-Fj2OR9wnPGpixXkU1HzNVEknyz+kGGBfW70YS/brDcGClAE/zdwja9MYiPObfevDxb+pAv9cQT3q40tEY+2Avg==}
     dependencies:
       debug: 4.3.3
       find-up: 6.3.0

From 5b733ffa8a4ed41dc34cd3c4d7e9dc3c10650e15 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Thu, 6 Oct 2022 20:31:27 +0000
Subject: [PATCH 150/187] chore(deps): update dependency happy-dom to v7.0.6
 (#2500)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2500
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index f8ce8a10..b2cabd93 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
-    "happy-dom": "7.0.5",
+    "happy-dom": "7.0.6",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c299d1cd..6f8f8bbc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ specifiers:
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
-  happy-dom: 7.0.5
+  happy-dom: 7.0.6
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
@@ -156,7 +156,7 @@ devDependencies:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
-  happy-dom: 7.0.5
+  happy-dom: 7.0.6
   netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.6_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_e318428ca07fd3aee8657f34ba355bb1
+  vitest: 0.23.4_162249ca4f5ce29c45e0989cc3eb6907
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -7310,8 +7310,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
     dev: true
 
-  /happy-dom/7.0.5:
-    resolution: {integrity: sha512-AdNoBKbigCKatz+/ipHnVlX9G8R0Q0sTywiz7dByafsSg3dD/cxp7Os71c5nOnRJSSJC6ZPT/HnFPdclsZrZ3A==}
+  /happy-dom/7.0.6:
+    resolution: {integrity: sha512-/tfDIes8V03W2RkoUo2T9t9aqN4HF6Z24URyPx0PfFoS8yghc9tmbXI5i9OPncxJ7CCucv5BMlT5FpWby24C7g==}
     dependencies:
       css.escape: 1.5.1
       he: 1.2.0
@@ -12618,7 +12618,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_e318428ca07fd3aee8657f34ba355bb1:
+  /vitest/0.23.4_162249ca4f5ce29c45e0989cc3eb6907:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12645,7 +12645,7 @@ packages:
       '@types/node': 17.0.17
       chai: 4.3.6
       debug: 4.3.4
-      happy-dom: 7.0.5
+      happy-dom: 7.0.6
       local-pkg: 0.4.2
       strip-literal: 0.4.2
       tinybench: 2.1.5

From 74a9b9ab1b31740fe84a7dddd91a04995c1eb58d Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 6 Oct 2022 22:41:48 +0200
Subject: [PATCH 151/187] feat: show done tasks as strikethrough when searching
 for new tasks to relate

---
 src/components/tasks/partials/relatedTasks.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index 83e9505d..241c4fcb 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -37,7 +37,11 @@
 						@create="createAndRelateTask"
 					>
 						<template #searchResult="{option: task}">
-							<span v-if="typeof task !== 'string'" class="search-result">
+							<span 
+								v-if="typeof task !== 'string'"
+								class="search-result"
+								:class="{'is-strikethrough': task.done}"
+							>
 								<span
 									class="different-list"
 									v-if="task.listId !== listId"

From c8aa3db205c86096d01d4a24e682ca27d40f187f Mon Sep 17 00:00:00 2001
From: drone <k@knt.li>
Date: Fri, 7 Oct 2022 00:24:16 +0000
Subject: [PATCH 152/187] [skip ci] Updated translations via Crowdin

---
 src/i18n/lang/ca-ES.json    | 6 +++++-
 src/i18n/lang/cs-CZ.json    | 6 +++++-
 src/i18n/lang/de-DE.json    | 6 +++++-
 src/i18n/lang/de-swiss.json | 6 +++++-
 src/i18n/lang/es-ES.json    | 6 +++++-
 src/i18n/lang/fr-FR.json    | 6 +++++-
 src/i18n/lang/it-IT.json    | 6 +++++-
 src/i18n/lang/nl-NL.json    | 6 +++++-
 src/i18n/lang/pl-PL.json    | 6 +++++-
 src/i18n/lang/pt-BR.json    | 6 +++++-
 src/i18n/lang/pt-PT.json    | 6 +++++-
 src/i18n/lang/ro-RO.json    | 6 +++++-
 src/i18n/lang/ru-RU.json    | 6 +++++-
 src/i18n/lang/sk-SK.json    | 6 +++++-
 src/i18n/lang/sv-SE.json    | 6 +++++-
 src/i18n/lang/tr-TR.json    | 6 +++++-
 src/i18n/lang/vi-VN.json    | 6 +++++-
 src/i18n/lang/zh-CN.json    | 6 +++++-
 18 files changed, 90 insertions(+), 18 deletions(-)

diff --git a/src/i18n/lang/ca-ES.json b/src/i18n/lang/ca-ES.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/ca-ES.json
+++ b/src/i18n/lang/ca-ES.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/cs-CZ.json b/src/i18n/lang/cs-CZ.json
index 77f93030..211ff774 100644
--- a/src/i18n/lang/cs-CZ.json
+++ b/src/i18n/lang/cs-CZ.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Smazat tuto přílohu",
       "deleteText1": "Opravdu chcete odstranit přílohu {filename}?",
       "copyUrl": "Kopírovat URL",
-      "copyUrlTooltip": "Kopírovat URL této přílohy pro použití v textu"
+      "copyUrlTooltip": "Kopírovat URL této přílohy pro použití v textu",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Komentáře",
diff --git a/src/i18n/lang/de-DE.json b/src/i18n/lang/de-DE.json
index d99f9f7a..aa391066 100644
--- a/src/i18n/lang/de-DE.json
+++ b/src/i18n/lang/de-DE.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Diesen Anhang löschen",
       "deleteText1": "Soll der Anhang {filename} gelöscht werden?",
       "copyUrl": "URL kopieren",
-      "copyUrlTooltip": "Die URL dieses Anhangs zur Verwendung im Text kopieren"
+      "copyUrlTooltip": "Die URL dieses Anhangs zur Verwendung im Text kopieren",
+      "setAsCover": "Als Titelbild setzen",
+      "unsetAsCover": "Titelbild entfernen",
+      "successfullyChangedCoverImage": "Das Titelbild wurde erfolgreich geändert.",
+      "usedAsCover": "Titelbild"
     },
     "comment": {
       "title": "Kommentare",
diff --git a/src/i18n/lang/de-swiss.json b/src/i18n/lang/de-swiss.json
index b6ada51b..9a2ead3c 100644
--- a/src/i18n/lang/de-swiss.json
+++ b/src/i18n/lang/de-swiss.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "De Aahhang lösche",
       "deleteText1": "Bisch du dir sicher, dass du de Aahang {filename} lösche wetsch?",
       "copyUrl": "URL Kopierä",
-      "copyUrlTooltip": "D'Url vo dem Aahang kopiere, um sie im Text zbruuche"
+      "copyUrlTooltip": "D'Url vo dem Aahang kopiere, um sie im Text zbruuche",
+      "setAsCover": "Als Titelbild setzen",
+      "unsetAsCover": "Titelbild entfernen",
+      "successfullyChangedCoverImage": "Das Titelbild wurde erfolgreich geändert.",
+      "usedAsCover": "Titelbild"
     },
     "comment": {
       "title": "Kommentär",
diff --git a/src/i18n/lang/es-ES.json b/src/i18n/lang/es-ES.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/es-ES.json
+++ b/src/i18n/lang/es-ES.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/fr-FR.json b/src/i18n/lang/fr-FR.json
index cea92acb..e4dad723 100644
--- a/src/i18n/lang/fr-FR.json
+++ b/src/i18n/lang/fr-FR.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Supprimer cette pièce jointe",
       "deleteText1": "Supprimer la pièce jointe {filename} ?",
       "copyUrl": "Copier l’URL",
-      "copyUrlTooltip": "Copier l’URL de cette pièce jointe pour l’utiliser dans le texte"
+      "copyUrlTooltip": "Copier l’URL de cette pièce jointe pour l’utiliser dans le texte",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Commentaires",
diff --git a/src/i18n/lang/it-IT.json b/src/i18n/lang/it-IT.json
index f5cb40f1..085e3218 100644
--- a/src/i18n/lang/it-IT.json
+++ b/src/i18n/lang/it-IT.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Elimina questo allegato",
       "deleteText1": "Sei sicuro di voler eliminare l'allegato {filename}?",
       "copyUrl": "Copia URL",
-      "copyUrlTooltip": "Copia l'URL di questo allegato per usarlo nel testo"
+      "copyUrlTooltip": "Copia l'URL di questo allegato per usarlo nel testo",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Commenti",
diff --git a/src/i18n/lang/nl-NL.json b/src/i18n/lang/nl-NL.json
index add1aeaa..6da11db2 100644
--- a/src/i18n/lang/nl-NL.json
+++ b/src/i18n/lang/nl-NL.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Verwijder deze bijlage",
       "deleteText1": "Weet je zeker dat je de bijlage {filename} wilt verwijderen?",
       "copyUrl": "URL kopiëren",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Reacties",
diff --git a/src/i18n/lang/pl-PL.json b/src/i18n/lang/pl-PL.json
index b9679b88..7d3279c4 100644
--- a/src/i18n/lang/pl-PL.json
+++ b/src/i18n/lang/pl-PL.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Usuń ten załącznik",
       "deleteText1": "Czy na pewno chcesz usunąć załącznik {filename}?",
       "copyUrl": "Kopiuj URL",
-      "copyUrlTooltip": "Skopiuj adres URL tego załącznika do użycia w tekście"
+      "copyUrlTooltip": "Skopiuj adres URL tego załącznika do użycia w tekście",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Komentarze",
diff --git a/src/i18n/lang/pt-BR.json b/src/i18n/lang/pt-BR.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/pt-BR.json
+++ b/src/i18n/lang/pt-BR.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/pt-PT.json b/src/i18n/lang/pt-PT.json
index 1ca42962..667e32ba 100644
--- a/src/i18n/lang/pt-PT.json
+++ b/src/i18n/lang/pt-PT.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Eliminar este anexo",
       "deleteText1": "Tens a certeza que pretendes eliminar o anexo {filename}?",
       "copyUrl": "Copiar URL",
-      "copyUrlTooltip": "Copia o url deste anexo para o utilizar no texto"
+      "copyUrlTooltip": "Copia o url deste anexo para o utilizar no texto",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comentários",
diff --git a/src/i18n/lang/ro-RO.json b/src/i18n/lang/ro-RO.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/ro-RO.json
+++ b/src/i18n/lang/ro-RO.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/ru-RU.json b/src/i18n/lang/ru-RU.json
index f551cb84..60c9e28e 100644
--- a/src/i18n/lang/ru-RU.json
+++ b/src/i18n/lang/ru-RU.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Удалить это вложение",
       "deleteText1": "Удалить вложение {filename}?",
       "copyUrl": "Скопировать URL",
-      "copyUrlTooltip": "Скопировать ссылку на это вложение для использования в тексте"
+      "copyUrlTooltip": "Скопировать ссылку на это вложение для использования в тексте",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Комментарии",
diff --git a/src/i18n/lang/sk-SK.json b/src/i18n/lang/sk-SK.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/sk-SK.json
+++ b/src/i18n/lang/sk-SK.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/sv-SE.json b/src/i18n/lang/sv-SE.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/sv-SE.json
+++ b/src/i18n/lang/sv-SE.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/tr-TR.json b/src/i18n/lang/tr-TR.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/tr-TR.json
+++ b/src/i18n/lang/tr-TR.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",
diff --git a/src/i18n/lang/vi-VN.json b/src/i18n/lang/vi-VN.json
index 6ef7e853..0a7c0d98 100644
--- a/src/i18n/lang/vi-VN.json
+++ b/src/i18n/lang/vi-VN.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Xóa tệp đính kèm này",
       "deleteText1": "Bạn có chắc chắn muốn xóa tệp đính kèm {filename} không?",
       "copyUrl": "Sao chép URL",
-      "copyUrlTooltip": "Sao chép url của tệp đính kèm này để sử dụng trong văn bản"
+      "copyUrlTooltip": "Sao chép url của tệp đính kèm này để sử dụng trong văn bản",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Bình luận",
diff --git a/src/i18n/lang/zh-CN.json b/src/i18n/lang/zh-CN.json
index 1fbdaaec..0277cf03 100644
--- a/src/i18n/lang/zh-CN.json
+++ b/src/i18n/lang/zh-CN.json
@@ -690,7 +690,11 @@
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Make cover",
+      "unsetAsCover": "Remove cover",
+      "successfullyChangedCoverImage": "The cover image was successfully changed.",
+      "usedAsCover": "Cover image"
     },
     "comment": {
       "title": "Comments",

From 44549bb441ed128a0505e51b8d032dd48d1dda83 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 7 Oct 2022 11:13:29 +0000
Subject: [PATCH 153/187] chore(deps): update dependency happy-dom to v7.3.0
 (#2502)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2502
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index b2cabd93..560976ad 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
-    "happy-dom": "7.0.6",
+    "happy-dom": "7.3.0",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6f8f8bbc..86f1fea1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ specifiers:
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
-  happy-dom: 7.0.6
+  happy-dom: 7.3.0
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
@@ -156,7 +156,7 @@ devDependencies:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
-  happy-dom: 7.0.6
+  happy-dom: 7.3.0
   netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.6_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_162249ca4f5ce29c45e0989cc3eb6907
+  vitest: 0.23.4_dc11c3e7f666e07dbc327a81f99c380a
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -7310,8 +7310,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
     dev: true
 
-  /happy-dom/7.0.6:
-    resolution: {integrity: sha512-/tfDIes8V03W2RkoUo2T9t9aqN4HF6Z24URyPx0PfFoS8yghc9tmbXI5i9OPncxJ7CCucv5BMlT5FpWby24C7g==}
+  /happy-dom/7.3.0:
+    resolution: {integrity: sha512-KJDR6CJ2S9MeOznLUU4iF98sh2yBmwEOTFcJHHZvNCYo8PsmgeeECZqUOr33VmNdSYBO+X9hSOTjeT533hwSXA==}
     dependencies:
       css.escape: 1.5.1
       he: 1.2.0
@@ -12618,7 +12618,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_162249ca4f5ce29c45e0989cc3eb6907:
+  /vitest/0.23.4_dc11c3e7f666e07dbc327a81f99c380a:
     resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12645,7 +12645,7 @@ packages:
       '@types/node': 17.0.17
       chai: 4.3.6
       debug: 4.3.4
-      happy-dom: 7.0.6
+      happy-dom: 7.3.0
       local-pkg: 0.4.2
       strip-literal: 0.4.2
       tinybench: 2.1.5

From 59b0f12424a94126b8d1efdbf0f4b06ad9e3ba99 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 7 Oct 2022 13:11:04 +0000
Subject: [PATCH 154/187] chore(deps): update dependency vitest to v0.24.0
 (#2503)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2503
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 560976ad..9b0271be 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "vite": "3.1.6",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
-    "vitest": "0.23.4",
+    "vitest": "0.24.0",
     "vue-tsc": "0.40.13",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 86f1fea1..726c5aef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,7 +72,7 @@ specifiers:
   vite: 3.1.6
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4
+  vitest: 0.24.0
   vue: 3.2.40
   vue-advanced-cropper: 2.8.6
   vue-drag-resize: 2.0.3
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.6_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
-  vitest: 0.23.4_dc11c3e7f666e07dbc327a81f99c380a
+  vitest: 0.24.0_dc11c3e7f666e07dbc327a81f99c380a
   vue-tsc: 0.40.13_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -12046,8 +12046,8 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /tinybench/2.1.5:
-    resolution: {integrity: sha512-ak+PZZEuH3mw6CCFOgf5S90YH0MARnZNhxjhjguAmoJimEMAJuNip/rJRd6/wyylHItomVpKTzZk9zrhTrQCoQ==}
+  /tinybench/2.3.0:
+    resolution: {integrity: sha512-zs1gMVBwyyG2QbVchYIbnabRhMOCGvrwZz/q+SV+LIMa9q5YDQZi2kkI6ZRqV2Bz7ba1uvrc7ieUoE4KWnGeKg==}
     dev: true
 
   /tinypool/0.3.0:
@@ -12618,8 +12618,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.23.4_dc11c3e7f666e07dbc327a81f99c380a:
-    resolution: {integrity: sha512-iukBNWqQAv8EKDBUNntspLp9SfpaVFbmzmM0sNcnTxASQZMzRw3PsM6DMlsHiI+I6GeO5/sYDg3ecpC+SNFLrQ==}
+  /vitest/0.24.0_dc11c3e7f666e07dbc327a81f99c380a:
+    resolution: {integrity: sha512-k5j3FPTor+MJx2x0pDW2gtVk+s9VC6nSHT3SoqOIk9Je5fFpPgict+Xy2eAVXUogvSixs45Ya1oZk+oK93BO0w==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
     peerDependencies:
@@ -12648,7 +12648,7 @@ packages:
       happy-dom: 7.3.0
       local-pkg: 0.4.2
       strip-literal: 0.4.2
-      tinybench: 2.1.5
+      tinybench: 2.3.0
       tinypool: 0.3.0
       tinyspy: 1.0.2
       vite: 3.1.6_sass@1.55.0+terser@5.10.0

From 4ebe17f4f300219117d24cc5d55fb4c731924c02 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 7 Oct 2022 14:15:32 +0000
Subject: [PATCH 155/187] chore(deps): update dependency vue-tsc to v1 (#2504)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2504
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 82 +++++++++++++++++++++++++++++---------------------
 2 files changed, 49 insertions(+), 35 deletions(-)

diff --git a/package.json b/package.json
index 9b0271be..8bc86cdf 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.0",
-    "vue-tsc": "0.40.13",
+    "vue-tsc": "1.0.0",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 726c5aef..cc0a95b1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -79,7 +79,7 @@ specifiers:
   vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
-  vue-tsc: 0.40.13
+  vue-tsc: 1.0.0
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -168,7 +168,7 @@ devDependencies:
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
   vitest: 0.24.0_dc11c3e7f666e07dbc327a81f99c380a
-  vue-tsc: 0.40.13_typescript@4.8.4
+  vue-tsc: 1.0.0_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -3338,42 +3338,51 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@volar/code-gen/0.40.13:
-    resolution: {integrity: sha512-4gShBWuMce868OVvgyA1cU5WxHbjfEme18Tw6uVMfweZCF5fB2KECG0iPrA9D54vHk3FeHarODNwgIaaFfUBlA==}
+  /@volar/language-core/1.0.0:
+    resolution: {integrity: sha512-gUeIyRmPD9dtCAADK+ZCr0n4n1lbwsGJ+ulQn//phfD+p9B1E9B4o2WRoeOOAkcqXZTEFmCxtg+S6Pa0pwUVHA==}
     dependencies:
-      '@volar/source-map': 0.40.13
+      '@volar/source-map': 1.0.0
+      '@vue/reactivity': 3.2.40
+      muggle-string: 0.1.0
     dev: true
 
-  /@volar/source-map/0.40.13:
-    resolution: {integrity: sha512-dbdkAB2Nxb0wLjAY5O64o3ywVWlAGONnBIoKAkXSf6qkGZM+nJxcizsoiI66K+RHQG0XqlyvjDizfnTxr+6PWg==}
+  /@volar/source-map/1.0.0:
+    resolution: {integrity: sha512-EyIauGZmii2d4FicOw9eUnjq5nX/lqxKoPDPAZSGfkYOI/zfhhRydjLWR/BTbtPEV+Pqu6p5QjV3ts2/jQtKPw==}
     dependencies:
-      '@vue/reactivity': 3.2.38
+      muggle-string: 0.1.0
     dev: true
 
-  /@volar/typescript-faster/0.40.13:
-    resolution: {integrity: sha512-uy+TlcFkKoNlKEnxA4x5acxdxLyVDIXGSc8cYDNXpPKjBKXrQaetzCzlO3kVBqu1VLMxKNGJMTKn35mo+ILQmw==}
+  /@volar/typescript-faster/1.0.0:
+    resolution: {integrity: sha512-QsKMB2bEfWMKaPKW5HDmvBsusIgGx0WG1U30EaHwpnME25XZSJh1a5BZh9uUQcZteLkjtEfAmCI2PkfDgz1zew==}
     dependencies:
       semver: 7.3.7
     dev: true
 
-  /@volar/vue-language-core/0.40.13:
-    resolution: {integrity: sha512-QkCb8msi2KUitTdM6Y4kAb7/ZlEvuLcbBFOC2PLBlFuoZwyxvSP7c/dBGmKGtJlEvMX0LdCyrg5V2aBYxD38/Q==}
+  /@volar/typescript/1.0.0:
+    resolution: {integrity: sha512-0BsNJnN/VuQ3WQ3RmdJo7Xf8pwT0JCV0xdtgH9okEMeuXBLPZjg7tKwDHT3TY8ord1mVk0tjNnzyQJAhaQ8t0w==}
     dependencies:
-      '@volar/code-gen': 0.40.13
-      '@volar/source-map': 0.40.13
-      '@vue/compiler-core': 3.2.40
+      '@volar/language-core': 1.0.0
+      '@volar/typescript-faster': 1.0.0
+    dev: true
+
+  /@volar/vue-language-core/1.0.0:
+    resolution: {integrity: sha512-BYJvROEGNMDxTbyT7j9B9i8VDeLzEwDijNy2WactsK4mhruYRp911BwI9UNia4dD6RgMhyIShExRNoCwtCNMtw==}
+    dependencies:
+      '@volar/language-core': 1.0.0
+      '@volar/source-map': 1.0.0
       '@vue/compiler-dom': 3.2.40
       '@vue/compiler-sfc': 3.2.40
       '@vue/reactivity': 3.2.40
       '@vue/shared': 3.2.40
+      minimatch: 5.1.0
+      vue-template-compiler: 2.7.10
     dev: true
 
-  /@volar/vue-typescript/0.40.13:
-    resolution: {integrity: sha512-o7bNztwjs8JmbQjVkrnbZUOfm7q4B8ZYssETISN1tRaBdun6cfNqgpkvDYd+VUBh1O4CdksvN+5BUNnwAz4oCQ==}
+  /@volar/vue-typescript/1.0.0:
+    resolution: {integrity: sha512-W9qU96gdApnEgHZf6i9BKQVDJqreYKVsXDRdJPtJEeykSwi6an0LYwgkpCfDjW3pyeVYSYAxVegYE8rSo9k4IA==}
     dependencies:
-      '@volar/code-gen': 0.40.13
-      '@volar/typescript-faster': 0.40.13
-      '@volar/vue-language-core': 0.40.13
+      '@volar/typescript': 1.0.0
+      '@volar/vue-language-core': 1.0.0
     dev: true
 
   /@vue/compiler-core/3.2.37:
@@ -3492,12 +3501,6 @@ packages:
       estree-walker: 2.0.2
       magic-string: 0.25.7
 
-  /@vue/reactivity/3.2.38:
-    resolution: {integrity: sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==}
-    dependencies:
-      '@vue/shared': 3.2.38
-    dev: true
-
   /@vue/reactivity/3.2.40:
     resolution: {integrity: sha512-N9qgGLlZmtUBMHF9xDT4EkD9RdXde1Xbveb+niWMXuHVWQP5BzgRmE3SFyUBBcyayG4y1lhoz+lphGRRxxK4RA==}
     dependencies:
@@ -3529,10 +3532,6 @@ packages:
     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
     dev: true
 
-  /@vue/shared/3.2.38:
-    resolution: {integrity: sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg==}
-    dev: true
-
   /@vue/shared/3.2.40:
     resolution: {integrity: sha512-0PLQ6RUtZM0vO3teRfzGi4ltLUO5aO+kLgwh4Um3THSR03rpQWLTuRCkuO5A41ITzwdWeKdPHtSARuPkoo5pCQ==}
 
@@ -5201,6 +5200,10 @@ packages:
     resolution: {integrity: sha512-P6twpd70BcPK34K26uJ1KT3wlhpuOAPoMwJzpsIWUxHZ7wpmbdZL/hQqBDfz7hGurYSa5PhzdhDHtt319hL3ig==}
     dev: true
 
+  /de-indent/1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+    dev: true
+
   /debounce/1.2.1:
     resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
     dev: false
@@ -9153,6 +9156,10 @@ packages:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
     dev: true
 
+  /muggle-string/0.1.0:
+    resolution: {integrity: sha512-Tr1knR3d2mKvvWthlk7202rywKbiOm4rVFLsfAaSIhJ6dt9o47W4S+JMtWhd/PW9Wrdew2/S2fSvhz3E2gkfEg==}
+    dev: true
+
   /multiparty/4.2.3:
     resolution: {integrity: sha512-Ak6EUJZuhGS8hJ3c2fY6UW5MbkGUPMBEGd13djUzoY/BHqV/gTuFWtC6IuVA7A2+v3yjBS6c4or50xhzTQZImQ==}
     engines: {node: '>= 0.10'}
@@ -12749,14 +12756,21 @@ packages:
       vue: 3.2.40
     dev: false
 
-  /vue-tsc/0.40.13_typescript@4.8.4:
-    resolution: {integrity: sha512-xzuN3g5PnKfJcNrLv4+mAjteMd5wLm5fRhW0034OfNJZY4WhB07vhngea/XeGn7wNYt16r7syonzvW/54dcNiA==}
+  /vue-template-compiler/2.7.10:
+    resolution: {integrity: sha512-QO+8R9YRq1Gudm8ZMdo/lImZLJVUIAM8c07Vp84ojdDAf8HmPJc7XB556PcXV218k2AkKznsRz6xB5uOjAC4EQ==}
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+    dev: true
+
+  /vue-tsc/1.0.0_typescript@4.8.4:
+    resolution: {integrity: sha512-QtQunVlF8SLs75s9FTCOOLXx6Fb5ccN6r3xDT4rUzznPzP6xfRC/iWhrJImEBRz74fhqXWPUMfujcmibnwYyXw==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 0.40.13
-      '@volar/vue-typescript': 0.40.13
+      '@volar/vue-language-core': 1.0.0
+      '@volar/vue-typescript': 1.0.0
       typescript: 4.8.4
     dev: true
 

From a895bde6612e7a2b22a84b6ca7c583bafc9ebc9e Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 7 Oct 2022 17:18:15 +0200
Subject: [PATCH 156/187] fix: make sure subscriptions are properly inherited
 between lists and namespaces

---
 .../namespace/namespace-settings-dropdown.vue | 20 +++++++++++++++----
 src/stores/namespaces.ts                      | 11 ++++++++--
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/components/namespace/namespace-settings-dropdown.vue b/src/components/namespace/namespace-settings-dropdown.vue
index 77861621..fb71ba66 100644
--- a/src/components/namespace/namespace-settings-dropdown.vue
+++ b/src/components/namespace/namespace-settings-dropdown.vue
@@ -33,14 +33,13 @@
 			>
 				{{ $t('menu.archive') }}
 			</dropdown-item>
-			<task-subscription
-				v-if="subscription"
+			<Subscription
 				class="has-no-shadow"
 				:is-button="false"
 				entity="namespace"
 				:entity-id="namespace.id"
 				:model-value="subscription"
-				@update:model-value="sub => subscription = sub"
+				@update:model-value="setSubscriptionInStore"
 				type="dropdown"
 			/>
 			<dropdown-item
@@ -59,9 +58,10 @@ import {ref, onMounted, type PropType} from 'vue'
 
 import Dropdown from '@/components/misc/dropdown.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
-import TaskSubscription from '@/components/misc/subscription.vue'
+import Subscription from '@/components/misc/subscription.vue'
 import type {INamespace} from '@/modelTypes/INamespace'
 import type {ISubscription} from '@/modelTypes/ISubscription'
+import {useNamespaceStore} from '@/stores/namespaces'
 
 const props = defineProps({
 	namespace: {
@@ -70,8 +70,20 @@ const props = defineProps({
 	},
 })
 
+const namespaceStore = useNamespaceStore()
+
 const subscription = ref<ISubscription | null>(null)
 onMounted(() => {
 	subscription.value = props.namespace.subscription
 })
+
+function setSubscriptionInStore(sub: ISubscription) {
+	subscription.value = sub
+	namespaceStore.setNamespaces([
+		{
+			...props.namespace,
+			subscription: sub,
+		},
+	])
+}
 </script>
diff --git a/src/stores/namespaces.ts b/src/stores/namespaces.ts
index 86a7f026..5d83948b 100644
--- a/src/stores/namespaces.ts
+++ b/src/stores/namespaces.ts
@@ -43,7 +43,7 @@ export const useNamespaceStore = defineStore('namespace', {
 		getNamespaceById: state => (namespaceId: INamespace['id']) => {
 			return state.namespaces.find(({id}) => id == namespaceId) || null
 		},
-	
+
 		searchNamespace() {
 			return (query: string) => (
 				search(query)
@@ -64,6 +64,13 @@ export const useNamespaceStore = defineStore('namespace', {
 			this.namespaces = namespaces
 			namespaces.forEach(n => {
 				add(n)
+
+				// Check for each list in that namespace if it has a subscription and set it if not
+				n.lists.forEach(l => {
+					if (l.subscription === null || l.subscription.entity !== 'list') {
+						l.subscription = n.subscription
+					}
+				})
 			})
 		},
 
@@ -203,5 +210,5 @@ export const useNamespaceStore = defineStore('namespace', {
 
 // support hot reloading
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useNamespaceStore, import.meta.hot))
+	import.meta.hot.accept(acceptHMRUpdate(useNamespaceStore, import.meta.hot))
 }
\ No newline at end of file

From 172d353df7a86baa9c2759907c7f855679138cc0 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 7 Oct 2022 17:38:08 +0200
Subject: [PATCH 157/187] fix: make sure subscription strings work consistently
 across languages

---
 src/components/misc/subscription.vue | 65 ++++++++++++++++++++++++----
 src/i18n/lang/en.json                | 21 ++++++---
 2 files changed, 72 insertions(+), 14 deletions(-)

diff --git a/src/components/misc/subscription.vue b/src/components/misc/subscription.vue
index ba0f79ef..ccfa358f 100644
--- a/src/components/misc/subscription.vue
+++ b/src/components/misc/subscription.vue
@@ -69,17 +69,38 @@ const emit = defineEmits(['update:modelValue'])
 const subscriptionService = shallowRef(new SubscriptionService())
 
 const {t} = useI18n({useScope: 'global'})
+
 const tooltipText = computed(() => {
 	if (disabled.value) {
-		return t('task.subscription.subscribedThroughParent', {
-			entity: props.entity,
-			parent: subscriptionEntity.value,
-		})
+		if (props.entity === 'list' && subscriptionEntity.value === 'namespace') {
+			return t('task.subscription.subscribedListThroughParentNamespace')
+		}
+		if (props.entity === 'task' && subscriptionEntity.value === 'namespace') {
+			return t('task.subscription.subscribedTaskThroughParentNamespace')
+		}
+		if (props.entity === 'task' && subscriptionEntity.value === 'list') {
+			return t('task.subscription.subscribedTaskThroughParentList')
+		}
+
+		return ''
 	}
 
-	return props.modelValue !== null ?
-		t('task.subscription.subscribed', {entity: props.entity}) :
-		t('task.subscription.notSubscribed', {entity: props.entity})
+	switch (props.entity) {
+		case 'namespace':
+			return props.modelValue !== null ?
+				t('task.subscription.subscribedNamespace') :
+				t('task.subscription.notSubscribedNamespace')
+		case 'list':
+			return props.modelValue !== null ?
+				t('task.subscription.subscribedList') :
+				t('task.subscription.notSubscribedList')
+		case 'task':
+			return props.modelValue !== null ?
+				t('task.subscription.subscribedTask') :
+				t('task.subscription.notSubscribedTask')
+	}
+
+	return ''
 })
 
 const buttonText = computed(() => props.modelValue ? t('task.subscription.unsubscribe') : t('task.subscription.subscribe'))
@@ -105,7 +126,20 @@ async function subscribe() {
 	})
 	await subscriptionService.value.create(subscription)
 	emit('update:modelValue', subscription)
-	success({message: t('task.subscription.subscribeSuccess', {entity: props.entity})})
+
+	let message = ''
+	switch (props.entity) {
+		case 'namespace':
+			message = t('task.subscription.subscribeSuccessNamespace')
+			break
+		case 'list':
+			message = t('task.subscription.subscribeSuccessList')
+			break
+		case 'task':
+			message = t('task.subscription.subscribeSuccessTask')
+			break
+	}
+	success({message})
 }
 
 async function unsubscribe() {
@@ -115,6 +149,19 @@ async function unsubscribe() {
 	})
 	await subscriptionService.value.delete(subscription)
 	emit('update:modelValue', null)
-	success({message: t('task.subscription.unsubscribeSuccess', {entity: props.entity})})
+
+	let message = ''
+	switch (props.entity) {
+		case 'namespace':
+			message = t('task.subscription.unsubscribeSuccessNamespace')
+			break
+		case 'list':
+			message = t('task.subscription.unsubscribeSuccessList')
+			break
+		case 'task':
+			message = t('task.subscription.unsubscribeSuccessTask')
+			break
+	}
+	success({message})
 }
 </script>
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 780ce3b7..3263b06c 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -169,6 +169,7 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": "List",
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -675,13 +676,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",

From 0a29197715f22602faf353fb8fe850150aa710d1 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 7 Oct 2022 18:15:00 +0200
Subject: [PATCH 158/187] fix: make sure subscriptions are properly inherited
 between namespaces and lists

---
 .../list/list-settings-dropdown.vue           | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/list/list-settings-dropdown.vue b/src/components/list/list-settings-dropdown.vue
index b56adcdc..36548578 100644
--- a/src/components/list/list-settings-dropdown.vue
+++ b/src/components/list/list-settings-dropdown.vue
@@ -55,13 +55,13 @@
 			>
 				{{ $t('menu.archive') }}
 			</dropdown-item>
-			<task-subscription
+			<Subscription
 				class="has-no-shadow"
 				:is-button="false"
 				entity="list"
 				:entity-id="list.id"
 				:model-value="list.subscription"
-				@update:model-value="sub => subscription = sub"
+				@update:model-value="setSubscriptionInStore"
 				type="dropdown"
 			/>
 			<dropdown-item
@@ -81,10 +81,12 @@ import {ref, computed, watchEffect, type PropType} from 'vue'
 import {isSavedFilter} from '@/helpers/savedFilter'
 import Dropdown from '@/components/misc/dropdown.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
-import TaskSubscription from '@/components/misc/subscription.vue'
+import Subscription from '@/components/misc/subscription.vue'
 import type {IList} from '@/modelTypes/IList'
 import type {ISubscription} from '@/modelTypes/ISubscription'
 import {useConfigStore} from '@/stores/config'
+import {useListStore} from '@/stores/lists'
+import {useNamespaceStore} from '@/stores/namespaces'
 
 const props = defineProps({
 	list: {
@@ -93,6 +95,8 @@ const props = defineProps({
 	},
 })
 
+const listStore = useListStore()
+const namespaceStore = useNamespaceStore()
 const subscription = ref<ISubscription | null>(null)
 watchEffect(() => {
 	subscription.value = props.list.subscription ?? null
@@ -100,4 +104,14 @@ watchEffect(() => {
 
 const configStore = useConfigStore()
 const backgroundsEnabled = computed(() => configStore.enabledBackgroundProviders?.length > 0)
+
+function setSubscriptionInStore(sub: ISubscription) {
+	subscription.value = sub
+	const updatedList = {
+		...props.list,
+		subscription: sub,
+	}
+	listStore.setList(updatedList)
+	namespaceStore.setListInNamespaceById(updatedList)
+}
 </script>

From 96a8308d16ca019fb40ac540b4aedb8f37ffffbd Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 7 Oct 2022 16:16:03 +0000
Subject: [PATCH 159/187] chore(deps): update dependency happy-dom to v7.4.0
 (#2505)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2505
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 8bc86cdf..6add9f44 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "eslint": "8.24.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
-    "happy-dom": "7.3.0",
+    "happy-dom": "7.4.0",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cc0a95b1..61b106d5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ specifiers:
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
-  happy-dom: 7.3.0
+  happy-dom: 7.4.0
   highlight.js: 11.6.0
   is-touch-device: 1.0.1
   lodash.clonedeep: 4.5.0
@@ -156,7 +156,7 @@ devDependencies:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0_eslint@8.24.0
   express: 4.18.1
-  happy-dom: 7.3.0
+  happy-dom: 7.4.0
   netlify-cli: 12.0.2
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.6_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
-  vitest: 0.24.0_dc11c3e7f666e07dbc327a81f99c380a
+  vitest: 0.24.0_7fc655e167cf9da448ccc3b585011dd3
   vue-tsc: 1.0.0_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -7313,8 +7313,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
     dev: true
 
-  /happy-dom/7.3.0:
-    resolution: {integrity: sha512-KJDR6CJ2S9MeOznLUU4iF98sh2yBmwEOTFcJHHZvNCYo8PsmgeeECZqUOr33VmNdSYBO+X9hSOTjeT533hwSXA==}
+  /happy-dom/7.4.0:
+    resolution: {integrity: sha512-vczfEc7g+kUWA7cKTeSDI/pQSCyAInxC0TMTR9Pjy211jHt8ZBo+3HGU51XNHimLmvVWdvaWvMdfOfhvW1H1uw==}
     dependencies:
       css.escape: 1.5.1
       he: 1.2.0
@@ -12625,7 +12625,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.24.0_dc11c3e7f666e07dbc327a81f99c380a:
+  /vitest/0.24.0_7fc655e167cf9da448ccc3b585011dd3:
     resolution: {integrity: sha512-k5j3FPTor+MJx2x0pDW2gtVk+s9VC6nSHT3SoqOIk9Je5fFpPgict+Xy2eAVXUogvSixs45Ya1oZk+oK93BO0w==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12652,7 +12652,7 @@ packages:
       '@types/node': 17.0.17
       chai: 4.3.6
       debug: 4.3.4
-      happy-dom: 7.3.0
+      happy-dom: 7.4.0
       local-pkg: 0.4.2
       strip-literal: 0.4.2
       tinybench: 2.3.0

From 458df8044306642e5da813ff8341bed07f67f26a Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 7 Oct 2022 18:17:17 +0200
Subject: [PATCH 160/187] chore: update happy-dom less frequently

---
 renovate.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/renovate.json b/renovate.json
index 0570abeb..f26da76c 100644
--- a/renovate.json
+++ b/renovate.json
@@ -6,7 +6,7 @@
   ],
   "packageRules": [
     {
-      "matchPackageNames": ["netlify-cli"],
+      "matchPackageNames": ["netlify-cli", "happy-dom"],
       "extends": ["schedule:weekly"]
     },
     {

From 6d587fad6e31fccee4a088d242b4f982a0462e4c Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 7 Oct 2022 19:49:57 +0200
Subject: [PATCH 161/187] fix(filters): page freezing when entering a date as a
 result of an endless loop

Resolves https://kolaente.dev/vikunja/frontend/issues/2384
---
 src/components/list/partials/filters.vue | 14 +++++++++++---
 src/helpers/time/formatDate.ts           |  2 +-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index 0c886b98..d9a0a46e 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -210,6 +210,7 @@ import ListService from '@/services/list'
 import NamespaceService from '@/services/namespace'
 import EditLabels from '@/components/tasks/partials/editLabels.vue'
 
+import {dateIsValid, formatISO} from '@/helpers/time/formatDate'
 import {objectToSnakeCase} from '@/helpers/case'
 import {getDefaultParams} from '@/composables/taskList'
 import {camelCase} from 'camel-case'
@@ -391,7 +392,14 @@ export default defineComponent({
 					this.params.filter_value.push(dateTo)
 				}
 
-				this.filters[camelCase(filterName)] = {dateFrom, dateTo}
+				this.filters[camelCase(filterName)] = {
+					// Passing the dates as string values avoids an endless loop between values changing 
+					// in the datepicker (bubbling up to here) and changing here and bubbling down to the 
+					// datepicker (because there's a new date instance every time this function gets called).
+					// See https://kolaente.dev/vikunja/frontend/issues/2384
+					dateFrom: dateIsValid(dateFrom) ? formatISO(dateFrom) : dateFrom,
+					dateTo: dateIsValid(dateTo) ? formatISO(dateTo) : dateTo,
+				}
 				this.change()
 				return
 			}
@@ -511,12 +519,12 @@ export default defineComponent({
 			if (typeof this.filters[filterName] === 'undefined' || this.filters[filterName] === '') {
 				return
 			}
-			
+
 			// Don't load things if we already have something loaded.
 			// This is not the most ideal solution because it prevents a re-population when filters are changed 
 			// from the outside. It is still fine because we're not changing them from the outside, other than 
 			// loading them initially.
-			if(this[kind].length > 0) {
+			if (this[kind].length > 0) {
 				return
 			}
 
diff --git a/src/helpers/time/formatDate.ts b/src/helpers/time/formatDate.ts
index afa3f70a..2a202b9d 100644
--- a/src/helpers/time/formatDate.ts
+++ b/src/helpers/time/formatDate.ts
@@ -6,7 +6,7 @@ import {i18n} from '@/i18n'
 
 const locales = {en: enGB, de, ch: de, fr, ru}
 
-const dateIsValid = date => {
+export function dateIsValid(date) {
 	if (date === null) {
 		return false
 	}

From 59cb0c82f92cd3e23f5faffd1a6c56c48e2acd1a Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Fri, 7 Oct 2022 23:03:56 +0000
Subject: [PATCH 162/187] chore(deps): update dependency eslint to v8.25.0

---
 package.json   |  2 +-
 pnpm-lock.yaml | 83 ++++++++++++++++++++++++--------------------------
 2 files changed, 40 insertions(+), 45 deletions(-)

diff --git a/package.json b/package.json
index 6add9f44..4c0a901b 100644
--- a/package.json
+++ b/package.json
@@ -85,7 +85,7 @@
     "caniuse-lite": "1.0.30001414",
     "cypress": "10.9.0",
     "esbuild": "0.15.10",
-    "eslint": "8.24.0",
+    "eslint": "8.25.0",
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.1",
     "happy-dom": "7.4.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 61b106d5..70cac9d9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -44,7 +44,7 @@ specifiers:
   dompurify: 2.4.0
   easymde: 2.18.0
   esbuild: 0.15.10
-  eslint: 8.24.0
+  eslint: 8.25.0
   eslint-plugin-vue: 9.6.0
   express: 4.18.1
   flatpickr: 4.6.13
@@ -141,11 +141,11 @@ devDependencies:
   '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
-  '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
-  '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+  '@typescript-eslint/eslint-plugin': 5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e
+  '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.6
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.6+vue@3.2.40
-  '@vue/eslint-config-typescript': 11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb
+  '@vue/eslint-config-typescript': 11.0.2_8498299c5d4240ca64b4886a17da166b
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
@@ -153,8 +153,8 @@ devDependencies:
   caniuse-lite: 1.0.30001414
   cypress: 10.9.0
   esbuild: 0.15.10
-  eslint: 8.24.0
-  eslint-plugin-vue: 9.6.0_eslint@8.24.0
+  eslint: 8.25.0
+  eslint-plugin-vue: 9.6.0_eslint@8.25.0
   express: 4.18.1
   happy-dom: 7.4.0
   netlify-cli: 12.0.2
@@ -1633,8 +1633,8 @@ packages:
     dev: true
     optional: true
 
-  /@eslint/eslintrc/1.3.2:
-    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==}
+  /@eslint/eslintrc/1.3.3:
+    resolution: {integrity: sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
@@ -1730,10 +1730,6 @@ packages:
       - supports-color
     dev: true
 
-  /@humanwhocodes/gitignore-to-minimatch/1.0.2:
-    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}
-    dev: true
-
   /@humanwhocodes/module-importer/1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -3124,7 +3120,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_be048b79d04b908735dc19ebba1dbd66:
+  /@typescript-eslint/eslint-plugin/5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e:
     resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3135,12 +3131,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
       '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/type-utils': 5.39.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_eslint@8.25.0+typescript@4.8.4
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
@@ -3150,7 +3146,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/parser/5.39.0_eslint@8.25.0+typescript@4.8.4:
     resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3164,7 +3160,7 @@ packages:
       '@typescript-eslint/types': 5.39.0
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       typescript: 4.8.4
     transitivePeerDependencies:
       - supports-color
@@ -3178,7 +3174,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.39.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/type-utils/5.39.0_eslint@8.25.0+typescript@4.8.4:
     resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3189,9 +3185,9 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.24.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.39.0_eslint@8.25.0+typescript@4.8.4
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       tsutils: 3.21.0_typescript@4.8.4
       typescript: 4.8.4
     transitivePeerDependencies:
@@ -3245,7 +3241,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_eslint@8.24.0+typescript@4.8.4:
+  /@typescript-eslint/utils/5.39.0_eslint@8.25.0+typescript@4.8.4:
     resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3255,9 +3251,9 @@ packages:
       '@typescript-eslint/scope-manager': 5.39.0
       '@typescript-eslint/types': 5.39.0
       '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.24.0
+      eslint-utils: 3.0.0_eslint@8.25.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -3461,7 +3457,7 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_ab5ac96ab635ce1fa6bba69a2b0ff7cb:
+  /@vue/eslint-config-typescript/11.0.2_8498299c5d4240ca64b4886a17da166b:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3472,12 +3468,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.39.0_be048b79d04b908735dc19ebba1dbd66
-      '@typescript-eslint/parser': 5.39.0_eslint@8.24.0+typescript@4.8.4
-      eslint: 8.24.0
-      eslint-plugin-vue: 9.6.0_eslint@8.24.0
+      '@typescript-eslint/eslint-plugin': 5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e
+      '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
+      eslint: 8.25.0
+      eslint-plugin-vue: 9.6.0_eslint@8.25.0
       typescript: 4.8.4
-      vue-eslint-parser: 9.0.3_eslint@8.24.0
+      vue-eslint-parser: 9.0.3_eslint@8.25.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6133,19 +6129,19 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-plugin-vue/9.6.0_eslint@8.24.0:
+  /eslint-plugin-vue/9.6.0_eslint@8.25.0:
     resolution: {integrity: sha512-zzySkJgVbFCylnG2+9MDF7N+2Rjze2y0bF8GyUNpFOnT8mCMfqqtLDJkHBuYu9N/psW1A6DVbQhPkP92E+qakA==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.24.0
-      eslint-utils: 3.0.0_eslint@8.24.0
+      eslint: 8.25.0
+      eslint-utils: 3.0.0_eslint@8.25.0
       natural-compare: 1.4.0
       nth-check: 2.0.1
       postcss-selector-parser: 6.0.10
       semver: 7.3.7
-      vue-eslint-parser: 9.0.3_eslint@8.24.0
+      vue-eslint-parser: 9.0.3_eslint@8.25.0
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -6167,13 +6163,13 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.24.0:
+  /eslint-utils/3.0.0_eslint@8.25.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.24.0
+      eslint: 8.25.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -6187,14 +6183,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.24.0:
-    resolution: {integrity: sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==}
+  /eslint/8.25.0:
+    resolution: {integrity: sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': 1.3.2
+      '@eslint/eslintrc': 1.3.3
       '@humanwhocodes/config-array': 0.10.5
-      '@humanwhocodes/gitignore-to-minimatch': 1.0.2
       '@humanwhocodes/module-importer': 1.0.1
       ajv: 6.12.6
       chalk: 4.1.2
@@ -6203,7 +6198,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.24.0
+      eslint-utils: 3.0.0_eslint@8.25.0
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0
       esquery: 1.4.0
@@ -12698,14 +12693,14 @@ packages:
     resolution: {integrity: sha512-5q03tZ/LyvQsg1iHRcqs+wI2OKNbNIWl9+7V8rVL6MxJhZLCIYSSgbAUaDE38LhD6dFd5aJhdgNmES61AxjXuw==}
     dev: false
 
-  /vue-eslint-parser/9.0.3_eslint@8.24.0:
+  /vue-eslint-parser/9.0.3_eslint@8.25.0:
     resolution: {integrity: sha512-yL+ZDb+9T0ELG4VIFo/2anAOz8SvBdlqEnQnvJ3M7Scq56DvtjY0VY88bByRZB0D4J0u8olBcfrXTVONXsh4og==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.24.0
+      eslint: 8.25.0
       eslint-scope: 7.1.1
       eslint-visitor-keys: 3.3.0
       espree: 9.4.0

From 48cb3defc4f9f5a4c572eff05ce4d0236f6da091 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sat, 8 Oct 2022 19:38:34 +0000
Subject: [PATCH 163/187] chore(deps): update dependency vue-tsc to v1.0.1
 (#2507)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2507
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 51 ++++++++++++++++++++++----------------------------
 2 files changed, 23 insertions(+), 30 deletions(-)

diff --git a/package.json b/package.json
index 4c0a901b..97554c69 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.0",
-    "vue-tsc": "1.0.0",
+    "vue-tsc": "1.0.1",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 70cac9d9..5b6bffef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -79,7 +79,7 @@ specifiers:
   vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
-  vue-tsc: 1.0.0
+  vue-tsc: 1.0.1
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -168,7 +168,7 @@ devDependencies:
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
   vitest: 0.24.0_7fc655e167cf9da448ccc3b585011dd3
-  vue-tsc: 1.0.0_typescript@4.8.4
+  vue-tsc: 1.0.1_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -3334,38 +3334,31 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@volar/language-core/1.0.0:
-    resolution: {integrity: sha512-gUeIyRmPD9dtCAADK+ZCr0n4n1lbwsGJ+ulQn//phfD+p9B1E9B4o2WRoeOOAkcqXZTEFmCxtg+S6Pa0pwUVHA==}
+  /@volar/language-core/1.0.1:
+    resolution: {integrity: sha512-fMmpPc5Or/aNWU4dBmiNBDU7dmKYtSlxzpPrEffMgMmWOckCEtu6jVdi0SJRnUrHXBOjulCsmb4/wmWK7rm/ww==}
     dependencies:
-      '@volar/source-map': 1.0.0
+      '@volar/source-map': 1.0.1
       '@vue/reactivity': 3.2.40
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/source-map/1.0.0:
-    resolution: {integrity: sha512-EyIauGZmii2d4FicOw9eUnjq5nX/lqxKoPDPAZSGfkYOI/zfhhRydjLWR/BTbtPEV+Pqu6p5QjV3ts2/jQtKPw==}
+  /@volar/source-map/1.0.1:
+    resolution: {integrity: sha512-p30r3kkOBPK/69QaNSk8YmhqGjYUbB0XdIVpjHWgD3zIE80DBY7xnZeJskBEIBeZNcuG2RMmbeRyM3ZmniD4vQ==}
     dependencies:
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/typescript-faster/1.0.0:
-    resolution: {integrity: sha512-QsKMB2bEfWMKaPKW5HDmvBsusIgGx0WG1U30EaHwpnME25XZSJh1a5BZh9uUQcZteLkjtEfAmCI2PkfDgz1zew==}
+  /@volar/typescript/1.0.1:
+    resolution: {integrity: sha512-/TT6gxK8oz2AdAYSJ73e6MmT0t6r6bfkt989c2QmzDBzF3VToKCjmfIXk9r2AbZ7z24cYVM6KJ6fj1HTHb2pAQ==}
     dependencies:
-      semver: 7.3.7
+      '@volar/language-core': 1.0.1
     dev: true
 
-  /@volar/typescript/1.0.0:
-    resolution: {integrity: sha512-0BsNJnN/VuQ3WQ3RmdJo7Xf8pwT0JCV0xdtgH9okEMeuXBLPZjg7tKwDHT3TY8ord1mVk0tjNnzyQJAhaQ8t0w==}
+  /@volar/vue-language-core/1.0.1:
+    resolution: {integrity: sha512-myNGjQm6FIrWCKWidjxgp90FNcIcGZBTelUQCbFsnALqbhYXkVOsw4fdm9YS+MDJvxpkNPILzJICm5m/svSbpw==}
     dependencies:
-      '@volar/language-core': 1.0.0
-      '@volar/typescript-faster': 1.0.0
-    dev: true
-
-  /@volar/vue-language-core/1.0.0:
-    resolution: {integrity: sha512-BYJvROEGNMDxTbyT7j9B9i8VDeLzEwDijNy2WactsK4mhruYRp911BwI9UNia4dD6RgMhyIShExRNoCwtCNMtw==}
-    dependencies:
-      '@volar/language-core': 1.0.0
-      '@volar/source-map': 1.0.0
+      '@volar/language-core': 1.0.1
+      '@volar/source-map': 1.0.1
       '@vue/compiler-dom': 3.2.40
       '@vue/compiler-sfc': 3.2.40
       '@vue/reactivity': 3.2.40
@@ -3374,11 +3367,11 @@ packages:
       vue-template-compiler: 2.7.10
     dev: true
 
-  /@volar/vue-typescript/1.0.0:
-    resolution: {integrity: sha512-W9qU96gdApnEgHZf6i9BKQVDJqreYKVsXDRdJPtJEeykSwi6an0LYwgkpCfDjW3pyeVYSYAxVegYE8rSo9k4IA==}
+  /@volar/vue-typescript/1.0.1:
+    resolution: {integrity: sha512-6u+QOn0saxjsgGjhS5nOjR5+QBpumLZR5MFG8nSQy/WMcbKYq6JTRCKlW8Z3trNyV09tXbb72Cq3HsIlNux6jQ==}
     dependencies:
-      '@volar/typescript': 1.0.0
-      '@volar/vue-language-core': 1.0.0
+      '@volar/typescript': 1.0.1
+      '@volar/vue-language-core': 1.0.1
     dev: true
 
   /@vue/compiler-core/3.2.37:
@@ -12758,14 +12751,14 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc/1.0.0_typescript@4.8.4:
-    resolution: {integrity: sha512-QtQunVlF8SLs75s9FTCOOLXx6Fb5ccN6r3xDT4rUzznPzP6xfRC/iWhrJImEBRz74fhqXWPUMfujcmibnwYyXw==}
+  /vue-tsc/1.0.1_typescript@4.8.4:
+    resolution: {integrity: sha512-ry597rhsvoIOAE4jv6IfcQr++1cJzkWC1lDmxyGEJSBAePRWselcM0gd/dsHdWuDGbj08DwSxZoAThV6tNUT0Q==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 1.0.0
-      '@volar/vue-typescript': 1.0.0
+      '@volar/vue-language-core': 1.0.1
+      '@volar/vue-typescript': 1.0.1
       typescript: 4.8.4
     dev: true
 

From 6c1cd9f9119ccf392dbef09b621d5ffade32d598 Mon Sep 17 00:00:00 2001
From: drone <renovatebot@kolaente.de>
Date: Sun, 9 Oct 2022 00:24:25 +0000
Subject: [PATCH 164/187] [skip ci] Updated translations via Crowdin

---
 src/i18n/lang/ca-ES.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/cs-CZ.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/de-DE.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/de-swiss.json | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/es-ES.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/fr-FR.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/it-IT.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/nl-NL.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/pl-PL.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/pt-BR.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/pt-PT.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/ro-RO.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/ru-RU.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/sk-SK.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/sv-SE.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/tr-TR.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/vi-VN.json    | 36 +++++++++++++++++++++++-------------
 src/i18n/lang/zh-CN.json    | 36 +++++++++++++++++++++++-------------
 18 files changed, 414 insertions(+), 234 deletions(-)

diff --git a/src/i18n/lang/ca-ES.json b/src/i18n/lang/ca-ES.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/ca-ES.json
+++ b/src/i18n/lang/ca-ES.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/cs-CZ.json b/src/i18n/lang/cs-CZ.json
index 211ff774..b6107647 100644
--- a/src/i18n/lang/cs-CZ.json
+++ b/src/i18n/lang/cs-CZ.json
@@ -169,6 +169,14 @@
     "title": "Název seznamu",
     "color": "Barva",
     "lists": "Seznamy",
+    "list": {
+      "title": "Seznam",
+      "add": "Přidat",
+      "addPlaceholder": "Přidat nový úkol…",
+      "empty": "Tento seznam je nyní prázdný.",
+      "newTaskCta": "Vytvořit nový úkol.",
+      "editTask": "Upravit úkol"
+    },
     "search": "Začni psát pro vyhledání seznamu…",
     "searchSelect": "Klikněte nebo stiskněte Enter pro výběr tohoto seznamu",
     "shared": "Sdílené seznamy",
@@ -270,14 +278,6 @@
         "delete": "Smazat"
       }
     },
-    "list": {
-      "title": "Seznam",
-      "add": "Přidat",
-      "addPlaceholder": "Přidat nový úkol…",
-      "empty": "Tento seznam je nyní prázdný.",
-      "newTaskCta": "Vytvořit nový úkol.",
-      "editTask": "Upravit úkol"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Zobrazit úkoly, které nemají nastavené datum",
@@ -672,13 +672,23 @@
       "updated": "Aktualizováno"
     },
     "subscription": {
-      "subscribedThroughParent": "Zde se nemůžete odhlásit, protože jste přihlášeni k odběru {entity} prostřednictvím jeho {parent}.",
-      "subscribed": "Aktuálně jste přihlášeni k odběru {entity} a budete dostávat oznámení o změnách.",
-      "notSubscribed": "Nejste přihlášeni k odběru {entity} a nebudete dostávat upozornění na změny.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Odebírat",
       "unsubscribe": "Odhlásit odběr",
-      "subscribeSuccess": "Nyní jste přihlášeni k odběru {entity}",
-      "unsubscribeSuccess": "Nyní jste odhlášeni od odběru {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Přílohy",
diff --git a/src/i18n/lang/de-DE.json b/src/i18n/lang/de-DE.json
index aa391066..2cf945be 100644
--- a/src/i18n/lang/de-DE.json
+++ b/src/i18n/lang/de-DE.json
@@ -169,6 +169,14 @@
     "title": "Listentitel",
     "color": "Farbe",
     "lists": "Listen",
+    "list": {
+      "title": "Liste",
+      "add": "Hinzufügen",
+      "addPlaceholder": "Eine neue Aufgabe hinzufügen …",
+      "empty": "Diese Liste ist derzeit leer.",
+      "newTaskCta": "Eine neue Aufgabe erstellen.",
+      "editTask": "Aufgabe bearbeiten"
+    },
     "search": "Tippe, um nach einer Liste zu suchen…",
     "searchSelect": "Klicke auf oder drücke die Eingabetaste, um diese Liste auszuwählen",
     "shared": "Geteilte Listen",
@@ -270,14 +278,6 @@
         "delete": "Löschen"
       }
     },
-    "list": {
-      "title": "Liste",
-      "add": "Hinzufügen",
-      "addPlaceholder": "Eine neue Aufgabe hinzufügen …",
-      "empty": "Diese Liste ist derzeit leer.",
-      "newTaskCta": "Eine neue Aufgabe erstellen.",
-      "editTask": "Aufgabe bearbeiten"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Aufgaben anzeigen, für die keine Daten festgelegt sind",
@@ -672,13 +672,23 @@
       "updated": "Aktualisiert"
     },
     "subscription": {
-      "subscribedThroughParent": "Du kannst hier nicht de-abonnieren, da du diese {entity} durch {parent} abonniert hast.",
-      "subscribed": "Du erhältst Benachrichtigungen zu dieser {entity}.",
-      "notSubscribed": "Du hast diese {entity} nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
+      "subscribedListThroughParentNamespace": "Du kannst hier nicht de-abonnieren, da du diese Liste über ihren Namespace abonniert hast.",
+      "subscribedTaskThroughParentNamespace": "Du kannst hier nicht de-abonnieren, da du diese Aufgabe über ihren Namespace abonniert hast.",
+      "subscribedTaskThroughParentList": "Du kannst hier nicht de-abonnieren, da du diese Aufgabe über ihre Liste abonniert hast.",
+      "subscribedNamespace": "Du hast diesen Namespace abonniert und erhältst Benachrichtigungen über Änderungen.",
+      "notSubscribedNamespace": "Du hast diesen Namespace nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
+      "subscribedList": "Du hast diese Liste abonniert und erhältst Benachrichtigungen über Änderungen.",
+      "notSubscribedList": "Du hast diese Liste nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
+      "subscribedTask": "Du hast diese Aufgabe abonniert und erhältst Benachrichtigungen über Änderungen.",
+      "notSubscribedTask": "Du hast diese Aufgabe nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
       "subscribe": "Abonnieren",
       "unsubscribe": "Abbestellen",
-      "subscribeSuccess": "Du hast jetzt diese {entity} abonniert",
-      "unsubscribeSuccess": "Du hast diese {entity} jetzt abbestellt"
+      "subscribeSuccessNamespace": "Du hast diesen Namespace jetzt abonniert",
+      "unsubscribeSuccessNamespace": "Du hast diesen Namespace jetzt nicht mehr abonniert",
+      "subscribeSuccessList": "Du hast diese Liste jetzt abonniert",
+      "unsubscribeSuccessList": "Du hast diese Liste jetzt nicht mehr abonniert",
+      "subscribeSuccessTask": "Du hast diese Aufgabe jetzt abonniert",
+      "unsubscribeSuccessTask": "Du hast diese Aufgabe jetzt nicht mehr abonniert"
     },
     "attachment": {
       "title": "Anhänge",
diff --git a/src/i18n/lang/de-swiss.json b/src/i18n/lang/de-swiss.json
index 9a2ead3c..b4f6962f 100644
--- a/src/i18n/lang/de-swiss.json
+++ b/src/i18n/lang/de-swiss.json
@@ -169,6 +169,14 @@
     "title": "Liste Titl",
     "color": "Farb",
     "lists": "Listene",
+    "list": {
+      "title": "Liste",
+      "add": "Hinzuefüege",
+      "addPlaceholder": "E neui Uufgab erstelle…",
+      "empty": "D'Liste isch momentan leer.",
+      "newTaskCta": "Neui Uufgab erstelle.",
+      "editTask": "Uufgab bearbeite"
+    },
     "search": "Schriib, um nachere Liste z'sueche…",
     "searchSelect": "Druck uf Enter um die Liste uuszwähle",
     "shared": "Teilti Liste",
@@ -270,14 +278,6 @@
         "delete": "Chüble"
       }
     },
-    "list": {
-      "title": "Liste",
-      "add": "Hinzuefüege",
-      "addPlaceholder": "E neui Uufgab erstelle…",
-      "empty": "D'Liste isch momentan leer.",
-      "newTaskCta": "Neui Uufgab erstelle.",
-      "editTask": "Uufgab bearbeite"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Zeig Uufgabe, wo kei Date hend",
@@ -672,13 +672,23 @@
       "updated": "Aktualisiert"
     },
     "subscription": {
-      "subscribedThroughParent": "Du chasch da nid deabonnierä, weil du zu dere {entity} durch {parent} dezue abonniert bisch.",
-      "subscribed": "Du bisch momentan zu dere {entity} abonniert und bechunsch Benachrichtigunge für Änderige.",
-      "notSubscribed": "Du bisch momentan nid zu dere {entity} abonniert und bechunsch kei Benachrichtigunge für Änderige.",
+      "subscribedListThroughParentNamespace": "Du kannst hier nicht de-abonnieren, da du diese Liste über ihren Namespace abonniert hast.",
+      "subscribedTaskThroughParentNamespace": "Du kannst hier nicht de-abonnieren, da du diese Aufgabe über ihren Namespace abonniert hast.",
+      "subscribedTaskThroughParentList": "Du kannst hier nicht de-abonnieren, da du diese Aufgabe über ihre Liste abonniert hast.",
+      "subscribedNamespace": "Du hast diesen Namespace abonniert und erhältst Benachrichtigungen über Änderungen.",
+      "notSubscribedNamespace": "Du hast diesen Namespace nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
+      "subscribedList": "Du hast diese Liste abonniert und erhältst Benachrichtigungen über Änderungen.",
+      "notSubscribedList": "Du hast diese Liste nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
+      "subscribedTask": "Du hast diese Aufgabe abonniert und erhältst Benachrichtigungen über Änderungen.",
+      "notSubscribedTask": "Du hast diese Aufgabe nicht abonniert und erhältst keine Benachrichtigungen über Änderungen.",
       "subscribe": "Abooniere",
       "unsubscribe": "Deabonniere",
-      "subscribeSuccess": "Du hesch die {entity} abonniert",
-      "unsubscribeSuccess": "Du hesch die {entity} deabonniert"
+      "subscribeSuccessNamespace": "Du hast diesen Namespace jetzt abonniert",
+      "unsubscribeSuccessNamespace": "Du hast diesen Namespace jetzt nicht mehr abonniert",
+      "subscribeSuccessList": "Du hast diese Liste jetzt abonniert",
+      "unsubscribeSuccessList": "Du hast diese Liste jetzt nicht mehr abonniert",
+      "subscribeSuccessTask": "Du hast diese Aufgabe jetzt abonniert",
+      "unsubscribeSuccessTask": "Du hast diese Aufgabe jetzt nicht mehr abonniert"
     },
     "attachment": {
       "title": "Aahhäng",
diff --git a/src/i18n/lang/es-ES.json b/src/i18n/lang/es-ES.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/es-ES.json
+++ b/src/i18n/lang/es-ES.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/fr-FR.json b/src/i18n/lang/fr-FR.json
index e4dad723..15289863 100644
--- a/src/i18n/lang/fr-FR.json
+++ b/src/i18n/lang/fr-FR.json
@@ -169,6 +169,14 @@
     "title": "Nom de la liste",
     "color": "Couleur",
     "lists": "Listes",
+    "list": {
+      "title": "Liste",
+      "add": "Ajouter",
+      "addPlaceholder": "Ajouter une nouvelle tâche…",
+      "empty": "Cette liste est actuellement vide.",
+      "newTaskCta": "Créer une nouvelle tâche.",
+      "editTask": "Modifier la tâche"
+    },
     "search": "Écris pour rechercher une liste…",
     "searchSelect": "Clique ou appuie sur la touche Entrée pour sélectionner cette liste",
     "shared": "Listes partagées",
@@ -270,14 +278,6 @@
         "delete": "Supprimer"
       }
     },
-    "list": {
-      "title": "Liste",
-      "add": "Ajouter",
-      "addPlaceholder": "Ajouter une nouvelle tâche…",
-      "empty": "Cette liste est actuellement vide.",
-      "newTaskCta": "Créer une nouvelle tâche.",
-      "editTask": "Modifier la tâche"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Afficher les tâches pour lesquelles aucune date n’a été fixée",
@@ -672,13 +672,23 @@
       "updated": "Mis à jour"
     },
     "subscription": {
-      "subscribedThroughParent": "Tu ne peux pas te désabonner ici car tu es abonné·e à cette {entity} par le biais de son {parent}.",
-      "subscribed": "Tu es actuellement abonné·e à cette {entity} et recevras des notifications pour les changements.",
-      "notSubscribed": "Tu n’es pas abonné·e à cette {entity} et ne recevras pas de notifications pour les changements.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "S’abonner",
       "unsubscribe": "Se désabonner",
-      "subscribeSuccess": "Tu es maintenant abonné·e à cette {entity}",
-      "unsubscribeSuccess": "Tu es maintenant désabonné·e de cette {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Pièces jointes",
diff --git a/src/i18n/lang/it-IT.json b/src/i18n/lang/it-IT.json
index 085e3218..e7c3e48b 100644
--- a/src/i18n/lang/it-IT.json
+++ b/src/i18n/lang/it-IT.json
@@ -169,6 +169,14 @@
     "title": "Titolo della Lista",
     "color": "Colore",
     "lists": "Liste",
+    "list": {
+      "title": "Lista",
+      "add": "Aggiungi",
+      "addPlaceholder": "Aggiungi una nuova attività…",
+      "empty": "Questa lista è attualmente vuota.",
+      "newTaskCta": "Crea una nuova attività.",
+      "editTask": "Modifica Attività"
+    },
     "search": "Digita per cercare una lista…",
     "searchSelect": "Fare clic o premere invio per selezionare questa lista",
     "shared": "Liste Condivise",
@@ -270,14 +278,6 @@
         "delete": "Elimina"
       }
     },
-    "list": {
-      "title": "Lista",
-      "add": "Aggiungi",
-      "addPlaceholder": "Aggiungi una nuova attività…",
-      "empty": "Questa lista è attualmente vuota.",
-      "newTaskCta": "Crea una nuova attività.",
-      "editTask": "Modifica Attività"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Mostra attività che non hanno date impostate",
@@ -672,13 +672,23 @@
       "updated": "Aggiornato"
     },
     "subscription": {
-      "subscribedThroughParent": "Non puoi annullare l'iscrizione qui perché sei iscritto a questo {entity} attraverso il suo {parent}.",
-      "subscribed": "Sei attualmente iscritto a questo {entity} e riceverai notifiche per le modifiche.",
-      "notSubscribed": "Non sei iscritto a questo {entity} e non riceverai notifiche per le modifiche.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Iscriviti",
       "unsubscribe": "Disiscriviti",
-      "subscribeSuccess": "Ti sei iscritto a questo {entity}",
-      "unsubscribeSuccess": "Ti sei disiscritto a questo {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Allegati",
diff --git a/src/i18n/lang/nl-NL.json b/src/i18n/lang/nl-NL.json
index 6da11db2..82105caa 100644
--- a/src/i18n/lang/nl-NL.json
+++ b/src/i18n/lang/nl-NL.json
@@ -169,6 +169,14 @@
     "title": "Lijst titel",
     "color": "Kleur",
     "lists": "Lijsten",
+    "list": {
+      "title": "Lijst",
+      "add": "Toevoegen",
+      "addPlaceholder": "Voeg een nieuwe taak toe…",
+      "empty": "Deze lijst is momenteel leeg.",
+      "newTaskCta": "Creëer een nieuwe taak.",
+      "editTask": "Taak bewerken"
+    },
     "search": "Typ om naar een lijst te zoeken…",
     "searchSelect": "Klik of druk op enter om deze lijst te selecteren",
     "shared": "Gedeelde lijsten",
@@ -270,14 +278,6 @@
         "delete": "Verwijderen"
       }
     },
-    "list": {
-      "title": "Lijst",
-      "add": "Toevoegen",
-      "addPlaceholder": "Voeg een nieuwe taak toe…",
-      "empty": "Deze lijst is momenteel leeg.",
-      "newTaskCta": "Creëer een nieuwe taak.",
-      "editTask": "Taak bewerken"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Toon taken waarvoor geen datums zijn ingesteld",
@@ -672,13 +672,23 @@
       "updated": "Bijgewerkt"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Bijlagen",
diff --git a/src/i18n/lang/pl-PL.json b/src/i18n/lang/pl-PL.json
index 7d3279c4..385fa4d4 100644
--- a/src/i18n/lang/pl-PL.json
+++ b/src/i18n/lang/pl-PL.json
@@ -169,6 +169,14 @@
     "title": "Tytuł listy",
     "color": "Kolor",
     "lists": "Listy",
+    "list": {
+      "title": "Lista",
+      "add": "Dodaj",
+      "addPlaceholder": "Dodaj nowe zadanie…",
+      "empty": "Ta lista jest obecnie pusta.",
+      "newTaskCta": "Utwórz nowe zadanie.",
+      "editTask": "Edytuj zadanie"
+    },
     "search": "Wpisz, aby wyszukać listę…",
     "searchSelect": "Kliknij lub naciśnij Enter, aby wybrać tę listę",
     "shared": "Współdzielone listy",
@@ -270,14 +278,6 @@
         "delete": "Usuń"
       }
     },
-    "list": {
-      "title": "Lista",
-      "add": "Dodaj",
-      "addPlaceholder": "Dodaj nowe zadanie…",
-      "empty": "Ta lista jest obecnie pusta.",
-      "newTaskCta": "Utwórz nowe zadanie.",
-      "editTask": "Edytuj zadanie"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Pokaż zadania, które nie mają ustawionych dat",
@@ -672,13 +672,23 @@
       "updated": "Zaktualizowano"
     },
     "subscription": {
-      "subscribedThroughParent": "Nie możesz zrezygnować z subskrypcji, ponieważ subskrybujesz {entity} za pośrednictwem {parent}.",
-      "subscribed": "Obecnie subskrybujesz {entity} i będziesz otrzymywać powiadomienia o zmianach.",
-      "notSubscribed": "Nie subskrybujesz {entity} i nie będziesz otrzymywać powiadomień o zmianach.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subskrybuj",
       "unsubscribe": "Anuluj subskrypcję",
-      "subscribeSuccess": "Od teraz subskrybujesz {entity}",
-      "unsubscribeSuccess": "Już nie subskrybujesz {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Załączniki",
diff --git a/src/i18n/lang/pt-BR.json b/src/i18n/lang/pt-BR.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/pt-BR.json
+++ b/src/i18n/lang/pt-BR.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/pt-PT.json b/src/i18n/lang/pt-PT.json
index 667e32ba..ea6c7b06 100644
--- a/src/i18n/lang/pt-PT.json
+++ b/src/i18n/lang/pt-PT.json
@@ -169,6 +169,14 @@
     "title": "Título da Lista",
     "color": "Cor",
     "lists": "Listas",
+    "list": {
+      "title": "Lista",
+      "add": "Adicionar",
+      "addPlaceholder": "Adicionar uma nova tarefa…",
+      "empty": "Esta lista está atualmente vazia.",
+      "newTaskCta": "Cria uma nova tarefa.",
+      "editTask": "Editar Tarefa"
+    },
     "search": "Escreve para pesquisar por uma lista…",
     "searchSelect": "Clica ou pressiona Enter para selecionar esta lista",
     "shared": "Listas Partilhadas",
@@ -270,14 +278,6 @@
         "delete": "Eliminar"
       }
     },
-    "list": {
-      "title": "Lista",
-      "add": "Adicionar",
-      "addPlaceholder": "Adicionar uma nova tarefa…",
-      "empty": "Esta lista está atualmente vazia.",
-      "newTaskCta": "Cria uma nova tarefa.",
-      "editTask": "Editar Tarefa"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Mostrar tarefas que não têm datas atríbuidas",
@@ -672,13 +672,23 @@
       "updated": "Atualizado"
     },
     "subscription": {
-      "subscribedThroughParent": "Não podes cancelar a tua subscrição aqui porque estás subscrito nesta {entity} através de {parent}.",
-      "subscribed": "Estás atualmente subscrito a esta {entity} e serás notificado de alterações.",
-      "notSubscribed": "Não estás subscrito a esta {entity} e não serás notificado de alterações.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscrever",
       "unsubscribe": "Remover Subscrição",
-      "subscribeSuccess": "Estás agora subscrito a esta {entity}",
-      "unsubscribeSuccess": "Não estás mais subcrito a esta {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Anexos",
diff --git a/src/i18n/lang/ro-RO.json b/src/i18n/lang/ro-RO.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/ro-RO.json
+++ b/src/i18n/lang/ro-RO.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/ru-RU.json b/src/i18n/lang/ru-RU.json
index 60c9e28e..f4e264b2 100644
--- a/src/i18n/lang/ru-RU.json
+++ b/src/i18n/lang/ru-RU.json
@@ -169,6 +169,14 @@
     "title": "Название списка",
     "color": "Цвет",
     "lists": "Списки",
+    "list": {
+      "title": "Список",
+      "add": "Добавить",
+      "addPlaceholder": "Добавить новую задачу…",
+      "empty": "Список сейчас пуст.",
+      "newTaskCta": "Создать новую задачу.",
+      "editTask": "Изменить задачу"
+    },
     "search": "Введи запрос для поиска списка…",
     "searchSelect": "Кликни или нажми Enter для выбора этого списка",
     "shared": "Общие списки",
@@ -270,14 +278,6 @@
         "delete": "Удалить"
       }
     },
-    "list": {
-      "title": "Список",
-      "add": "Добавить",
-      "addPlaceholder": "Добавить новую задачу…",
-      "empty": "Список сейчас пуст.",
-      "newTaskCta": "Создать новую задачу.",
-      "editTask": "Изменить задачу"
-    },
     "gantt": {
       "title": "Гант",
       "showTasksWithoutDates": "Показать задачи без установленной даты",
@@ -672,13 +672,23 @@
       "updated": "Дата изменения"
     },
     "subscription": {
-      "subscribedThroughParent": "Ты не можешь отписаться здесь, потому что ты подписан на {entity} через {parent}.",
-      "subscribed": "Ты подписан на {entity} и будешь получать уведомления об изменениях.",
-      "notSubscribed": "Ты не подписан на {entity} и не будешь получать уведомления об изменениях.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Подписаться",
       "unsubscribe": "Отписаться",
-      "subscribeSuccess": "Ты подписался на {entity}",
-      "unsubscribeSuccess": "Ты отписался от {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Вложения",
diff --git a/src/i18n/lang/sk-SK.json b/src/i18n/lang/sk-SK.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/sk-SK.json
+++ b/src/i18n/lang/sk-SK.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/sv-SE.json b/src/i18n/lang/sv-SE.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/sv-SE.json
+++ b/src/i18n/lang/sv-SE.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/tr-TR.json b/src/i18n/lang/tr-TR.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/tr-TR.json
+++ b/src/i18n/lang/tr-TR.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",
diff --git a/src/i18n/lang/vi-VN.json b/src/i18n/lang/vi-VN.json
index 0a7c0d98..5baaefee 100644
--- a/src/i18n/lang/vi-VN.json
+++ b/src/i18n/lang/vi-VN.json
@@ -169,6 +169,14 @@
     "title": "Tên Danh sách",
     "color": "Màu sắc",
     "lists": "Danh sách",
+    "list": {
+      "title": "Danh sách",
+      "add": "Thêm",
+      "addPlaceholder": "Thêm việc cần làm…",
+      "empty": "Danh sách này đang trống trơn.",
+      "newTaskCta": "Thêm một công việc mới.",
+      "editTask": "Chỉnh sửa Công việc"
+    },
     "search": "Gõ để tìm kiếm danh sách…",
     "searchSelect": "Nhấp hoặc nhấn enter để chọn danh sách này",
     "shared": "Đang tham gia",
@@ -270,14 +278,6 @@
         "delete": "Xóa"
       }
     },
-    "list": {
-      "title": "Danh sách",
-      "add": "Thêm",
-      "addPlaceholder": "Thêm việc cần làm…",
-      "empty": "Danh sách này đang trống trơn.",
-      "newTaskCta": "Thêm một công việc mới.",
-      "editTask": "Chỉnh sửa Công việc"
-    },
     "gantt": {
       "title": "Biểu đồ Gantt",
       "showTasksWithoutDates": "Hiển thị các nhiệm vụ không cài đặt ngày",
@@ -672,13 +672,23 @@
       "updated": "Đã cập nhật"
     },
     "subscription": {
-      "subscribedThroughParent": "Bạn không thể hủy theo dõi ở đây vì bạn đã theo dõi {entity} này thông qua {parent} của nó.",
-      "subscribed": "Bạn đang theo dõi {entity} này và sẽ nhận được thông báo về các thay đổi.",
-      "notSubscribed": "Bạn chưa theo dõi {entity} này và sẽ không nhận được thông báo về các thay đổi.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Theo dõi",
       "unsubscribe": "Bỏ theo dõi",
-      "subscribeSuccess": "Bạn hiện đã theo dõi {entity} này",
-      "unsubscribeSuccess": "Bạn đã bỏ theo dõi {entity} này"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Tệp đính kèm",
diff --git a/src/i18n/lang/zh-CN.json b/src/i18n/lang/zh-CN.json
index 0277cf03..ecef1a30 100644
--- a/src/i18n/lang/zh-CN.json
+++ b/src/i18n/lang/zh-CN.json
@@ -169,6 +169,14 @@
     "title": "List Title",
     "color": "Color",
     "lists": "Lists",
+    "list": {
+      "title": "List",
+      "add": "Add",
+      "addPlaceholder": "Add a new task…",
+      "empty": "This list is currently empty.",
+      "newTaskCta": "Create a new task.",
+      "editTask": "Edit Task"
+    },
     "search": "Type to search for a list…",
     "searchSelect": "Click or press enter to select this list",
     "shared": "Shared Lists",
@@ -270,14 +278,6 @@
         "delete": "Delete"
       }
     },
-    "list": {
-      "title": "List",
-      "add": "Add",
-      "addPlaceholder": "Add a new task…",
-      "empty": "This list is currently empty.",
-      "newTaskCta": "Create a new task.",
-      "editTask": "Edit Task"
-    },
     "gantt": {
       "title": "Gantt",
       "showTasksWithoutDates": "Show tasks which don't have dates set",
@@ -672,13 +672,23 @@
       "updated": "Updated"
     },
     "subscription": {
-      "subscribedThroughParent": "You can't unsubscribe here because you are subscribed to this {entity} through its {parent}.",
-      "subscribed": "You are currently subscribed to this {entity} and will receive notifications for changes.",
-      "notSubscribed": "You are not subscribed to this {entity} and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
+      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
+      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
+      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
+      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
+      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
+      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
+      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
+      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
       "subscribe": "Subscribe",
       "unsubscribe": "Unsubscribe",
-      "subscribeSuccess": "You are now subscribed to this {entity}",
-      "unsubscribeSuccess": "You are now unsubscribed to this {entity}"
+      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
+      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
+      "subscribeSuccessList": "You are now subscribed to this list",
+      "unsubscribeSuccessList": "You are now unsubscribed to this list",
+      "subscribeSuccessTask": "You are now subscribed to this task",
+      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
       "title": "Attachments",

From 766f2b74611ec36bf4f65c8c5245fdff4d605407 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 9 Oct 2022 11:06:58 +0000
Subject: [PATCH 165/187] fix(deps): update dependency pinia to v2.0.23 (#2509)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2509
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 97554c69..caa0cf98 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "lodash.debounce": "4.0.8",
     "marked": "4.1.1",
     "minimist": "1.2.6",
-    "pinia": "2.0.22",
+    "pinia": "2.0.23",
     "register-service-worker": "1.7.2",
     "snake-case": "3.0.4",
     "sortablejs": "1.15.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5b6bffef..fcdeda69 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -58,7 +58,7 @@ specifiers:
   marked: 4.1.1
   minimist: 1.2.6
   netlify-cli: 12.0.2
-  pinia: 2.0.22
+  pinia: 2.0.23
   postcss: 8.4.17
   postcss-preset-env: 7.8.2
   register-service-worker: 1.7.2
@@ -116,7 +116,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  pinia: 2.0.22_typescript@4.8.4+vue@3.2.40
+  pinia: 2.0.23_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -3450,6 +3450,10 @@ packages:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: false
 
+  /@vue/devtools-api/6.4.4:
+    resolution: {integrity: sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw==}
+    dev: false
+
   /@vue/eslint-config-typescript/11.0.2_8498299c5d4240ca64b4886a17da166b:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -10113,8 +10117,8 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.22_typescript@4.8.4+vue@3.2.40:
-    resolution: {integrity: sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==}
+  /pinia/2.0.23_typescript@4.8.4+vue@3.2.40:
+    resolution: {integrity: sha512-N15hFf4o5STrxpNrib1IEb1GOArvPYf1zPvQVRGOO1G1d74Ak0J0lVyalX/SmrzdT4Q0nlEFjbURsmBmIGUR5Q==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
       typescript: '>=4.4.4'
@@ -10125,7 +10129,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@vue/devtools-api': 6.2.1
+      '@vue/devtools-api': 6.4.4
       typescript: 4.8.4
       vue: 3.2.40
       vue-demi: 0.12.1_vue@3.2.40

From ba28617464ffe468ab4b269ce78b2c0ed69e3180 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 9 Oct 2022 01:03:13 +0000
Subject: [PATCH 166/187] chore(deps): update dependency express to v4.18.2

---
 package.json   |  2 +-
 pnpm-lock.yaml | 44 ++++++++++++++++++++++----------------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index caa0cf98..ff1ba8f6 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,7 @@
     "esbuild": "0.15.10",
     "eslint": "8.25.0",
     "eslint-plugin-vue": "9.6.0",
-    "express": "4.18.1",
+    "express": "4.18.2",
     "happy-dom": "7.4.0",
     "netlify-cli": "12.0.2",
     "postcss": "8.4.17",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fcdeda69..aa69db43 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -46,7 +46,7 @@ specifiers:
   esbuild: 0.15.10
   eslint: 8.25.0
   eslint-plugin-vue: 9.6.0
-  express: 4.18.1
+  express: 4.18.2
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
@@ -155,7 +155,7 @@ devDependencies:
   esbuild: 0.15.10
   eslint: 8.25.0
   eslint-plugin-vue: 9.6.0_eslint@8.25.0
-  express: 4.18.1
+  express: 4.18.2
   happy-dom: 7.4.0
   netlify-cli: 12.0.2
   postcss: 8.4.17
@@ -3891,7 +3891,7 @@ packages:
     dev: true
 
   /array-flatten/1.1.1:
-    resolution: {integrity: sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=}
+    resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
     dev: true
 
   /array-union/1.0.2:
@@ -4164,8 +4164,8 @@ packages:
     resolution: {integrity: sha512-nTnJTOheiaV3b189f7rH5AbbrnQB2r3CcOZBg47GUDaE9DrxyBPD2w0HYp4ME2UBlTP7LMIa6nMWqg/58oyIzA==}
     dev: false
 
-  /body-parser/1.20.0:
-    resolution: {integrity: sha512-DfJ+q6EPcGKZD1QWUjSpqp+Q7bDQTsQIF4zfUAtZ6qk+H/3/QRhg9CEp39ss+/T2vw0+HaidC0ecJj/DRLIaKg==}
+  /body-parser/1.20.1:
+    resolution: {integrity: sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
     dependencies:
       bytes: 3.1.2
@@ -4176,7 +4176,7 @@ packages:
       http-errors: 2.0.0
       iconv-lite: 0.4.24
       on-finished: 2.4.1
-      qs: 6.10.3
+      qs: 6.11.0
       raw-body: 2.5.1
       type-is: 1.6.18
       unpipe: 1.0.0
@@ -4900,7 +4900,7 @@ packages:
     dev: true
 
   /cookie-signature/1.0.6:
-    resolution: {integrity: sha1-4wOogrNCzD7oylE6eZmXNNqzriw=}
+    resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
     dev: true
 
   /cookie/0.5.0:
@@ -5744,7 +5744,7 @@ packages:
     dev: true
 
   /ee-first/1.1.1:
-    resolution: {integrity: sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=}
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
     dev: true
 
   /ejs/3.1.6:
@@ -6389,13 +6389,13 @@ packages:
       on-headers: 1.0.2
     dev: true
 
-  /express/4.18.1:
-    resolution: {integrity: sha512-zZBcOX9TfehHQhtupq57OF8lFZ3UZi08Y97dwFCkD8p9d/d2Y3M+ykKcwaMDEL+4qyUolgBDX6AblpR3fL212Q==}
+  /express/4.18.2:
+    resolution: {integrity: sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==}
     engines: {node: '>= 0.10.0'}
     dependencies:
       accepts: 1.3.8
       array-flatten: 1.1.1
-      body-parser: 1.20.0
+      body-parser: 1.20.1
       content-disposition: 0.5.4
       content-type: 1.0.4
       cookie: 0.5.0
@@ -6414,7 +6414,7 @@ packages:
       parseurl: 1.3.3
       path-to-regexp: 0.1.7
       proxy-addr: 2.0.7
-      qs: 6.10.3
+      qs: 6.11.0
       range-parser: 1.2.1
       safe-buffer: 5.2.1
       send: 0.18.0
@@ -6888,7 +6888,7 @@ packages:
     dev: true
 
   /fresh/0.5.2:
-    resolution: {integrity: sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=}
+    resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
     dev: true
 
@@ -8898,7 +8898,7 @@ packages:
     dev: true
 
   /media-typer/0.3.0:
-    resolution: {integrity: sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=}
+    resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
     dev: true
 
@@ -8924,7 +8924,7 @@ packages:
     dev: true
 
   /merge-descriptors/1.0.1:
-    resolution: {integrity: sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=}
+    resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==}
     dev: true
 
   /merge-options/3.0.4:
@@ -9266,7 +9266,7 @@ packages:
       envinfo: 7.8.1
       etag: 1.8.1
       execa: 5.1.1
-      express: 4.18.1
+      express: 4.18.2
       express-logging: 1.1.1
       find-up: 5.0.0
       flush-write-stream: 2.0.0
@@ -9393,7 +9393,7 @@ packages:
       node-fetch: 3.2.0
       omit.js: 2.0.2
       p-wait-for: 4.1.0
-      qs: 6.10.3
+      qs: 6.11.0
     dev: true
 
   /no-case/3.0.4:
@@ -10058,7 +10058,7 @@ packages:
     dev: true
 
   /path-to-regexp/0.1.7:
-    resolution: {integrity: sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=}
+    resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
     dev: true
 
   /path-type/3.0.0:
@@ -10685,8 +10685,8 @@ packages:
       escape-goat: 2.1.1
     dev: true
 
-  /qs/6.10.3:
-    resolution: {integrity: sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==}
+  /qs/6.11.0:
+    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
     engines: {node: '>=0.6'}
     dependencies:
       side-channel: 1.0.4
@@ -12003,7 +12003,7 @@ packages:
       http-basic: 8.1.3
       http-response-object: 3.0.2
       promise: 8.1.0
-      qs: 6.10.3
+      qs: 6.11.0
     dev: true
 
   /throttleit/1.0.0:
@@ -12518,7 +12518,7 @@ packages:
     dev: true
 
   /utils-merge/1.0.1:
-    resolution: {integrity: sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=}
+    resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
     engines: {node: '>= 0.4.0'}
     dev: true
 

From 4784e3a22ff939bc278ba30c10b2a723bdc37fbe Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 9 Oct 2022 14:15:41 +0000
Subject: [PATCH 167/187] chore(deps): update pnpm to v7.13.3 (#2511)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2511
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ff1ba8f6..f45a7498 100644
--- a/package.json
+++ b/package.json
@@ -110,5 +110,5 @@
     }
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.13.2"
+  "packageManager": "pnpm@7.13.3"
 }

From feeaca2c02fb233c35a81f786acd5cbdf5c5d21d Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 9 Oct 2022 16:49:26 +0200
Subject: [PATCH 168/187] feat: allow users to leave a team they're in

---
 src/i18n/lang/en.json        |  6 ++++++
 src/views/teams/EditTeam.vue | 34 +++++++++++++++++++++++++++++++++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 3263b06c..a4712a27 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -857,6 +857,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 60ec6b85..8c6fbab1 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -127,6 +127,24 @@
 			</table>
 		</card>
 
+		<x-button class="is-fullwidth is-danger" @click="showLeaveModal = true">
+			{{ $t('team.edit.leave.title') }}
+		</x-button>
+
+		<!-- Leave team modal -->
+		<modal
+			v-if="showLeaveModal"
+			@close="showLeaveModal = false"
+			@submit="leave()"
+		>
+			<template #header><span>{{ $t('team.edit.leave.title') }}</span></template>
+
+			<template #text>
+				<p>{{ $t('team.edit.leave.text1') }}<br/>
+					{{ $t('team.edit.leave.text2') }}</p>
+			</template>
+		</modal>
+
 		<!-- Team delete modal -->
 		<transition name="modal">
 			<modal
@@ -202,13 +220,14 @@ const teamMemberService = ref<TeamMemberService>(new TeamMemberService())
 const userService = ref<UserService>(new UserService())
 
 const team = ref<ITeam>()
-const teamId = computed(() => route.params.id)
+const teamId = computed(() => Number(route.params.id))
 const memberToDelete = ref<ITeamMember>()
 const newMember = ref<IUser>()
 const foundUsers = ref<IUser[]>()
 
 const showDeleteModal = ref(false)
 const showUserDeleteModal = ref(false)
+const showLeaveModal = ref(false)
 const showError = ref(false)
 
 const title = ref('')
@@ -287,6 +306,19 @@ async function findUser(query: string) {
 	const users = await userService.value.getAll({}, {s: query})
 	foundUsers.value = users.filter((u: IUser) => u.id !== userInfo.value.id)
 }
+
+async function leave() {
+	try {
+		await teamMemberService.value.delete({
+			teamId: teamId.value,
+			username: userInfo.value.username,
+		})
+		success({message: t('team.edit.leave.success')})
+		await router.push({name: 'home'})
+	} finally {
+		showUserDeleteModal.value = false
+	}
+}
 </script>
 
 <style lang="scss" scoped>

From 35155034e007a62b7da77abde61cdf004dcf71bb Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 9 Oct 2022 15:14:27 +0000
Subject: [PATCH 169/187] chore(deps): update dependency vue-tsc to v1.0.2
 (#2510)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2510
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 44 ++++++++++++++++++++++----------------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index f45a7498..13c4b6ec 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.0",
-    "vue-tsc": "1.0.1",
+    "vue-tsc": "1.0.2",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index aa69db43..d765dbab 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -79,7 +79,7 @@ specifiers:
   vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
-  vue-tsc: 1.0.1
+  vue-tsc: 1.0.2
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -168,7 +168,7 @@ devDependencies:
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
   vitest: 0.24.0_7fc655e167cf9da448ccc3b585011dd3
-  vue-tsc: 1.0.1_typescript@4.8.4
+  vue-tsc: 1.0.2_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -3334,31 +3334,31 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@volar/language-core/1.0.1:
-    resolution: {integrity: sha512-fMmpPc5Or/aNWU4dBmiNBDU7dmKYtSlxzpPrEffMgMmWOckCEtu6jVdi0SJRnUrHXBOjulCsmb4/wmWK7rm/ww==}
+  /@volar/language-core/1.0.2:
+    resolution: {integrity: sha512-kNzrnZYxNWcIgU8b1Yzm4pDb4fEM/LNicWLyVOxaNRvemU5Sh4ORDzKihI5AkzGGkvy0F/67xVe7/5/o9U1oPg==}
     dependencies:
-      '@volar/source-map': 1.0.1
+      '@volar/source-map': 1.0.2
       '@vue/reactivity': 3.2.40
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/source-map/1.0.1:
-    resolution: {integrity: sha512-p30r3kkOBPK/69QaNSk8YmhqGjYUbB0XdIVpjHWgD3zIE80DBY7xnZeJskBEIBeZNcuG2RMmbeRyM3ZmniD4vQ==}
+  /@volar/source-map/1.0.2:
+    resolution: {integrity: sha512-MizyyDw+Eg704bSVkS/8MeP7G4t5U4ZmaXdA2SW3cYAncQKn10P2r6eSyI/8vno+y8wgpM3k9aRfineXB1fMkQ==}
     dependencies:
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/typescript/1.0.1:
-    resolution: {integrity: sha512-/TT6gxK8oz2AdAYSJ73e6MmT0t6r6bfkt989c2QmzDBzF3VToKCjmfIXk9r2AbZ7z24cYVM6KJ6fj1HTHb2pAQ==}
+  /@volar/typescript/1.0.2:
+    resolution: {integrity: sha512-yQ6ze+gmf+jYTT/Y+IIH9cBE2YF3I92N6vGfdrVgwnDOj1jnulvJ5viwdTYcAIeEQRB0qtwYfRpSHOrGG2FL2w==}
     dependencies:
-      '@volar/language-core': 1.0.1
+      '@volar/language-core': 1.0.2
     dev: true
 
-  /@volar/vue-language-core/1.0.1:
-    resolution: {integrity: sha512-myNGjQm6FIrWCKWidjxgp90FNcIcGZBTelUQCbFsnALqbhYXkVOsw4fdm9YS+MDJvxpkNPILzJICm5m/svSbpw==}
+  /@volar/vue-language-core/1.0.2:
+    resolution: {integrity: sha512-SiFHeXu0yWl9N+sIrvQ+iIh/P2oMCBkUT6XFhhh6RCY01KNKc7/iO/xB/OJlO9yl/6mAiFwIVdtPcp6GNOkb3g==}
     dependencies:
-      '@volar/language-core': 1.0.1
-      '@volar/source-map': 1.0.1
+      '@volar/language-core': 1.0.2
+      '@volar/source-map': 1.0.2
       '@vue/compiler-dom': 3.2.40
       '@vue/compiler-sfc': 3.2.40
       '@vue/reactivity': 3.2.40
@@ -3367,11 +3367,11 @@ packages:
       vue-template-compiler: 2.7.10
     dev: true
 
-  /@volar/vue-typescript/1.0.1:
-    resolution: {integrity: sha512-6u+QOn0saxjsgGjhS5nOjR5+QBpumLZR5MFG8nSQy/WMcbKYq6JTRCKlW8Z3trNyV09tXbb72Cq3HsIlNux6jQ==}
+  /@volar/vue-typescript/1.0.2:
+    resolution: {integrity: sha512-wOUebVHS8ENF0uMGvFdnkjVdVnf80SHUKbCoCkgngxeVFQBvAlEShcm/XT8bSX3QKoNPl1ZGqYN4UQRgZFyaow==}
     dependencies:
-      '@volar/typescript': 1.0.1
-      '@volar/vue-language-core': 1.0.1
+      '@volar/typescript': 1.0.2
+      '@volar/vue-language-core': 1.0.2
     dev: true
 
   /@vue/compiler-core/3.2.37:
@@ -12755,14 +12755,14 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc/1.0.1_typescript@4.8.4:
-    resolution: {integrity: sha512-ry597rhsvoIOAE4jv6IfcQr++1cJzkWC1lDmxyGEJSBAePRWselcM0gd/dsHdWuDGbj08DwSxZoAThV6tNUT0Q==}
+  /vue-tsc/1.0.2_typescript@4.8.4:
+    resolution: {integrity: sha512-Atl8vBo1ThxZ8OjnCcquRCjRYczmQVF2nAjXVOqHA19Q4lvPX+bpbbDUhk8SDww6U10sttGc4Vjb+1xBwA4yow==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 1.0.1
-      '@volar/vue-typescript': 1.0.1
+      '@volar/vue-language-core': 1.0.2
+      '@volar/vue-typescript': 1.0.2
       typescript: 4.8.4
     dev: true
 

From 1af4f7811a63826c4aa4740a55f606757e22c7ae Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 9 Oct 2022 22:42:24 +0200
Subject: [PATCH 170/187] feat: add TickTick migrator support

---
 src/services/migrator/abstractMigrationFile.ts | 1 -
 src/views/migrator/icons/ticktick.svg          | 1 +
 src/views/migrator/migrators.ts                | 7 +++++++
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/views/migrator/icons/ticktick.svg

diff --git a/src/services/migrator/abstractMigrationFile.ts b/src/services/migrator/abstractMigrationFile.ts
index 3ba0ded7..1e6a1934 100644
--- a/src/services/migrator/abstractMigrationFile.ts
+++ b/src/services/migrator/abstractMigrationFile.ts
@@ -22,7 +22,6 @@ export default class AbstractMigrationFileService extends AbstractService {
 	}
 
 	migrate(file: IFile) {
-		console.log(file)
 		return this.uploadFile(
 			this.paths.create,
 			file,
diff --git a/src/views/migrator/icons/ticktick.svg b/src/views/migrator/icons/ticktick.svg
new file mode 100644
index 00000000..8687bb4e
--- /dev/null
+++ b/src/views/migrator/icons/ticktick.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 88 88" xmlns="http://www.w3.org/2000/svg" class="logo_1OKcB"><g fill="none" fill-rule="evenodd"><rect></rect><path d="M30.755 33.292l-7.34 8.935L40.798 56.48a5.782 5.782 0 008.182-.854l31.179-38.93-9.026-7.228L43.614 43.83l-12.86-10.538z" fill="#FFB000"></path><path d="M44 78.1C25.197 78.1 9.9 62.803 9.9 44S25.197 9.9 44 9.9V0C19.738 0 0 19.738 0 44s19.738 44 44 44 44-19.738 44-44h-9.9c0 18.803-15.297 34.1-34.1 34.1" fill="#4772FA"></path></g></svg>
\ No newline at end of file
diff --git a/src/views/migrator/migrators.ts b/src/views/migrator/migrators.ts
index aac2d191..3f949979 100644
--- a/src/views/migrator/migrators.ts
+++ b/src/views/migrator/migrators.ts
@@ -3,6 +3,7 @@ import todoistIcon from './icons/todoist.svg?url'
 import trelloIcon from './icons/trello.svg?url'
 import microsoftTodoIcon from './icons/microsoft-todo.svg?url'
 import vikunjaFileIcon from './icons/vikunja-file.png?url'
+import tickTickIcon from './icons/ticktick.svg?url'
 
 export interface Migrator {
 	id: string
@@ -42,4 +43,10 @@ export const MIGRATORS: IMigratorRecord = {
 		icon: vikunjaFileIcon,
 		isFileMigrator: true,
 	},
+	ticktick: {
+		id: 'ticktick',
+		name: 'TickTick',
+		icon: tickTickIcon as string,
+		isFileMigrator: true,
+	}
 }
\ No newline at end of file

From c6d6da31712906f094a88dbfdb5e9b6db66c29e3 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 9 Oct 2022 22:46:18 +0200
Subject: [PATCH 171/187] fix: lint

---
 src/views/migrator/migrators.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/migrator/migrators.ts b/src/views/migrator/migrators.ts
index 3f949979..0df1375d 100644
--- a/src/views/migrator/migrators.ts
+++ b/src/views/migrator/migrators.ts
@@ -48,5 +48,5 @@ export const MIGRATORS: IMigratorRecord = {
 		name: 'TickTick',
 		icon: tickTickIcon as string,
 		isFileMigrator: true,
-	}
+	},
 }
\ No newline at end of file

From 8458e8f687fbfccefb5fe0afb33ca496440d0648 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Sun, 9 Oct 2022 20:49:08 +0000
Subject: [PATCH 172/187] chore(deps): update dependency vue-tsc to v1.0.3
 (#2512)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2512
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 44 ++++++++++++++++++++++----------------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index 13c4b6ec..692b1311 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.0",
-    "vue-tsc": "1.0.2",
+    "vue-tsc": "1.0.3",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d765dbab..68e4e618 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -79,7 +79,7 @@ specifiers:
   vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
-  vue-tsc: 1.0.2
+  vue-tsc: 1.0.3
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -168,7 +168,7 @@ devDependencies:
   vite-plugin-pwa: 0.13.1_vite@3.1.6
   vite-svg-loader: 3.6.0
   vitest: 0.24.0_7fc655e167cf9da448ccc3b585011dd3
-  vue-tsc: 1.0.2_typescript@4.8.4
+  vue-tsc: 1.0.3_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -3334,31 +3334,31 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@volar/language-core/1.0.2:
-    resolution: {integrity: sha512-kNzrnZYxNWcIgU8b1Yzm4pDb4fEM/LNicWLyVOxaNRvemU5Sh4ORDzKihI5AkzGGkvy0F/67xVe7/5/o9U1oPg==}
+  /@volar/language-core/1.0.3:
+    resolution: {integrity: sha512-eJ3iubJ1EvPTsp+rKoSUQ3EBGsEzblOQG6OVI9EzXIuwNayIqCnNSv9r0rvnYznX7i5F8gpo0Js9nKoAvwfhpQ==}
     dependencies:
-      '@volar/source-map': 1.0.2
+      '@volar/source-map': 1.0.3
       '@vue/reactivity': 3.2.40
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/source-map/1.0.2:
-    resolution: {integrity: sha512-MizyyDw+Eg704bSVkS/8MeP7G4t5U4ZmaXdA2SW3cYAncQKn10P2r6eSyI/8vno+y8wgpM3k9aRfineXB1fMkQ==}
+  /@volar/source-map/1.0.3:
+    resolution: {integrity: sha512-iEbjU95e8iZ3fV9NHU/wDWRSwSE5aNGpkG9mgIXPkfCmbEH+nEHGkycvapT551BDtIcyU386XzqL4DQbOyPzew==}
     dependencies:
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/typescript/1.0.2:
-    resolution: {integrity: sha512-yQ6ze+gmf+jYTT/Y+IIH9cBE2YF3I92N6vGfdrVgwnDOj1jnulvJ5viwdTYcAIeEQRB0qtwYfRpSHOrGG2FL2w==}
+  /@volar/typescript/1.0.3:
+    resolution: {integrity: sha512-OevIxAbdgfVxwWYI6ht5tmt8GqBBVQWPWn/51MNlqu5fVltFGRkOBmv3hwuvLn5N05pj2GpbkaaLZSjpj4iT9w==}
     dependencies:
-      '@volar/language-core': 1.0.2
+      '@volar/language-core': 1.0.3
     dev: true
 
-  /@volar/vue-language-core/1.0.2:
-    resolution: {integrity: sha512-SiFHeXu0yWl9N+sIrvQ+iIh/P2oMCBkUT6XFhhh6RCY01KNKc7/iO/xB/OJlO9yl/6mAiFwIVdtPcp6GNOkb3g==}
+  /@volar/vue-language-core/1.0.3:
+    resolution: {integrity: sha512-XryQVvtFB5/rOkEZin5jZgUy0E84p+Ky70z+4B7Bvw/9HjS3TLKAIkm9W0duV7coG9RFVRqeiVnPyaaqSA0waA==}
     dependencies:
-      '@volar/language-core': 1.0.2
-      '@volar/source-map': 1.0.2
+      '@volar/language-core': 1.0.3
+      '@volar/source-map': 1.0.3
       '@vue/compiler-dom': 3.2.40
       '@vue/compiler-sfc': 3.2.40
       '@vue/reactivity': 3.2.40
@@ -3367,11 +3367,11 @@ packages:
       vue-template-compiler: 2.7.10
     dev: true
 
-  /@volar/vue-typescript/1.0.2:
-    resolution: {integrity: sha512-wOUebVHS8ENF0uMGvFdnkjVdVnf80SHUKbCoCkgngxeVFQBvAlEShcm/XT8bSX3QKoNPl1ZGqYN4UQRgZFyaow==}
+  /@volar/vue-typescript/1.0.3:
+    resolution: {integrity: sha512-zugZ5vni+l5w5z8Q5iEWysU/HkX38krW4+QTKwgQstaRVUQS0UHlX4Ug9vOfPGWEextIx0Z/7JsUvPATTNbfbg==}
     dependencies:
-      '@volar/typescript': 1.0.2
-      '@volar/vue-language-core': 1.0.2
+      '@volar/typescript': 1.0.3
+      '@volar/vue-language-core': 1.0.3
     dev: true
 
   /@vue/compiler-core/3.2.37:
@@ -12755,14 +12755,14 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc/1.0.2_typescript@4.8.4:
-    resolution: {integrity: sha512-Atl8vBo1ThxZ8OjnCcquRCjRYczmQVF2nAjXVOqHA19Q4lvPX+bpbbDUhk8SDww6U10sttGc4Vjb+1xBwA4yow==}
+  /vue-tsc/1.0.3_typescript@4.8.4:
+    resolution: {integrity: sha512-Si6PANEATxaGhJ51bUnRbT+5MIYwvjdPBwuCKSky+YD5oWDhE4uMqfpOPnP2oSMB52trtU0faIRVcP4YSF3LJA==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 1.0.2
-      '@volar/vue-typescript': 1.0.2
+      '@volar/vue-language-core': 1.0.3
+      '@volar/vue-typescript': 1.0.3
       typescript: 4.8.4
     dev: true
 

From be648310357e6a991d9fd427ae6ba0d45bacaee7 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 06:54:45 +0000
Subject: [PATCH 173/187] chore(deps): update dependency netlify-cli to v12.0.7
 (#2514)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2514
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 167 ++++++++++++++++++++++++++-----------------------
 2 files changed, 89 insertions(+), 80 deletions(-)

diff --git a/package.json b/package.json
index 692b1311..a01e11d3 100644
--- a/package.json
+++ b/package.json
@@ -89,7 +89,7 @@
     "eslint-plugin-vue": "9.6.0",
     "express": "4.18.2",
     "happy-dom": "7.4.0",
-    "netlify-cli": "12.0.2",
+    "netlify-cli": "12.0.7",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
     "rollup": "2.79.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 68e4e618..35343fec 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,7 +57,7 @@ specifiers:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.6
-  netlify-cli: 12.0.2
+  netlify-cli: 12.0.7
   pinia: 2.0.23
   postcss: 8.4.17
   postcss-preset-env: 7.8.2
@@ -157,7 +157,7 @@ devDependencies:
   eslint-plugin-vue: 9.6.0_eslint@8.25.0
   express: 4.18.2
   happy-dom: 7.4.0
-  netlify-cli: 12.0.2
+  netlify-cli: 12.0.7
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
   rollup: 2.79.1
@@ -1874,18 +1874,18 @@ packages:
     resolution: {integrity: sha512-4wMPu9iN3/HL97QblBsBay3E1etIciR84izI3U+4iALY+JHCrI+a2jO0qbAZ/nxKoegypYEaiiqWXylm+/zfrw==}
     dev: true
 
-  /@netlify/build/27.18.6:
-    resolution: {integrity: sha512-ZALZHNwZbRieQ8s8mYPkod1zwqkrOzVphPueW8OyyTymXIEsIBKL0YpYBPOtnwfEHHZJBDUg+Utq7yAT3c+SQQ==}
+  /@netlify/build/27.20.3:
+    resolution: {integrity: sha512-dyEt8oDXYju8NYcgDEUUTseOI4ta2eL5NpvgY2Tu5xuMOFYmBEFK9jM6bMvlkfOsVGBEXQ4dmQx1cqqki/Y2Zw==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     hasBin: true
     dependencies:
       '@bugsnag/js': 7.16.1
-      '@netlify/cache-utils': 4.1.5_supports-color@9.2.1
+      '@netlify/cache-utils': 4.1.6_supports-color@9.2.1
       '@netlify/config': 18.2.4
-      '@netlify/edge-bundler': 2.2.0
-      '@netlify/functions-utils': 4.2.10_supports-color@9.2.1
-      '@netlify/git-utils': 4.1.2
-      '@netlify/plugins-list': 6.46.0
+      '@netlify/edge-bundler': 2.7.0
+      '@netlify/functions-utils': 4.2.11_supports-color@9.2.1
+      '@netlify/git-utils': 4.1.3
+      '@netlify/plugins-list': 6.49.1
       '@netlify/run-utils': 4.0.2
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
@@ -1940,8 +1940,8 @@ packages:
       - encoding
     dev: true
 
-  /@netlify/cache-utils/4.1.5_supports-color@9.2.1:
-    resolution: {integrity: sha512-NqxsL23n5LiLRnmMyAdDWhRJzuNm7OmsnWz7BhykZK2+iJ7PFeMVeZqa0tL4IQRq2JgtkWe7zCSl29035J5ctA==}
+  /@netlify/cache-utils/4.1.6_supports-color@9.2.1:
+    resolution: {integrity: sha512-8n7zVoWs3xetgD2JxNXs0E/WU7MpHNDW9rxhOPnxn5PQWnYGjK18VRoEIISE4ZUnr7stDIUWF8bNDmFcj+l6KQ==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       cpy: 8.1.2_supports-color@9.2.1
@@ -1988,8 +1988,8 @@ packages:
       yargs: 17.5.1
     dev: true
 
-  /@netlify/edge-bundler/2.2.0:
-    resolution: {integrity: sha512-8dvI9y77TULQCcLXya4xJIt1GMTmCAJ0XIPfxjv6lbbB2XU87/tEAQ/8VOzaC2lNf+U5qG0fcrzVjjuKt3K2Sw==}
+  /@netlify/edge-bundler/2.7.0:
+    resolution: {integrity: sha512-BEIZkjSK0HyhGiTImfVHUjIMQ852YyxzNRikgOzvXDGvWVs74y7n3clSm66J55vilvEZmK6GpXZiGtaNN9kH6g==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       '@import-maps/resolve': 1.0.1
@@ -2218,8 +2218,8 @@ packages:
       '@netlify/esbuild-windows-arm64': 0.14.39
     dev: true
 
-  /@netlify/framework-info/9.2.0:
-    resolution: {integrity: sha512-H5KgXjYXYZfWbPbUG+gPLuPZ1vxUjbN2yOb8GPpfnHV8MCn9e7Q3I/1g/rq/CC0DbupF/4rGrXbkJnbdEH7prw==}
+  /@netlify/framework-info/9.3.0:
+    resolution: {integrity: sha512-GfGG6DGHeVNpSN9yesKvgT0LTgrD0d0toV3kU86+E9j+yByKnRUdxVlGXocA454t/eVw0Vww/xeKY10oGUljEw==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       ajv: 8.11.0
@@ -2232,8 +2232,8 @@ packages:
       semver: 7.3.7
     dev: true
 
-  /@netlify/functions-utils/4.2.10_supports-color@9.2.1:
-    resolution: {integrity: sha512-OodKCe8fmD/uK3sGkfcBi6bwOuM/V1/gMf//67/4HkIUj1haaEICcJmpw17r7RwyseIwOEvdBV5oHEmSyOhDhA==}
+  /@netlify/functions-utils/4.2.11_supports-color@9.2.1:
+    resolution: {integrity: sha512-FuVIaUaZERgVzKoXTavVNqLEKDHXWwCxF7yhhmESc77c2Euiv7tqxNAyp3UO5G5hHpLDKE1MPkVX8ff0pJ5WeA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
@@ -2244,8 +2244,8 @@ packages:
       - supports-color
     dev: true
 
-  /@netlify/git-utils/4.1.2:
-    resolution: {integrity: sha512-Eee5Ht/bHPUV1cGaPF7kqV5V/78cXX0qyVDRDY72Crouw1F7V7D42yWpyf7/HrIg87LdzYoTmNwff7LMUTG4QA==}
+  /@netlify/git-utils/4.1.3:
+    resolution: {integrity: sha512-mSvK6UU+1L6wimoCaXqth/0XUY2/7n09ZRLHKLQAqQBQIEQHIZrnN8goK/J16O7ql+8ddiRVmnQm6cT0RFgRVg==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
       execa: 6.1.0
@@ -2384,9 +2384,9 @@ packages:
     resolution: {integrity: sha512-1n9VvO/9qM7cRB5f7NgSNqeUrovM7j9WVAY7ZQ4LtQuXSquFmO9Fku7WrV3zAUC6v2Y62fxGyJ0fRllYz5uXLw==}
     dev: true
 
-  /@netlify/plugins-list/6.46.0:
-    resolution: {integrity: sha512-kUX90Eacqko9ni3cepVZKXFTLmhdwES/HDRlMYxyUh+SmvXWRC+h43b11nA0/6M5PEPolUChQOZN9wZql6oJJw==}
-    engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
+  /@netlify/plugins-list/6.49.1:
+    resolution: {integrity: sha512-+4/v0IeSDSKInz2RuoemmqQXpqxff600Pr2sDhQ+dNaKCdIeeFstG6D9lKlHtztEmpKMmZa4dCUAkBMnd9vcjQ==}
+    engines: {node: ^14.14.0 || >=16.0.0}
     dev: true
 
   /@netlify/run-utils/4.0.2:
@@ -2506,89 +2506,97 @@ packages:
       fastq: 1.13.0
     dev: true
 
-  /@octokit/auth-token/2.5.0:
-    resolution: {integrity: sha512-r5FVUJCOLl19AxiuZD2VRZ/ORjp/4IN98Of6YJoJOkY75CIBuYfmiNHGrDwXr+aLGG55igl9QrxX3hbiXlLb+g==}
+  /@octokit/auth-token/3.0.1:
+    resolution: {integrity: sha512-/USkK4cioY209wXRpund6HZzHo9GmjakpV9ycOkpMcMxMk7QVcVFVyCMtzvXYiHsB2crgDgrtNYSELYFBXhhaA==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/types': 6.34.0
+      '@octokit/types': 7.5.1
     dev: true
 
-  /@octokit/core/3.5.1:
-    resolution: {integrity: sha512-omncwpLVxMP+GLpLPgeGJBF6IWJFjXDS5flY5VbppePYX9XehevbDykRH9PdCdvqt9TS5AOTiDide7h0qrkHjw==}
+  /@octokit/core/4.0.5:
+    resolution: {integrity: sha512-4R3HeHTYVHCfzSAi0C6pbGXV8UDI5Rk+k3G7kLVNckswN9mvpOzW9oENfjfH3nEmzg8y3AmKmzs8Sg6pLCeOCA==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/auth-token': 2.5.0
-      '@octokit/graphql': 4.8.0
-      '@octokit/request': 5.6.3
-      '@octokit/request-error': 2.1.0
-      '@octokit/types': 6.34.0
+      '@octokit/auth-token': 3.0.1
+      '@octokit/graphql': 5.0.1
+      '@octokit/request': 6.2.1
+      '@octokit/request-error': 3.0.1
+      '@octokit/types': 7.5.1
       before-after-hook: 2.2.2
       universal-user-agent: 6.0.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  /@octokit/endpoint/6.0.12:
-    resolution: {integrity: sha512-lF3puPwkQWGfkMClXb4k/eUT/nZKQfxinRWJrdZaJO85Dqwo/G0yOC434Jr2ojwafWJMYqFGFa5ms4jJUgujdA==}
+  /@octokit/endpoint/7.0.2:
+    resolution: {integrity: sha512-8/AUACfE9vpRpehE6ZLfEtzkibe5nfsSwFZVMsG8qabqRt1M81qZYUFRZa1B8w8lP6cdfDJfRq9HWS+MbmR7tw==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/types': 6.34.0
+      '@octokit/types': 7.5.1
       is-plain-object: 5.0.0
       universal-user-agent: 6.0.0
     dev: true
 
-  /@octokit/graphql/4.8.0:
-    resolution: {integrity: sha512-0gv+qLSBLKF0z8TKaSKTsS39scVKF9dbMxJpj3U0vC7wjNWFuIpL/z76Qe2fiuCbDRcJSavkXsVtMS6/dtQQsg==}
+  /@octokit/graphql/5.0.1:
+    resolution: {integrity: sha512-sxmnewSwAixkP1TrLdE6yRG53eEhHhDTYUykUwdV9x8f91WcbhunIHk9x1PZLALdBZKRPUO2HRcm4kezZ79HoA==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/request': 5.6.3
-      '@octokit/types': 6.34.0
+      '@octokit/request': 6.2.1
+      '@octokit/types': 7.5.1
       universal-user-agent: 6.0.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  /@octokit/openapi-types/11.2.0:
-    resolution: {integrity: sha512-PBsVO+15KSlGmiI8QAzaqvsNlZlrDlyAJYcrXBCvVUxCp7VnXjkwPoFHgjEJXx3WF9BAwkA6nfCUA7i9sODzKA==}
+  /@octokit/openapi-types/13.13.1:
+    resolution: {integrity: sha512-4EuKSk3N95UBWFau3Bz9b3pheQ8jQYbKmBL5+GSuY8YDPDwu03J4BjI+66yNi8aaX/3h1qDpb0mbBkLdr+cfGQ==}
     dev: true
 
-  /@octokit/plugin-paginate-rest/2.17.0_@octokit+core@3.5.1:
-    resolution: {integrity: sha512-tzMbrbnam2Mt4AhuyCHvpRkS0oZ5MvwwcQPYGtMv4tUa5kkzG58SVB0fcsLulOZQeRnOgdkZWkRUiyBlh0Bkyw==}
+  /@octokit/plugin-paginate-rest/4.3.1_@octokit+core@4.0.5:
+    resolution: {integrity: sha512-h8KKxESmSFTcXX409CAxlaOYscEDvN2KGQRsLCGT1NSqRW+D6EXLVQ8vuHhFznS9MuH9QYw1GfsUN30bg8hjVA==}
+    engines: {node: '>= 14'}
     peerDependencies:
-      '@octokit/core': '>=2'
+      '@octokit/core': '>=4'
     dependencies:
-      '@octokit/core': 3.5.1
-      '@octokit/types': 6.34.0
+      '@octokit/core': 4.0.5
+      '@octokit/types': 7.5.1
     dev: true
 
-  /@octokit/plugin-request-log/1.0.4_@octokit+core@3.5.1:
+  /@octokit/plugin-request-log/1.0.4_@octokit+core@4.0.5:
     resolution: {integrity: sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==}
     peerDependencies:
       '@octokit/core': '>=3'
     dependencies:
-      '@octokit/core': 3.5.1
+      '@octokit/core': 4.0.5
     dev: true
 
-  /@octokit/plugin-rest-endpoint-methods/5.13.0_@octokit+core@3.5.1:
-    resolution: {integrity: sha512-uJjMTkN1KaOIgNtUPMtIXDOjx6dGYysdIFhgA52x4xSadQCz3b/zJexvITDVpANnfKPW/+E0xkOvLntqMYpviA==}
+  /@octokit/plugin-rest-endpoint-methods/6.6.2_@octokit+core@4.0.5:
+    resolution: {integrity: sha512-n9dL5KMpz9qVFSNdcVWC8ZPbl68QbTk7+CMPXCXqaMZOLn1n1YuoSFFCy84Ge0fx333fUqpnBHv8BFjwGtUQkA==}
+    engines: {node: '>= 14'}
     peerDependencies:
       '@octokit/core': '>=3'
     dependencies:
-      '@octokit/core': 3.5.1
-      '@octokit/types': 6.34.0
+      '@octokit/core': 4.0.5
+      '@octokit/types': 7.5.1
       deprecation: 2.3.1
     dev: true
 
-  /@octokit/request-error/2.1.0:
-    resolution: {integrity: sha512-1VIvgXxs9WHSjicsRwq8PlR2LR2x6DwsJAaFgzdi0JfJoGSO8mYI/cHJQ+9FbN21aa+DrgNLnwObmyeSC8Rmpg==}
+  /@octokit/request-error/3.0.1:
+    resolution: {integrity: sha512-ym4Bp0HTP7F3VFssV88WD1ZyCIRoE8H35pXSKwLeMizcdZAYc/t6N9X9Yr9n6t3aG9IH75XDnZ6UeZph0vHMWQ==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/types': 6.34.0
+      '@octokit/types': 7.5.1
       deprecation: 2.3.1
       once: 1.4.0
     dev: true
 
-  /@octokit/request/5.6.3:
-    resolution: {integrity: sha512-bFJl0I1KVc9jYTe9tdGGpAMPy32dLBXXo1dS/YwSCTL/2nd9XeHsY616RE3HPXDVk+a+dBuzyz5YdlXwcDTr2A==}
+  /@octokit/request/6.2.1:
+    resolution: {integrity: sha512-gYKRCia3cpajRzDSU+3pt1q2OcuC6PK8PmFIyxZDWCzRXRSIBH8jXjFJ8ZceoygBIm0KsEUg4x1+XcYBz7dHPQ==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/endpoint': 6.0.12
-      '@octokit/request-error': 2.1.0
-      '@octokit/types': 6.34.0
+      '@octokit/endpoint': 7.0.2
+      '@octokit/request-error': 3.0.1
+      '@octokit/types': 7.5.1
       is-plain-object: 5.0.0
       node-fetch: 2.6.7
       universal-user-agent: 6.0.0
@@ -2596,21 +2604,22 @@ packages:
       - encoding
     dev: true
 
-  /@octokit/rest/18.12.0:
-    resolution: {integrity: sha512-gDPiOHlyGavxr72y0guQEhLsemgVjwRePayJ+FcKc2SJqKUbxbkvf5kAZEWA/MKvsfYlQAMVzNJE3ezQcxMJ2Q==}
+  /@octokit/rest/19.0.4:
+    resolution: {integrity: sha512-LwG668+6lE8zlSYOfwPj4FxWdv/qFXYBpv79TWIQEpBLKA9D/IMcWsF/U9RGpA3YqMVDiTxpgVpEW3zTFfPFTA==}
+    engines: {node: '>= 14'}
     dependencies:
-      '@octokit/core': 3.5.1
-      '@octokit/plugin-paginate-rest': 2.17.0_@octokit+core@3.5.1
-      '@octokit/plugin-request-log': 1.0.4_@octokit+core@3.5.1
-      '@octokit/plugin-rest-endpoint-methods': 5.13.0_@octokit+core@3.5.1
+      '@octokit/core': 4.0.5
+      '@octokit/plugin-paginate-rest': 4.3.1_@octokit+core@4.0.5
+      '@octokit/plugin-request-log': 1.0.4_@octokit+core@4.0.5
+      '@octokit/plugin-rest-endpoint-methods': 6.6.2_@octokit+core@4.0.5
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  /@octokit/types/6.34.0:
-    resolution: {integrity: sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==}
+  /@octokit/types/7.5.1:
+    resolution: {integrity: sha512-Zk4OUMLCSpXNI8KZZn47lVLJSsgMyCimsWWQI5hyjZg7hdYm0kjotaIkbG0Pp8SfU2CofMBzonboTqvzn3FrJA==}
     dependencies:
-      '@octokit/openapi-types': 11.2.0
+      '@octokit/openapi-types': 13.13.1
     dev: true
 
   /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
@@ -9225,19 +9234,19 @@ packages:
     resolution: {integrity: sha512-AO81vsIO1k1sM4Zrd6Hu7regmJN1NSiAja10gc4bX3F0wd+9rQmcuHQaHVQCYIEC8iFXnE+mavh23GOt7wBgug==}
     dev: true
 
-  /netlify-cli/12.0.2:
-    resolution: {integrity: sha512-nmIsQC+aidQ8AQFTSOLM/ggBCusQu7xgcs8QC1oj9N26tX3T8Ha9DfU9hfxX+jyNQXQhXXhdDNeT92G2+CqTTw==}
+  /netlify-cli/12.0.7:
+    resolution: {integrity: sha512-I9R9WKZ7Loz2NZnbZBc8OsUbl0GPjEI1vJf3zDUG9kGFPMgvJY4/cMymVMeoYfJpMS5MztyIX7Qi4Ry6azxK8w==}
     engines: {node: ^14.16.0 || >=16.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@netlify/build': 27.18.6
+      '@netlify/build': 27.20.3
       '@netlify/config': 18.2.4
-      '@netlify/edge-bundler': 2.2.0
-      '@netlify/framework-info': 9.2.0
+      '@netlify/edge-bundler': 2.7.0
+      '@netlify/framework-info': 9.3.0
       '@netlify/local-functions-proxy': 1.1.1
       '@netlify/zip-it-and-ship-it': 7.1.2
-      '@octokit/rest': 18.12.0
+      '@octokit/rest': 19.0.4
       '@sindresorhus/slugify': 1.1.2
       ansi-escapes: 5.0.0
       ansi-styles: 5.2.0
@@ -9313,7 +9322,7 @@ packages:
       p-wait-for: 3.2.0
       parallel-transform: 1.2.0
       parse-github-url: 1.0.2
-      parse-gitignore: 1.0.1
+      parse-gitignore: 2.0.0
       path-key: 3.1.1
       prettyjson: 1.2.5
       pump: 3.0.0
@@ -9987,9 +9996,9 @@ packages:
     hasBin: true
     dev: true
 
-  /parse-gitignore/1.0.1:
-    resolution: {integrity: sha512-UGyowyjtx26n65kdAMWhm6/3uy5uSrpcuH7tt+QEVudiBoVS+eqHxD5kbi9oWVRwj7sCzXqwuM+rUGw7earl6A==}
-    engines: {node: '>=6'}
+  /parse-gitignore/2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
     dev: true
 
   /parse-json/5.2.0:

From 37956b5933a7e47b2230be0c2d040750f3202d25 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 06:55:32 +0000
Subject: [PATCH 174/187] chore(deps): update dependency caniuse-lite to
 v1.0.30001418 (#2513)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2513
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index a01e11d3..2e2d4305 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
     "@vue/tsconfig": "0.1.3",
     "autoprefixer": "10.4.12",
     "browserslist": "4.21.4",
-    "caniuse-lite": "1.0.30001414",
+    "caniuse-lite": "1.0.30001418",
     "cypress": "10.9.0",
     "esbuild": "0.15.10",
     "eslint": "8.25.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 35343fec..e5f976c5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -37,7 +37,7 @@ specifiers:
   browserslist: 4.21.4
   bulma-css-variables: 0.9.33
   camel-case: 4.1.2
-  caniuse-lite: 1.0.30001414
+  caniuse-lite: 1.0.30001418
   codemirror: 5.65.9
   cypress: 10.9.0
   date-fns: 2.29.3
@@ -150,7 +150,7 @@ devDependencies:
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
   autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
-  caniuse-lite: 1.0.30001414
+  caniuse-lite: 1.0.30001418
   cypress: 10.9.0
   esbuild: 0.15.10
   eslint: 8.25.0
@@ -4011,7 +4011,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       browserslist: 4.21.4
-      caniuse-lite: 1.0.30001414
+      caniuse-lite: 1.0.30001418
       fraction.js: 4.2.0
       normalize-range: 0.1.2
       picocolors: 1.0.0
@@ -4286,7 +4286,7 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001414
+      caniuse-lite: 1.0.30001418
       electron-to-chromium: 1.4.256
       node-releases: 2.0.6
       update-browserslist-db: 1.0.9_browserslist@4.21.4
@@ -4464,8 +4464,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /caniuse-lite/1.0.30001414:
-    resolution: {integrity: sha512-t55jfSaWjCdocnFdKQoO+d2ct9C59UZg4dY3OnUlSZ447r8pUtIKdp0hpAzrGFultmTC+Us+KpKi4GZl/LXlFg==}
+  /caniuse-lite/1.0.30001418:
+    resolution: {integrity: sha512-oIs7+JL3K9JRQ3jPZjlH6qyYDp+nBTCais7hjh0s+fuBwufc7uZ7hPYMXrDOJhV360KGMTcczMRObk0/iMqZRg==}
     dev: true
 
   /caseless/0.12.0:

From 322724c2a6e1fc1cd97f2ba1e0dbbd6c73eeca1e Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 09:08:16 +0000
Subject: [PATCH 175/187] chore(deps): update dependency vite to v3.1.7 (#2515)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2515
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 2e2d4305..fb1c1cba 100644
--- a/package.json
+++ b/package.json
@@ -96,7 +96,7 @@
     "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
     "typescript": "4.8.4",
-    "vite": "3.1.6",
+    "vite": "3.1.7",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e5f976c5..00ab6501 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,7 +69,7 @@ specifiers:
   sortablejs: 1.15.0
   typescript: 4.8.4
   ufo: 0.8.5
-  vite: 3.1.6
+  vite: 3.1.7
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
   vitest: 0.24.0
@@ -143,8 +143,8 @@ devDependencies:
   '@types/node': 16.11.64
   '@typescript-eslint/eslint-plugin': 5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e
   '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
-  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.6
-  '@vitejs/plugin-vue': 3.1.2_vite@3.1.6+vue@3.2.40
+  '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.7
+  '@vitejs/plugin-vue': 3.1.2_vite@3.1.7+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_8498299c5d4240ca64b4886a17da166b
   '@vue/test-utils': 2.1.0_vue@3.2.40
   '@vue/tsconfig': 0.1.3_@types+node@16.11.64
@@ -164,8 +164,8 @@ devDependencies:
   rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
   sass: 1.55.0
   typescript: 4.8.4
-  vite: 3.1.6_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.6
+  vite: 3.1.7_sass@1.55.0+terser@5.10.0
+  vite-plugin-pwa: 0.13.1_vite@3.1.7
   vite-svg-loader: 3.6.0
   vitest: 0.24.0_7fc655e167cf9da448ccc3b585011dd3
   vue-tsc: 1.0.3_typescript@4.8.4
@@ -3316,7 +3316,7 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.6:
+  /@vitejs/plugin-legacy/2.2.0_terser@5.10.0+vite@3.1.7:
     resolution: {integrity: sha512-xkSXZl2LNk0KKyo5CJknNW84mSlmHIClFzsBuFXkX3yBt+Lr8UO/n4QOg2X7+jvurgBRies9FRn3ZvMem+TmIg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3329,17 +3329,17 @@ packages:
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
       terser: 5.10.0
-      vite: 3.1.6_sass@1.55.0+terser@5.10.0
+      vite: 3.1.7_sass@1.55.0+terser@5.10.0
     dev: true
 
-  /@vitejs/plugin-vue/3.1.2_vite@3.1.6+vue@3.2.40:
+  /@vitejs/plugin-vue/3.1.2_vite@3.1.7+vue@3.2.40:
     resolution: {integrity: sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^3.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 3.1.6_sass@1.55.0+terser@5.10.0
+      vite: 3.1.7_sass@1.55.0+terser@5.10.0
       vue: 3.2.40
     dev: true
 
@@ -12573,7 +12573,7 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.6:
+  /vite-plugin-pwa/0.13.1_vite@3.1.7:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
@@ -12582,7 +12582,7 @@ packages:
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
-      vite: 3.1.6_sass@1.55.0+terser@5.10.0
+      vite: 3.1.7_sass@1.55.0+terser@5.10.0
       workbox-build: 6.5.4
       workbox-window: 6.5.4
     transitivePeerDependencies:
@@ -12597,8 +12597,8 @@ packages:
       svgo: 2.8.0
     dev: true
 
-  /vite/3.1.6_sass@1.55.0+terser@5.10.0:
-    resolution: {integrity: sha512-qMXIwnehvvcK5XfJiXQUiTxoYAEMKhM+jqCY6ZSTKFBKu1hJnAKEzP3AOcnTerI0cMZYAaJ4wpW1wiXLMDt4mA==}
+  /vite/3.1.7_sass@1.55.0+terser@5.10.0:
+    resolution: {integrity: sha512-5vCAmU4S8lyVdFCInu9M54f/g8qbOMakVw5xJ4pjoaDy5wgy9sLLZkGdSLN52dlsBqh0tBqxjaqqa8LgPqwRAA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -12659,7 +12659,7 @@ packages:
       tinybench: 2.3.0
       tinypool: 0.3.0
       tinyspy: 1.0.2
-      vite: 3.1.6_sass@1.55.0+terser@5.10.0
+      vite: 3.1.7_sass@1.55.0+terser@5.10.0
     transitivePeerDependencies:
       - less
       - sass

From 3e8e5bb55485d741aa0a5a6a5b5f3ce43e45226d Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 14:42:13 +0000
Subject: [PATCH 176/187] fix(deps): update sentry-javascript monorepo to
 v7.15.0 (#2516)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2516
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  4 +--
 pnpm-lock.yaml | 74 ++++++++++++++++++++++----------------------------
 2 files changed, 34 insertions(+), 44 deletions(-)

diff --git a/package.json b/package.json
index fb1c1cba..10a6a84d 100644
--- a/package.json
+++ b/package.json
@@ -24,8 +24,8 @@
     "@fortawesome/vue-fontawesome": "3.0.1",
     "@github/hotkey": "2.0.1",
     "@kyvg/vue3-notification": "2.4.1",
-    "@sentry/tracing": "7.14.2",
-    "@sentry/vue": "7.14.2",
+    "@sentry/tracing": "7.15.0",
+    "@sentry/vue": "7.15.0",
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 00ab6501..7923328d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,8 +12,8 @@ specifiers:
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1
   '@rushstack/eslint-patch': 1.2.0
-  '@sentry/tracing': 7.14.2
-  '@sentry/vue': 7.14.2
+  '@sentry/tracing': 7.15.0
+  '@sentry/vue': 7.15.0
   '@types/dompurify': 2.3.4
   '@types/flexsearch': 0.7.3
   '@types/is-touch-device': 1.0.0
@@ -92,8 +92,8 @@ dependencies:
   '@fortawesome/vue-fontawesome': 3.0.1_21e6b971ab1cbc4f6c07645df616013e
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.40
-  '@sentry/tracing': 7.14.2
-  '@sentry/vue': 7.14.2_vue@3.2.40
+  '@sentry/tracing': 7.15.0
+  '@sentry/vue': 7.15.0_vue@3.2.40
   '@types/is-touch-device': 1.0.0
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
@@ -2698,68 +2698,58 @@ packages:
       - zenObservable
     dev: true
 
-  /@sentry/browser/7.14.2:
-    resolution: {integrity: sha512-KGAZ+5lK7gIO2CM3/MAQGY8JtNVCWXRi807lAxndJ3E1oIQb9A0x7b+AJNr1+6jlwf6QESblr92MCLKPHDpNbA==}
+  /@sentry/browser/7.15.0:
+    resolution: {integrity: sha512-vZYr8L2JmniV8cns4yGOpX32moazz6tsllB1uv7XmmELW98sIuuugVFX0k6cBi89R8pyhdqULFCf9CL8CRguRg==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/core': 7.14.2
-      '@sentry/types': 7.14.2
-      '@sentry/utils': 7.14.2
+      '@sentry/core': 7.15.0
+      '@sentry/types': 7.15.0
+      '@sentry/utils': 7.15.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/core/7.14.2:
-    resolution: {integrity: sha512-AXcH6nROugziO5KsKSQ9TmAXq6HJa8Fn+kDqAL/sNY65w6YYlHifMO2xHkSXVJxGw7vx9DYh/5SF+KnLn6NDNA==}
+  /@sentry/core/7.15.0:
+    resolution: {integrity: sha512-W8d44g04GShBn4Z9VBTUhf1T9LTMfzUnETEx237zzUucv0kkyj3LsWQsJapWchMbmwr1V/CdnNDN+lGDm8iXQA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.14.2
-      '@sentry/types': 7.14.2
-      '@sentry/utils': 7.14.2
+      '@sentry/types': 7.15.0
+      '@sentry/utils': 7.15.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/hub/7.14.2:
-    resolution: {integrity: sha512-18cuSesTn9VAF0JC107flLmtCRt/6DBn38uz0G9cPThKtTSNwjGvGZ/ag4J1iq+IDjVS5MA6iTncXOsSpVP2Wg==}
+  /@sentry/tracing/7.15.0:
+    resolution: {integrity: sha512-c0Y3+z6EWsc+EJsfBcRtc58ugkWYa6+6KTu3ceMkx2ZgZTCmRUuzAb7yodMt/gwezBsxzq706fnQivx1lQgzlQ==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/types': 7.14.2
-      '@sentry/utils': 7.14.2
+      '@sentry/core': 7.15.0
+      '@sentry/types': 7.15.0
+      '@sentry/utils': 7.15.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/tracing/7.14.2:
-    resolution: {integrity: sha512-KCZogsvqUYiR9vNPWXVgSM00CF+yfYJaBd363fN3HUbjya4j96cHJg65zf6oy85Igr6IGclYaTkoEbiZ6xdNDw==}
+  /@sentry/types/7.15.0:
+    resolution: {integrity: sha512-MN9haDRh9ZOsTotoDTHu2BT3sT8Vs1F0alhizUpDyjN2YgBCqR6JV+AbAE1XNHwS2+5zbppch1PwJUVeE58URQ==}
+    engines: {node: '>=8'}
+    dev: false
+
+  /@sentry/utils/7.15.0:
+    resolution: {integrity: sha512-akic22/6xa/RG5Mj7UN6pLc23VnX9zQlKM53L/q3yIr0juckSVthJiiFNdgdqrX03S1tHYlBgPeShKFFTHpkjA==}
     engines: {node: '>=8'}
     dependencies:
-      '@sentry/hub': 7.14.2
-      '@sentry/types': 7.14.2
-      '@sentry/utils': 7.14.2
+      '@sentry/types': 7.15.0
       tslib: 1.14.1
     dev: false
 
-  /@sentry/types/7.14.2:
-    resolution: {integrity: sha512-JzkOtenArOXmJBAk/FBbxKKX7XC650HqkhGL4ugT/f+RyxfiDZ0X1TAYMrvKIe+qpn5Nh7JUBfR+BARKAiu2wQ==}
-    engines: {node: '>=8'}
-    dev: false
-
-  /@sentry/utils/7.14.2:
-    resolution: {integrity: sha512-vpZolN+k1IoxWXhKyOVcRl7V1bgww+96gHqTJdcMzOB83x/ofels7L0kqxb03WukKTYcnc7Ep+yBiKi/OYX9og==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@sentry/types': 7.14.2
-      tslib: 1.14.1
-    dev: false
-
-  /@sentry/vue/7.14.2_vue@3.2.40:
-    resolution: {integrity: sha512-DYfqF+KGsxZBZbxLD7PX/WNStBG0UPSsw8A7kb3ixPBsxYl/ybI3gCgMn15tIrIK88gwNT9Oo1CjGQ71Oog99A==}
+  /@sentry/vue/7.15.0_vue@3.2.40:
+    resolution: {integrity: sha512-F5Sl4qe4SNgyjijQGcWiQglutmWC2POWpx3OKK37BQ/FwsiRHVUdR/XihRc0uWmCRl5fCCs8gMNTn4RqMOwwRw==}
     engines: {node: '>=8'}
     peerDependencies:
       vue: 2.x || 3.x
     dependencies:
-      '@sentry/browser': 7.14.2
-      '@sentry/core': 7.14.2
-      '@sentry/types': 7.14.2
-      '@sentry/utils': 7.14.2
+      '@sentry/browser': 7.15.0
+      '@sentry/core': 7.15.0
+      '@sentry/types': 7.15.0
+      '@sentry/utils': 7.15.0
       tslib: 1.14.1
       vue: 3.2.40
     dev: false

From 87ad58b4b7d96363802b07c43a5b7b1c2ba54417 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 20:05:13 +0000
Subject: [PATCH 177/187] chore(deps): update dependency vitest to v0.24.1
 (#2517)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2517
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 10a6a84d..a198ff5d 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "vite": "3.1.7",
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
-    "vitest": "0.24.0",
+    "vitest": "0.24.1",
     "vue-tsc": "1.0.3",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7923328d..33db6df2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,7 +72,7 @@ specifiers:
   vite: 3.1.7
   vite-plugin-pwa: 0.13.1
   vite-svg-loader: 3.6.0
-  vitest: 0.24.0
+  vitest: 0.24.1
   vue: 3.2.40
   vue-advanced-cropper: 2.8.6
   vue-drag-resize: 2.0.3
@@ -167,7 +167,7 @@ devDependencies:
   vite: 3.1.7_sass@1.55.0+terser@5.10.0
   vite-plugin-pwa: 0.13.1_vite@3.1.7
   vite-svg-loader: 3.6.0
-  vitest: 0.24.0_7fc655e167cf9da448ccc3b585011dd3
+  vitest: 0.24.1_7fc655e167cf9da448ccc3b585011dd3
   vue-tsc: 1.0.3_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
@@ -12616,8 +12616,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.24.0_7fc655e167cf9da448ccc3b585011dd3:
-    resolution: {integrity: sha512-k5j3FPTor+MJx2x0pDW2gtVk+s9VC6nSHT3SoqOIk9Je5fFpPgict+Xy2eAVXUogvSixs45Ya1oZk+oK93BO0w==}
+  /vitest/0.24.1_7fc655e167cf9da448ccc3b585011dd3:
+    resolution: {integrity: sha512-NKkK1xnDIOOr42pKBfGQQl6b6IWdFVBpG6ZS1T+nUlJuqcOiZ7lxjVwHy9wrtTYpJ0BWww9y6bSGYXubD29Nag==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
     peerDependencies:

From e811695cb0d11e62ed941481c429ec52fb529ef7 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 20:05:57 +0000
Subject: [PATCH 178/187] chore(deps): update pnpm to v7.13.4 (#2518)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2518
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a198ff5d..01486f3c 100644
--- a/package.json
+++ b/package.json
@@ -110,5 +110,5 @@
     }
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.13.3"
+  "packageManager": "pnpm@7.13.4"
 }

From a47167197d8f68cbfd213c180e2ff829369e1d5a Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Mon, 10 Oct 2022 20:06:50 +0000
Subject: [PATCH 179/187] chore(deps): update typescript-eslint monorepo to
 v5.40.0 (#2519)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2519
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  4 +--
 pnpm-lock.yaml | 91 +++++++++++++++++++++++++-------------------------
 2 files changed, 48 insertions(+), 47 deletions(-)

diff --git a/package.json b/package.json
index 01486f3c..10b4ea9f 100644
--- a/package.json
+++ b/package.json
@@ -73,8 +73,8 @@
     "@types/lodash.debounce": "4.0.7",
     "@types/marked": "4.0.7",
     "@types/node": "16.11.64",
-    "@typescript-eslint/eslint-plugin": "5.39.0",
-    "@typescript-eslint/parser": "5.39.0",
+    "@typescript-eslint/eslint-plugin": "5.40.0",
+    "@typescript-eslint/parser": "5.40.0",
     "@vitejs/plugin-legacy": "2.2.0",
     "@vitejs/plugin-vue": "3.1.2",
     "@vue/eslint-config-typescript": "11.0.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33db6df2..74a4f63c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,8 +22,8 @@ specifiers:
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
   '@types/sortablejs': 1.15.0
-  '@typescript-eslint/eslint-plugin': 5.39.0
-  '@typescript-eslint/parser': 5.39.0
+  '@typescript-eslint/eslint-plugin': 5.40.0
+  '@typescript-eslint/parser': 5.40.0
   '@vitejs/plugin-legacy': 2.2.0
   '@vitejs/plugin-vue': 3.1.2
   '@vue/eslint-config-typescript': 11.0.2
@@ -141,8 +141,8 @@ devDependencies:
   '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.64
-  '@typescript-eslint/eslint-plugin': 5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e
-  '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
+  '@typescript-eslint/eslint-plugin': 5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc
+  '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.7
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.7+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_8498299c5d4240ca64b4886a17da166b
@@ -3119,8 +3119,8 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e:
-    resolution: {integrity: sha512-xVfKOkBm5iWMNGKQ2fwX5GVgBuHmZBO1tCRwXmY5oAIsPscfwm2UADDuNB8ZVYCtpQvJK4xpjrK7jEhcJ0zY9A==}
+  /@typescript-eslint/eslint-plugin/5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc:
+    resolution: {integrity: sha512-FIBZgS3DVJgqPwJzvZTuH4HNsZhHMa9SjxTKAZTlMsPw/UzpEjcf9f4dfgDJEHjK+HboUJo123Eshl6niwEm/Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -3130,10 +3130,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
-      '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/type-utils': 5.39.0_eslint@8.25.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.40.0
+      '@typescript-eslint/type-utils': 5.40.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.40.0_eslint@8.25.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.25.0
       ignore: 5.2.0
@@ -3145,8 +3145,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.39.0_eslint@8.25.0+typescript@4.8.4:
-    resolution: {integrity: sha512-PhxLjrZnHShe431sBAGHaNe6BDdxAASDySgsBCGxcBecVCi8NQWxQZMcizNA4g0pN51bBAn/FUfkWG3SDVcGlA==}
+  /@typescript-eslint/parser/5.40.0_eslint@8.25.0+typescript@4.8.4:
+    resolution: {integrity: sha512-Ah5gqyX2ySkiuYeOIDg7ap51/b63QgWZA7w6AHtFrag7aH0lRQPbLzUjk0c9o5/KZ6JRkTTDKShL4AUrQa6/hw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -3155,9 +3155,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.40.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
       debug: 4.3.4
       eslint: 8.25.0
       typescript: 4.8.4
@@ -3165,16 +3165,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.39.0:
-    resolution: {integrity: sha512-/I13vAqmG3dyqMVSZPjsbuNQlYS082Y7OMkwhCfLXYsmlI0ca4nkL7wJ/4gjX70LD4P8Hnw1JywUVVAwepURBw==}
+  /@typescript-eslint/scope-manager/5.40.0:
+    resolution: {integrity: sha512-d3nPmjUeZtEWRvyReMI4I1MwPGC63E8pDoHy0BnrYjnJgilBD3hv7XOiETKLY/zTwI7kCnBDf2vWTRUVpYw0Uw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/visitor-keys': 5.39.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/visitor-keys': 5.40.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.39.0_eslint@8.25.0+typescript@4.8.4:
-    resolution: {integrity: sha512-KJHJkOothljQWzR3t/GunL0TPKY+fGJtnpl+pX+sJ0YiKTz3q2Zr87SGTmFqsCMFrLt5E0+o+S6eQY0FAXj9uA==}
+  /@typescript-eslint/type-utils/5.40.0_eslint@8.25.0+typescript@4.8.4:
+    resolution: {integrity: sha512-nfuSdKEZY2TpnPz5covjJqav+g5qeBqwSHKBvz7Vm1SAfy93SwKk/JeSTymruDGItTwNijSsno5LhOHRS1pcfw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -3183,8 +3183,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.39.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
+      '@typescript-eslint/utils': 5.40.0_eslint@8.25.0+typescript@4.8.4
       debug: 4.3.4
       eslint: 8.25.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3193,13 +3193,13 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.39.0:
-    resolution: {integrity: sha512-gQMZrnfEBFXK38hYqt8Lkwt8f4U6yq+2H5VDSgP/qiTzC8Nw8JO3OuSUOQ2qW37S/dlwdkHDntkZM6SQhKyPhw==}
+  /@typescript-eslint/types/5.40.0:
+    resolution: {integrity: sha512-V1KdQRTXsYpf1Y1fXCeZ+uhjW48Niiw0VGt4V8yzuaDTU8Z1Xl7yQDyQNqyAFcVhpYXIVCEuxSIWTsLDpHgTbw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_f1deb5be19df0fe0ff039530117daddf:
-    resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
+  /@typescript-eslint/typescript-estree/5.40.0_f1deb5be19df0fe0ff039530117daddf:
+    resolution: {integrity: sha512-b0GYlDj8TLTOqwX7EGbw2gL5EXS2CPEWhF9nGJiGmEcmlpNBjyHsTwbqpyIEPVpl6br4UcBOYlcI2FJVtJkYhg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3207,8 +3207,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/visitor-keys': 5.39.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/visitor-keys': 5.40.0
       debug: 4.3.4_supports-color@9.2.1
       globby: 11.1.0
       is-glob: 4.0.3
@@ -3219,8 +3219,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.39.0_typescript@4.8.4:
-    resolution: {integrity: sha512-qLFQP0f398sdnogJoLtd43pUgB18Q50QSA+BTE5h3sUxySzbWDpTSdgt4UyxNSozY/oDK2ta6HVAzvGgq8JYnA==}
+  /@typescript-eslint/typescript-estree/5.40.0_typescript@4.8.4:
+    resolution: {integrity: sha512-b0GYlDj8TLTOqwX7EGbw2gL5EXS2CPEWhF9nGJiGmEcmlpNBjyHsTwbqpyIEPVpl6br4UcBOYlcI2FJVtJkYhg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -3228,8 +3228,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/visitor-keys': 5.39.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/visitor-keys': 5.40.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
@@ -3240,29 +3240,30 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.39.0_eslint@8.25.0+typescript@4.8.4:
-    resolution: {integrity: sha512-+DnY5jkpOpgj+EBtYPyHRjXampJfC0yUZZzfzLuUWVZvCuKqSdJVC8UhdWipIw7VKNTfwfAPiOWzYkAwuIhiAg==}
+  /@typescript-eslint/utils/5.40.0_eslint@8.25.0+typescript@4.8.4:
+    resolution: {integrity: sha512-MO0y3T5BQ5+tkkuYZJBjePewsY+cQnfkYeRqS6tPh28niiIwPnQ1t59CSRcs1ZwJJNOdWw7rv9pF8aP58IMihA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.9
-      '@typescript-eslint/scope-manager': 5.39.0
-      '@typescript-eslint/types': 5.39.0
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
+      '@typescript-eslint/scope-manager': 5.40.0
+      '@typescript-eslint/types': 5.40.0
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
       eslint: 8.25.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.25.0
+      semver: 7.3.7
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.39.0:
-    resolution: {integrity: sha512-yyE3RPwOG+XJBLrhvsxAidUgybJVQ/hG8BhiJo0k8JSAYfk/CshVcxf0HwP4Jt7WZZ6vLmxdo1p6EyN3tzFTkg==}
+  /@typescript-eslint/visitor-keys/5.40.0:
+    resolution: {integrity: sha512-ijJ+6yig+x9XplEpG2K6FUdJeQGGj/15U3S56W9IqXKJqleuD7zJ2AX/miLezwxpd7ZxDAqO87zWufKg+RPZyQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.39.0
+      '@typescript-eslint/types': 5.40.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -3464,8 +3465,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.39.0_1147f3ed0a9e510f1c5601e9a85ce93e
-      '@typescript-eslint/parser': 5.39.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/eslint-plugin': 5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc
+      '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
       eslint: 8.25.0
       eslint-plugin-vue: 9.6.0_eslint@8.25.0
       typescript: 4.8.4
@@ -5575,7 +5576,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_typescript@4.8.4
+      '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -5587,7 +5588,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.39.0_f1deb5be19df0fe0ff039530117daddf
+      '@typescript-eslint/typescript-estree': 5.40.0_f1deb5be19df0fe0ff039530117daddf
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4

From e5b60b7cd38687d069d35bbef54cc12d7431f21a Mon Sep 17 00:00:00 2001
From: drone <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 00:24:33 +0000
Subject: [PATCH 180/187] [skip ci] Updated translations via Crowdin

---
 src/i18n/lang/ca-ES.json    |  6 +++++
 src/i18n/lang/cs-CZ.json    |  6 +++++
 src/i18n/lang/de-DE.json    |  6 +++++
 src/i18n/lang/de-swiss.json |  6 +++++
 src/i18n/lang/es-ES.json    |  6 +++++
 src/i18n/lang/fr-FR.json    |  6 +++++
 src/i18n/lang/it-IT.json    |  6 +++++
 src/i18n/lang/nl-NL.json    |  6 +++++
 src/i18n/lang/pl-PL.json    |  6 +++++
 src/i18n/lang/pt-BR.json    |  6 +++++
 src/i18n/lang/pt-PT.json    | 44 +++++++++++++++++++++----------------
 src/i18n/lang/ro-RO.json    |  6 +++++
 src/i18n/lang/ru-RU.json    |  6 +++++
 src/i18n/lang/sk-SK.json    |  6 +++++
 src/i18n/lang/sv-SE.json    |  6 +++++
 src/i18n/lang/tr-TR.json    |  6 +++++
 src/i18n/lang/vi-VN.json    |  6 +++++
 src/i18n/lang/zh-CN.json    |  6 +++++
 18 files changed, 127 insertions(+), 19 deletions(-)

diff --git a/src/i18n/lang/ca-ES.json b/src/i18n/lang/ca-ES.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/ca-ES.json
+++ b/src/i18n/lang/ca-ES.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/cs-CZ.json b/src/i18n/lang/cs-CZ.json
index b6107647..b768cc75 100644
--- a/src/i18n/lang/cs-CZ.json
+++ b/src/i18n/lang/cs-CZ.json
@@ -853,6 +853,12 @@
         "text1": "Opravdu chcete odebrat tohoto uživatele z týmu?",
         "text2": "Ztratí přístup ke všem seznamům a prostorům, k nimž má tento tým přístup. To NEMŮŽE BÝT VZATO ZPĚT!",
         "success": "Uživatel byl úspěšně odstraněn z týmu."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/de-DE.json b/src/i18n/lang/de-DE.json
index 2cf945be..be53b2da 100644
--- a/src/i18n/lang/de-DE.json
+++ b/src/i18n/lang/de-DE.json
@@ -853,6 +853,12 @@
         "text1": "Bist du sicher, dass du diese:n Benutzer:in aus dem Team entfernen willst?",
         "text2": "Diese:r Benutzer:in verliert den Zugriff auf alle Listen und Namespaces auf die dieses Team Zugriff hat. Dies kann nicht rückgängig gemacht werden!",
         "success": "Der:die Benutzer:in wurde erfolgreich aus dem Team gelöscht."
+      },
+      "leave": {
+        "title": "Team verlassen",
+        "text1": "Bist du sicher, dass du dieses Team verlassen willst?",
+        "text2": "Du wirst Zugriff auf alle Listen und Namespaces verlieren, auf die dieses Team Zugriff hat. Wenn du deine Meinung änderst, musst du durch einen Team-Admin wieder hinzugefügt werden.",
+        "success": "Du hast das Team erfolgreich verlassen."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/de-swiss.json b/src/i18n/lang/de-swiss.json
index b4f6962f..f00f2298 100644
--- a/src/i18n/lang/de-swiss.json
+++ b/src/i18n/lang/de-swiss.json
@@ -853,6 +853,12 @@
         "text1": "Bisch du dir sicher, dass du de Benutzer usm Team werfe wetsch?",
         "text2": "Diese:r Benutzer:in verliert den Zugriff auf alle Listen und Namespaces auf die dieses Team Zugriff hat. Dies kann nicht rückgängig gemacht werden!",
         "success": "Benutzer erfolgriich usegworfe."
+      },
+      "leave": {
+        "title": "Team verlassen",
+        "text1": "Bist du sicher, dass du dieses Team verlassen willst?",
+        "text2": "Du wirst Zugriff auf alle Listen und Namespaces verlieren, auf die dieses Team Zugriff hat. Wenn du deine Meinung änderst, musst du durch einen Team-Admin wieder hinzugefügt werden.",
+        "success": "Du hast das Team erfolgreich verlassen."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/es-ES.json b/src/i18n/lang/es-ES.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/es-ES.json
+++ b/src/i18n/lang/es-ES.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/fr-FR.json b/src/i18n/lang/fr-FR.json
index 15289863..1d441058 100644
--- a/src/i18n/lang/fr-FR.json
+++ b/src/i18n/lang/fr-FR.json
@@ -853,6 +853,12 @@
         "text1": "Retirer cette personne de l’équipe ?",
         "text2": "Ils perdront l'accès à toutes les listes et espaces de noms auxquels cette équipe a accès. Ceci NE PEUT PAS ÊTRE ANNULÉ !",
         "success": "Utilisateur·rice retiré·e de l’équipe."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/it-IT.json b/src/i18n/lang/it-IT.json
index e7c3e48b..663cc77a 100644
--- a/src/i18n/lang/it-IT.json
+++ b/src/i18n/lang/it-IT.json
@@ -853,6 +853,12 @@
         "text1": "Confermi di voler rimuovere questo utente dal gruppo?",
         "text2": "Perderanno l'accesso a tutte le liste e i namespace a cui questo gruppo ha accesso. NON PUÒ ESSERE RIPRISTINATO!",
         "success": "Utente rimosso dal gruppo."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/nl-NL.json b/src/i18n/lang/nl-NL.json
index 82105caa..ad77fe90 100644
--- a/src/i18n/lang/nl-NL.json
+++ b/src/i18n/lang/nl-NL.json
@@ -853,6 +853,12 @@
         "text1": "Weet je zeker dat je deze gebruiker wilt verwijderen uit het team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/pl-PL.json b/src/i18n/lang/pl-PL.json
index 385fa4d4..e97fde55 100644
--- a/src/i18n/lang/pl-PL.json
+++ b/src/i18n/lang/pl-PL.json
@@ -853,6 +853,12 @@
         "text1": "Czy na pewno chcesz usunąć tego użytkownika z zespołu?",
         "text2": "Utraci on dostęp do wszystkich list i sekcji, do których ma dostęp ten zespół. Tego NIE DA SIĘ COFNĄĆ!",
         "success": "Użytkownik został pomyślnie usunięty z zespołu."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/pt-BR.json b/src/i18n/lang/pt-BR.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/pt-BR.json
+++ b/src/i18n/lang/pt-BR.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/pt-PT.json b/src/i18n/lang/pt-PT.json
index ea6c7b06..e29b7489 100644
--- a/src/i18n/lang/pt-PT.json
+++ b/src/i18n/lang/pt-PT.json
@@ -672,23 +672,23 @@
       "updated": "Atualizado"
     },
     "subscription": {
-      "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
-      "subscribedTaskThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this task through its namespace.",
-      "subscribedTaskThroughParentList": "You can't unsubscribe here because you are subscribed to this task through its list.",
-      "subscribedNamespace": "You are currently subscribed to this namespace and will receive notifications for changes.",
-      "notSubscribedNamespace": "You are not subscribed to this namespace and won't receive notifications for changes.",
-      "subscribedList": "You are currently subscribed to this list and will receive notifications for changes.",
-      "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
-      "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
-      "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
+      "subscribedListThroughParentNamespace": "Não podes cancelar a tua subscrição aqui porque estás subscrito nesta lista através do seu espaço.",
+      "subscribedTaskThroughParentNamespace": "Não podes cancelar a tua subscrição aqui porque estás subscrito nesta tarefa através do seu espaço.",
+      "subscribedTaskThroughParentList": "Não podes cancelar a tua subscrição aqui porque estás subscrito nesta tarefa através da sua lista.",
+      "subscribedNamespace": "Estás atualmente subscrito a este espaço e serás notificado de alterações.",
+      "notSubscribedNamespace": "Não estás subscrito a este espaço e não serás notificado de alterações.",
+      "subscribedList": "Estás atualmente subscrito a esta lista e serás notificado de alterações.",
+      "notSubscribedList": "Não estás subscrito a esta lista e não serás notificado de alterações.",
+      "subscribedTask": "Estás atualmente subscrito a esta tarefa e serás notificado de alterações.",
+      "notSubscribedTask": "Não estás subscrito a esta tarefa e não serás notificado de alterações.",
       "subscribe": "Subscrever",
       "unsubscribe": "Remover Subscrição",
-      "subscribeSuccessNamespace": "You are now subscribed to this namespace",
-      "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
-      "subscribeSuccessList": "You are now subscribed to this list",
-      "unsubscribeSuccessList": "You are now unsubscribed to this list",
-      "subscribeSuccessTask": "You are now subscribed to this task",
-      "unsubscribeSuccessTask": "You are now unsubscribed to this task"
+      "subscribeSuccessNamespace": "Estás agora subscrito a este espaço",
+      "unsubscribeSuccessNamespace": "Não estás mais subcrito a este espaço",
+      "subscribeSuccessList": "Estás agora subscrito a esta lista",
+      "unsubscribeSuccessList": "Não estás mais subcrito a esta lista",
+      "subscribeSuccessTask": "Estás agora subscrito a esta tarefa",
+      "unsubscribeSuccessTask": "Não estás mais subcrito a esta tarefa"
     },
     "attachment": {
       "title": "Anexos",
@@ -701,10 +701,10 @@
       "deleteText1": "Tens a certeza que pretendes eliminar o anexo {filename}?",
       "copyUrl": "Copiar URL",
       "copyUrlTooltip": "Copia o url deste anexo para o utilizar no texto",
-      "setAsCover": "Make cover",
-      "unsetAsCover": "Remove cover",
-      "successfullyChangedCoverImage": "The cover image was successfully changed.",
-      "usedAsCover": "Cover image"
+      "setAsCover": "Criar capa",
+      "unsetAsCover": "Remover capa",
+      "successfullyChangedCoverImage": "A imagem de capa foi alterada com sucesso.",
+      "usedAsCover": "Imagem de capa"
     },
     "comment": {
       "title": "Comentários",
@@ -853,6 +853,12 @@
         "text1": "Tens a certeza que pretendes remover este utilizador da equipa?",
         "text2": "Eles perderão o acesso a todas as listas e espaços a que esta equipa tem acesso. Isto NÃO PODER SER REVERTIDO!",
         "success": "O utilizador foi removido da equipa com sucesso."
+      },
+      "leave": {
+        "title": "Sair da equipa",
+        "text1": "Tens a certeza de que queres sair desta equipa?",
+        "text2": "Vais perder acesso a todas as listas e espaços a que esta equipa tem acesso. Se mudares de ideias, vais necessitar que um administrador da equipa te adicione novamente.",
+        "success": "Saíste da equipa com sucesso."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/ro-RO.json b/src/i18n/lang/ro-RO.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/ro-RO.json
+++ b/src/i18n/lang/ro-RO.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/ru-RU.json b/src/i18n/lang/ru-RU.json
index f4e264b2..ef299c0b 100644
--- a/src/i18n/lang/ru-RU.json
+++ b/src/i18n/lang/ru-RU.json
@@ -853,6 +853,12 @@
         "text1": "Удалить этого пользователя из команды?",
         "text2": "Пользователь потеряет доступ ко всем спискам и пространствам имён, к котором есть доступ у команды. Это действие отменить нельзя!",
         "success": "Пользователь удалён из команды."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/sk-SK.json b/src/i18n/lang/sk-SK.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/sk-SK.json
+++ b/src/i18n/lang/sk-SK.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/sv-SE.json b/src/i18n/lang/sv-SE.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/sv-SE.json
+++ b/src/i18n/lang/sv-SE.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/tr-TR.json b/src/i18n/lang/tr-TR.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/tr-TR.json
+++ b/src/i18n/lang/tr-TR.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/vi-VN.json b/src/i18n/lang/vi-VN.json
index 5baaefee..6afc093e 100644
--- a/src/i18n/lang/vi-VN.json
+++ b/src/i18n/lang/vi-VN.json
@@ -853,6 +853,12 @@
         "text1": "Bạn có chắc muốn đưa thành viên này ra khỏi Team không?",
         "text2": "Họ sẽ mất quyền truy cập vào tất cả danh sách và góc làm việc mà Team này có quyền truy cập. Điều đó KHÔNG THỂ HOÀN TÁC!",
         "success": "Thành viên đã rời khỏi Team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {
diff --git a/src/i18n/lang/zh-CN.json b/src/i18n/lang/zh-CN.json
index ecef1a30..07797da3 100644
--- a/src/i18n/lang/zh-CN.json
+++ b/src/i18n/lang/zh-CN.json
@@ -853,6 +853,12 @@
         "text1": "Are you sure you want to remove this user from the team?",
         "text2": "They will lose access to all lists and namespaces this team has access to. This CANNOT BE UNDONE!",
         "success": "The user was successfully deleted from the team."
+      },
+      "leave": {
+        "title": "Leave team",
+        "text1": "Are you sure you want to leave this team?",
+        "text2": "You will loose access to all lists and namespaces this team has access to. If you change your mind you'll need a team admin to add you again.",
+        "success": "You have successfully left the team."
       }
     },
     "attributes": {

From 5826e2ebcc853819f23390857e89e26a75dcdfc7 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 05:26:35 +0000
Subject: [PATCH 181/187] chore(deps): update dependency @types/node to
 v16.11.65 (#2520)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2520
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 10b4ea9f..c45cc647 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "@types/flexsearch": "0.7.3",
     "@types/lodash.debounce": "4.0.7",
     "@types/marked": "4.0.7",
-    "@types/node": "16.11.64",
+    "@types/node": "16.11.65",
     "@typescript-eslint/eslint-plugin": "5.40.0",
     "@typescript-eslint/parser": "5.40.0",
     "@vitejs/plugin-legacy": "2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 74a4f63c..02e7c9ea 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,7 +20,7 @@ specifiers:
   '@types/lodash.clonedeep': 4.5.7
   '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
-  '@types/node': 16.11.64
+  '@types/node': 16.11.65
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.40.0
   '@typescript-eslint/parser': 5.40.0
@@ -140,14 +140,14 @@ devDependencies:
   '@types/flexsearch': 0.7.3
   '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
-  '@types/node': 16.11.64
+  '@types/node': 16.11.65
   '@typescript-eslint/eslint-plugin': 5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc
   '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.7
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.7+vue@3.2.40
   '@vue/eslint-config-typescript': 11.0.2_8498299c5d4240ca64b4886a17da166b
   '@vue/test-utils': 2.1.0_vue@3.2.40
-  '@vue/tsconfig': 0.1.3_@types+node@16.11.64
+  '@vue/tsconfig': 0.1.3_@types+node@16.11.65
   autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001418
@@ -1889,7 +1889,7 @@ packages:
       '@netlify/run-utils': 4.0.2
       '@netlify/zip-it-and-ship-it': 7.1.2_supports-color@9.2.1
       '@sindresorhus/slugify': 2.1.0
-      '@types/node': 16.11.64
+      '@types/node': 16.11.65
       ajv: 8.11.0
       ajv-errors: 3.0.0_ajv@8.11.0
       ansi-escapes: 5.0.0
@@ -1929,7 +1929,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_56922d2c3e8466316d745c2e9b343672
+      ts-node: 10.8.1_de9e8fc9b9c84114d4a7b2eb3302e42f
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -3029,8 +3029,8 @@ packages:
     resolution: {integrity: sha512-zCoCEMA+IPpsRkyCFBqew5vGb7r8RSiB3uwdu/map7uwLAfu1MTazW26/pUDWoNnF88vJz4W3U56i5gtXNqxGg==}
     dev: true
 
-  /@types/node/16.11.64:
-    resolution: {integrity: sha512-z5hPTlVFzNwtJ2LNozTpJcD1Cu44c4LNuzaq1mwxmiHWQh2ULdR6Vjwo1UGldzRpzL0yUEdZddnfqGW2G70z6Q==}
+  /@types/node/16.11.65:
+    resolution: {integrity: sha512-Vfz7wGMOr4jbQGiQHVJm8VjeQwM9Ya7mHe9LtQ264/Epf5n1KiZShOFqk++nBzw6a/ubgYdB9Od7P+MH/LjoWw==}
     dev: true
 
   /@types/node/17.0.17:
@@ -3536,7 +3536,7 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@vue/tsconfig/0.1.3_@types+node@16.11.64:
+  /@vue/tsconfig/0.1.3_@types+node@16.11.65:
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
       '@types/node': '*'
@@ -3544,7 +3544,7 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 16.11.64
+      '@types/node': 16.11.65
     dev: true
 
   /@vueuse/core/9.3.0_vue@3.2.40:
@@ -12176,7 +12176,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_56922d2c3e8466316d745c2e9b343672:
+  /ts-node/10.8.1_de9e8fc9b9c84114d4a7b2eb3302e42f:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12195,7 +12195,7 @@ packages:
       '@tsconfig/node12': 1.0.9
       '@tsconfig/node14': 1.0.1
       '@tsconfig/node16': 1.0.2
-      '@types/node': 16.11.64
+      '@types/node': 16.11.65
       acorn: 8.8.0
       acorn-walk: 8.2.0
       arg: 4.1.3

From 47cc400417b53cf37ed2e8bfe35b7b3ba0584209 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 05:27:16 +0000
Subject: [PATCH 182/187] fix(deps): update dependency minimist to v1.2.7
 (#2521)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2521
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index c45cc647..6d510ac6 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "lodash.clonedeep": "4.5.0",
     "lodash.debounce": "4.0.8",
     "marked": "4.1.1",
-    "minimist": "1.2.6",
+    "minimist": "1.2.7",
     "pinia": "2.0.23",
     "register-service-worker": "1.7.2",
     "snake-case": "3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 02e7c9ea..5ac78d1a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,7 +56,7 @@ specifiers:
   lodash.clonedeep: 4.5.0
   lodash.debounce: 4.0.8
   marked: 4.1.1
-  minimist: 1.2.6
+  minimist: 1.2.7
   netlify-cli: 12.0.7
   pinia: 2.0.23
   postcss: 8.4.17
@@ -115,7 +115,7 @@ dependencies:
   lodash.clonedeep: 4.5.0
   lodash.debounce: 4.0.8
   marked: 4.1.1
-  minimist: 1.2.6
+  minimist: 1.2.7
   pinia: 2.0.23_typescript@4.8.4+vue@3.2.40
   register-service-worker: 1.7.2
   snake-case: 3.0.4
@@ -5149,7 +5149,7 @@ packages:
       listr2: 3.14.0_enquirer@2.3.6
       lodash: 4.17.21
       log-symbols: 4.1.0
-      minimist: 1.2.6
+      minimist: 1.2.7
       ospath: 1.2.2
       pretty-bytes: 5.6.0
       proxy-from-env: 1.0.0
@@ -7222,7 +7222,7 @@ packages:
     engines: {node: '>=0.6.0'}
     hasBin: true
     dependencies:
-      minimist: 1.2.6
+      minimist: 1.2.7
     dev: true
 
   /got/10.7.0:
@@ -8334,7 +8334,7 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      minimist: 1.2.6
+      minimist: 1.2.7
     dev: true
 
   /jsonfile/6.1.0:
@@ -9074,8 +9074,8 @@ packages:
       kind-of: 6.0.3
     dev: true
 
-  /minimist/1.2.6:
-    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
+  /minimist/1.2.7:
+    resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
 
   /minipass/3.1.6:
     resolution: {integrity: sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==}
@@ -9104,7 +9104,7 @@ packages:
     resolution: {integrity: sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==}
     hasBin: true
     dependencies:
-      minimist: 1.2.6
+      minimist: 1.2.7
     dev: true
 
   /mkdirp/1.0.4:
@@ -9297,7 +9297,7 @@ packages:
       log-symbols: 4.1.0
       log-update: 5.0.0
       memoize-one: 6.0.0
-      minimist: 1.2.6
+      minimist: 1.2.7
       multiparty: 4.2.3
       netlify: 12.0.1
       netlify-headers-parser: 6.0.2
@@ -10619,7 +10619,7 @@ packages:
     hasBin: true
     dependencies:
       colors: 1.4.0
-      minimist: 1.2.6
+      minimist: 1.2.7
     dev: true
 
   /printj/1.3.1:
@@ -10751,7 +10751,7 @@ packages:
     dependencies:
       deep-extend: 0.6.0
       ini: 1.3.8
-      minimist: 1.2.6
+      minimist: 1.2.7
       strip-json-comments: 2.0.1
     dev: true
 
@@ -11885,7 +11885,7 @@ packages:
       debug: 4.3.4
       es6-promisify: 6.1.1
       inquirer: 6.5.2
-      minimist: 1.2.6
+      minimist: 1.2.7
       mkdirp: 0.5.5
       untildify: 3.0.3
     transitivePeerDependencies:
@@ -12783,7 +12783,7 @@ packages:
       axios: 0.25.0
       joi: 17.6.0
       lodash: 4.17.21
-      minimist: 1.2.6
+      minimist: 1.2.7
       rxjs: 7.5.4
     transitivePeerDependencies:
       - debug

From dd252273d754039a656823c0119f86f39e39161a Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 14:14:41 +0000
Subject: [PATCH 183/187] chore(deps): update dependency rollup to v3 (#2524)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2524
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 6d510ac6..5f1ed7db 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,7 @@
     "netlify-cli": "12.0.7",
     "postcss": "8.4.17",
     "postcss-preset-env": "7.8.2",
-    "rollup": "2.79.1",
+    "rollup": "3.0.0",
     "rollup-plugin-visualizer": "5.8.2",
     "sass": "1.55.0",
     "typescript": "4.8.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5ac78d1a..63c96cbf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -62,7 +62,7 @@ specifiers:
   postcss: 8.4.17
   postcss-preset-env: 7.8.2
   register-service-worker: 1.7.2
-  rollup: 2.79.1
+  rollup: 3.0.0
   rollup-plugin-visualizer: 5.8.2
   sass: 1.55.0
   snake-case: 3.0.4
@@ -160,8 +160,8 @@ devDependencies:
   netlify-cli: 12.0.7
   postcss: 8.4.17
   postcss-preset-env: 7.8.2_postcss@8.4.17
-  rollup: 2.79.1
-  rollup-plugin-visualizer: 5.8.2_rollup@2.79.1
+  rollup: 3.0.0
+  rollup-plugin-visualizer: 5.8.2_rollup@3.0.0
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.7_sass@1.55.0+terser@5.10.0
@@ -11088,7 +11088,7 @@ packages:
       terser: 5.10.0
     dev: true
 
-  /rollup-plugin-visualizer/5.8.2_rollup@2.79.1:
+  /rollup-plugin-visualizer/5.8.2_rollup@3.0.0:
     resolution: {integrity: sha512-Fh7KoAa7FVVOojmyyX9ro7fBSR7mPG2cgfDbA877HM4IeJJtSZO+I/R3h/u6TB8wVP5J4pXPpTaRMSREyqCS3g==}
     engines: {node: '>=14'}
     hasBin: true
@@ -11099,7 +11099,7 @@ packages:
         optional: true
     dependencies:
       open: 8.4.0
-      rollup: 2.79.1
+      rollup: 3.0.0
       source-map: 0.7.4
       yargs: 17.5.1
     dev: true
@@ -11126,6 +11126,14 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /rollup/3.0.0:
+    resolution: {integrity: sha512-iVomS2lySi4BM2QJb7lGZBjSndUEs6Ip+VDl25jcbM99VI5vWeEitvUSiNQkQkwqEiI4515m5shjyuwPcXS5Dg==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /run-async/2.4.1:
     resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==}
     engines: {node: '>=0.12.0'}

From b73d285c888b6edb6c969df02bddcf08bb3dd761 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 14:14:50 +0000
Subject: [PATCH 184/187] chore(deps): update dependency
 @cypress/vite-dev-server to v3.3.1 (#2523)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2523
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   | 2 +-
 pnpm-lock.yaml | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 5f1ed7db..4ec7b879 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "2.2.1",
-    "@cypress/vite-dev-server": "3.3.0",
+    "@cypress/vite-dev-server": "3.3.1",
     "@cypress/vue": "4.2.0",
     "@faker-js/faker": "7.5.0",
     "@rushstack/eslint-patch": "1.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 63c96cbf..a2e4e1a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,7 +2,7 @@ lockfileVersion: 5.3
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
-  '@cypress/vite-dev-server': 3.3.0
+  '@cypress/vite-dev-server': 3.3.1
   '@cypress/vue': 4.2.0
   '@faker-js/faker': 7.5.0
   '@fortawesome/fontawesome-svg-core': 6.2.0
@@ -132,7 +132,7 @@ dependencies:
 
 devDependencies:
   '@4tw/cypress-drag-drop': 2.2.1_cypress@10.9.0
-  '@cypress/vite-dev-server': 3.3.0
+  '@cypress/vite-dev-server': 3.3.1
   '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.40
   '@faker-js/faker': 7.5.0
   '@rushstack/eslint-patch': 1.2.0
@@ -1571,8 +1571,8 @@ packages:
       uuid: 8.3.2
     dev: true
 
-  /@cypress/vite-dev-server/3.3.0:
-    resolution: {integrity: sha512-Fj2OR9wnPGpixXkU1HzNVEknyz+kGGBfW70YS/brDcGClAE/zdwja9MYiPObfevDxb+pAv9cQT3q40tEY+2Avg==}
+  /@cypress/vite-dev-server/3.3.1:
+    resolution: {integrity: sha512-Iw6WtPeamQbQtyI+iNIutCDOjHvBFNBBqg1NiT3HjdRMiXAPmeehqy/LUP1Q4W/FdBpmCADAXOHU4bW85ds/mg==}
     dependencies:
       debug: 4.3.3
       find-up: 6.3.0

From 82ac8aeb6cfbad951542e1aeb109c28dcf6fbc00 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 19:36:04 +0000
Subject: [PATCH 185/187] chore(deps): update dependency cypress to v10.10.0
 (#2525)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2525
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 4ec7b879..919e6da8 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "autoprefixer": "10.4.12",
     "browserslist": "4.21.4",
     "caniuse-lite": "1.0.30001418",
-    "cypress": "10.9.0",
+    "cypress": "10.10.0",
     "esbuild": "0.15.10",
     "eslint": "8.25.0",
     "eslint-plugin-vue": "9.6.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a2e4e1a9..7f48d57f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,7 +39,7 @@ specifiers:
   camel-case: 4.1.2
   caniuse-lite: 1.0.30001418
   codemirror: 5.65.9
-  cypress: 10.9.0
+  cypress: 10.10.0
   date-fns: 2.29.3
   dompurify: 2.4.0
   easymde: 2.18.0
@@ -131,9 +131,9 @@ dependencies:
   zhyswan-vuedraggable: 4.1.3_vue@3.2.40
 
 devDependencies:
-  '@4tw/cypress-drag-drop': 2.2.1_cypress@10.9.0
+  '@4tw/cypress-drag-drop': 2.2.1_cypress@10.10.0
   '@cypress/vite-dev-server': 3.3.1
-  '@cypress/vue': 4.2.0_cypress@10.9.0+vue@3.2.40
+  '@cypress/vue': 4.2.0_cypress@10.10.0+vue@3.2.40
   '@faker-js/faker': 7.5.0
   '@rushstack/eslint-patch': 1.2.0
   '@types/dompurify': 2.3.4
@@ -151,7 +151,7 @@ devDependencies:
   autoprefixer: 10.4.12_postcss@8.4.17
   browserslist: 4.21.4
   caniuse-lite: 1.0.30001418
-  cypress: 10.9.0
+  cypress: 10.10.0
   esbuild: 0.15.10
   eslint: 8.25.0
   eslint-plugin-vue: 9.6.0_eslint@8.25.0
@@ -174,12 +174,12 @@ devDependencies:
 
 packages:
 
-  /@4tw/cypress-drag-drop/2.2.1_cypress@10.9.0:
+  /@4tw/cypress-drag-drop/2.2.1_cypress@10.10.0:
     resolution: {integrity: sha512-+ioJSnEwx70IiMyb4pLEjOS5u6AMWRIVCV20toCY7lb0YcvA0ipbjQBa9DdxEI7Zg2E2jtcIj7Rx0e3WNUbk/w==}
     peerDependencies:
       cypress: ^2.1.0 || ^3.1.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0
     dependencies:
-      cypress: 10.9.0
+      cypress: 10.10.0
     dev: true
 
   /@ampproject/remapping/2.1.1:
@@ -1583,7 +1583,7 @@ packages:
       - supports-color
     dev: true
 
-  /@cypress/vue/4.2.0_cypress@10.9.0+vue@3.2.40:
+  /@cypress/vue/4.2.0_cypress@10.10.0+vue@3.2.40:
     resolution: {integrity: sha512-a+5TCBMwng+UUcFSWxzdJ+Wsvtu+XltUKBQCvidysVvPkPF/c/Z+Geyl+sX7tasKT8KIOW9pI90PIwxzQvQh7A==}
     engines: {node: '>=8'}
     peerDependencies:
@@ -1594,7 +1594,7 @@ packages:
       '@cypress/webpack-dev-server':
         optional: true
     dependencies:
-      cypress: 10.9.0
+      cypress: 10.10.0
       vue: 3.2.40
     dev: true
 
@@ -5111,8 +5111,8 @@ packages:
     resolution: {integrity: sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A==}
     dev: true
 
-  /cypress/10.9.0:
-    resolution: {integrity: sha512-MjIWrRpc+bQM9U4kSSdATZWZ2hUqHGFEQTF7dfeZRa4MnalMtc88FIE49USWP2ZVtfy5WPBcgfBX+YorFqGElA==}
+  /cypress/10.10.0:
+    resolution: {integrity: sha512-bU8r44x1NIYAUNNXt3CwJpLOVth7HUv2hUhYCxZmgZ1IugowDvuHNpevnoZRQx1KKOEisLvIJW+Xen5Pjn41pg==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     requiresBuild: true

From 9bde803ef983c087614b65dc9ee60c0e75494308 Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Tue, 11 Oct 2022 21:44:21 +0000
Subject: [PATCH 186/187] chore(deps): update dependency vue-tsc to v1.0.4
 (#2526)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2526
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 44 ++++++++++++++++++++++----------------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index 919e6da8..b9d9a5e0 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.1",
-    "vue-tsc": "1.0.3",
+    "vue-tsc": "1.0.4",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7f48d57f..7382db0b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -79,7 +79,7 @@ specifiers:
   vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
-  vue-tsc: 1.0.3
+  vue-tsc: 1.0.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -168,7 +168,7 @@ devDependencies:
   vite-plugin-pwa: 0.13.1_vite@3.1.7
   vite-svg-loader: 3.6.0
   vitest: 0.24.1_7fc655e167cf9da448ccc3b585011dd3
-  vue-tsc: 1.0.3_typescript@4.8.4
+  vue-tsc: 1.0.4_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -3334,31 +3334,31 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@volar/language-core/1.0.3:
-    resolution: {integrity: sha512-eJ3iubJ1EvPTsp+rKoSUQ3EBGsEzblOQG6OVI9EzXIuwNayIqCnNSv9r0rvnYznX7i5F8gpo0Js9nKoAvwfhpQ==}
+  /@volar/language-core/1.0.4:
+    resolution: {integrity: sha512-i27CR9IergWstxJPnAdqiXoU8kfqG/Ymvg5a8VMwIifzSokbQ1fzWWMc/dos+04dnhS5qgYThaaiKco0C71tpA==}
     dependencies:
-      '@volar/source-map': 1.0.3
+      '@volar/source-map': 1.0.4
       '@vue/reactivity': 3.2.40
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/source-map/1.0.3:
-    resolution: {integrity: sha512-iEbjU95e8iZ3fV9NHU/wDWRSwSE5aNGpkG9mgIXPkfCmbEH+nEHGkycvapT551BDtIcyU386XzqL4DQbOyPzew==}
+  /@volar/source-map/1.0.4:
+    resolution: {integrity: sha512-nIzrmKT44zCCbFz5nVm8ccQvhMhz0y+iuTMugyizSn+ZDvRPQsFX/VpdJlGRXgMQHry15T2eeJnb2gcFFoHPww==}
     dependencies:
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/typescript/1.0.3:
-    resolution: {integrity: sha512-OevIxAbdgfVxwWYI6ht5tmt8GqBBVQWPWn/51MNlqu5fVltFGRkOBmv3hwuvLn5N05pj2GpbkaaLZSjpj4iT9w==}
+  /@volar/typescript/1.0.4:
+    resolution: {integrity: sha512-K6S4iGs1di8uGrbgBHut17xY3OPSG+JFoaW7E/RR/BbhfebiZTlFRKMA17UzEq8fNbiODBZTCYkPxXkMrOMSew==}
     dependencies:
-      '@volar/language-core': 1.0.3
+      '@volar/language-core': 1.0.4
     dev: true
 
-  /@volar/vue-language-core/1.0.3:
-    resolution: {integrity: sha512-XryQVvtFB5/rOkEZin5jZgUy0E84p+Ky70z+4B7Bvw/9HjS3TLKAIkm9W0duV7coG9RFVRqeiVnPyaaqSA0waA==}
+  /@volar/vue-language-core/1.0.4:
+    resolution: {integrity: sha512-puc87j4OJ3nsddY+cXEkcr1k1sr8Xb4zq3ng/mndNE7CV4IaGw0DwbuH7/gh72FEvL/R8YrEqn8cX4FJXetaBQ==}
     dependencies:
-      '@volar/language-core': 1.0.3
-      '@volar/source-map': 1.0.3
+      '@volar/language-core': 1.0.4
+      '@volar/source-map': 1.0.4
       '@vue/compiler-dom': 3.2.40
       '@vue/compiler-sfc': 3.2.40
       '@vue/reactivity': 3.2.40
@@ -3367,11 +3367,11 @@ packages:
       vue-template-compiler: 2.7.10
     dev: true
 
-  /@volar/vue-typescript/1.0.3:
-    resolution: {integrity: sha512-zugZ5vni+l5w5z8Q5iEWysU/HkX38krW4+QTKwgQstaRVUQS0UHlX4Ug9vOfPGWEextIx0Z/7JsUvPATTNbfbg==}
+  /@volar/vue-typescript/1.0.4:
+    resolution: {integrity: sha512-HT+a8ug6bkBFq8+ht40kEXa7svqFTeUriTkylvr7xJg9YOZqU/6VAaopZCutuvOFd5P53fQ0WBiqu/QsEghSkQ==}
     dependencies:
-      '@volar/typescript': 1.0.3
-      '@volar/vue-language-core': 1.0.3
+      '@volar/typescript': 1.0.4
+      '@volar/vue-language-core': 1.0.4
     dev: true
 
   /@vue/compiler-core/3.2.37:
@@ -12763,14 +12763,14 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc/1.0.3_typescript@4.8.4:
-    resolution: {integrity: sha512-Si6PANEATxaGhJ51bUnRbT+5MIYwvjdPBwuCKSky+YD5oWDhE4uMqfpOPnP2oSMB52trtU0faIRVcP4YSF3LJA==}
+  /vue-tsc/1.0.4_typescript@4.8.4:
+    resolution: {integrity: sha512-bxDwLBtSkLZdIobUVzwMhe9jN44rCzeos5o/OE0xd6hbF/HpUtAM55B5rvUngSiUo1z+FxNTKyRvQGCQ7wZh2A==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 1.0.3
-      '@volar/vue-typescript': 1.0.3
+      '@volar/vue-language-core': 1.0.4
+      '@volar/vue-typescript': 1.0.4
       typescript: 4.8.4
     dev: true
 

From 90ecea74c7fbfb4e53bb95154d9aebcdecc607bc Mon Sep 17 00:00:00 2001
From: renovate <renovatebot@kolaente.de>
Date: Wed, 12 Oct 2022 06:20:50 +0000
Subject: [PATCH 187/187] chore(deps): update dependency vue-tsc to v1.0.5
 (#2527)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2527
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 44 ++++++++++++++++++++++----------------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index b9d9a5e0..5675af77 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "vite-plugin-pwa": "0.13.1",
     "vite-svg-loader": "3.6.0",
     "vitest": "0.24.1",
-    "vue-tsc": "1.0.4",
+    "vue-tsc": "1.0.5",
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7382db0b..baa7cb2a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -79,7 +79,7 @@ specifiers:
   vue-flatpickr-component: 9.0.8
   vue-i18n: 9.2.2
   vue-router: 4.1.5
-  vue-tsc: 1.0.4
+  vue-tsc: 1.0.5
   wait-on: 6.0.1
   workbox-cli: 6.5.4
   workbox-precaching: 6.5.4
@@ -168,7 +168,7 @@ devDependencies:
   vite-plugin-pwa: 0.13.1_vite@3.1.7
   vite-svg-loader: 3.6.0
   vitest: 0.24.1_7fc655e167cf9da448ccc3b585011dd3
-  vue-tsc: 1.0.4_typescript@4.8.4
+  vue-tsc: 1.0.5_typescript@4.8.4
   wait-on: 6.0.1
   workbox-cli: 6.5.4
 
@@ -3334,31 +3334,31 @@ packages:
       vue: 3.2.40
     dev: true
 
-  /@volar/language-core/1.0.4:
-    resolution: {integrity: sha512-i27CR9IergWstxJPnAdqiXoU8kfqG/Ymvg5a8VMwIifzSokbQ1fzWWMc/dos+04dnhS5qgYThaaiKco0C71tpA==}
+  /@volar/language-core/1.0.5:
+    resolution: {integrity: sha512-RaCbW0juAgj+INcxIqvg1KCLCPSCzXcEnaCKWY2bOrFybcNGhKsV1SRxT3ph0KvX33AecBRPcTA3uOPUKmcrJw==}
     dependencies:
-      '@volar/source-map': 1.0.4
+      '@volar/source-map': 1.0.5
       '@vue/reactivity': 3.2.40
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/source-map/1.0.4:
-    resolution: {integrity: sha512-nIzrmKT44zCCbFz5nVm8ccQvhMhz0y+iuTMugyizSn+ZDvRPQsFX/VpdJlGRXgMQHry15T2eeJnb2gcFFoHPww==}
+  /@volar/source-map/1.0.5:
+    resolution: {integrity: sha512-3UQmpsh94P3PoJBFUfZO5otIKW+uDoTvwT0yc1ESO9PK3NQvFaEB2djqtlmXXM4DpeICZrKJyykvj/+D5m4CZw==}
     dependencies:
       muggle-string: 0.1.0
     dev: true
 
-  /@volar/typescript/1.0.4:
-    resolution: {integrity: sha512-K6S4iGs1di8uGrbgBHut17xY3OPSG+JFoaW7E/RR/BbhfebiZTlFRKMA17UzEq8fNbiODBZTCYkPxXkMrOMSew==}
+  /@volar/typescript/1.0.5:
+    resolution: {integrity: sha512-P+nDr/KUtWi/HHqIO+cTmjgQVuDn8LNhvBYUph7ae+8LhePWvoweVibkO9Dp/lkIo2L26BAa/1XmtHv666GnJg==}
     dependencies:
-      '@volar/language-core': 1.0.4
+      '@volar/language-core': 1.0.5
     dev: true
 
-  /@volar/vue-language-core/1.0.4:
-    resolution: {integrity: sha512-puc87j4OJ3nsddY+cXEkcr1k1sr8Xb4zq3ng/mndNE7CV4IaGw0DwbuH7/gh72FEvL/R8YrEqn8cX4FJXetaBQ==}
+  /@volar/vue-language-core/1.0.5:
+    resolution: {integrity: sha512-SW1TJi3evt2Jigi74wh7l/bTYj3+0+iD/F6BN97NdGHr04ELoh6YNIQl4O6Nk2BbZUqn3WQosfGxKR5BVqfCjg==}
     dependencies:
-      '@volar/language-core': 1.0.4
-      '@volar/source-map': 1.0.4
+      '@volar/language-core': 1.0.5
+      '@volar/source-map': 1.0.5
       '@vue/compiler-dom': 3.2.40
       '@vue/compiler-sfc': 3.2.40
       '@vue/reactivity': 3.2.40
@@ -3367,11 +3367,11 @@ packages:
       vue-template-compiler: 2.7.10
     dev: true
 
-  /@volar/vue-typescript/1.0.4:
-    resolution: {integrity: sha512-HT+a8ug6bkBFq8+ht40kEXa7svqFTeUriTkylvr7xJg9YOZqU/6VAaopZCutuvOFd5P53fQ0WBiqu/QsEghSkQ==}
+  /@volar/vue-typescript/1.0.5:
+    resolution: {integrity: sha512-jAfL8+cXTjf+0d5SCBX0MrcEh1JYIvD8b8mA9O74ysfpArINJZ/57iWC5ZNUw3qrqzfDkEqebsZcs5aZn1tbUw==}
     dependencies:
-      '@volar/typescript': 1.0.4
-      '@volar/vue-language-core': 1.0.4
+      '@volar/typescript': 1.0.5
+      '@volar/vue-language-core': 1.0.5
     dev: true
 
   /@vue/compiler-core/3.2.37:
@@ -12763,14 +12763,14 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc/1.0.4_typescript@4.8.4:
-    resolution: {integrity: sha512-bxDwLBtSkLZdIobUVzwMhe9jN44rCzeos5o/OE0xd6hbF/HpUtAM55B5rvUngSiUo1z+FxNTKyRvQGCQ7wZh2A==}
+  /vue-tsc/1.0.5_typescript@4.8.4:
+    resolution: {integrity: sha512-eXbix2kN28DXlemZo2oN9sP1ePW8FEguyOfTZ1tXs1zWN5ejm5hvmnYqfk3tL+aYnxdmoQwELDfjQ0hOzhQcbg==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 1.0.4
-      '@volar/vue-typescript': 1.0.4
+      '@volar/vue-language-core': 1.0.5
+      '@volar/vue-typescript': 1.0.5
       typescript: 4.8.4
     dev: true