diff --git a/.drone.yml b/.drone.yml
index 76da86f6..63182948 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -108,7 +108,7 @@ steps:
       - dependencies
 
   - name: test-frontend
-    image: cypress/browsers:node16.5.0-chrome94-ff93
+    image: cypress/browsers:node16.14.0-chrome99-ff97
     pull: true
     environment:
       CYPRESS_API_URL: http://api:3456/api/v1
diff --git a/cypress/docker-compose.yml b/cypress/docker-compose.yml
index 98a24edd..d30e22e1 100644
--- a/cypress/docker-compose.yml
+++ b/cypress/docker-compose.yml
@@ -9,7 +9,7 @@ services:
     ports:
       - 3456:3456
   cypress:
-    image: cypress/browsers:node12.18.3-chrome87-ff82
+    image: cypress/browsers:node16.14.0-chrome99-ff97
     volumes:
     - ..:/project
     - $HOME/.cache:/home/node/.cache/
diff --git a/package.json b/package.json
index ca28fa23..42e1df97 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@sentry/tracing": "7.12.1",
     "@sentry/vue": "7.12.1",
     "@types/is-touch-device": "1.0.0",
+    "@types/lodash.clonedeep": "^4.5.7",
     "@types/sortablejs": "1.13.0",
     "@vueuse/core": "9.2.0",
     "@vueuse/router": "9.2.0",
diff --git a/src/App.vue b/src/App.vue
index 9c48735c..c63cf7bf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,10 +15,10 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, watch, Ref} from 'vue'
+import {computed, watch, type Ref} from 'vue'
 import {useRouter} from 'vue-router'
 import {useRouteQuery} from '@vueuse/router'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 import isTouchDevice from 'is-touch-device'
 import {success} from '@/message'
diff --git a/src/components/base/BaseButton.vue b/src/components/base/BaseButton.vue
index 306e21b6..f7e90930 100644
--- a/src/components/base/BaseButton.vue
+++ b/src/components/base/BaseButton.vue
@@ -12,12 +12,7 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-// see https://v3.vuejs.org/api/sfc-script-setup.html#usage-alongside-normal-script
-export default defineComponent({
-	inheritAttrs: false,
-})
+export default { inheritAttrs: false }
 </script>
 
 <script lang="ts" setup>
@@ -30,7 +25,7 @@ export default defineComponent({
 
 // NOTE: Do NOT use buttons with @click to push routes. => Use router-links instead!
 
-import {ref, watchEffect, computed, useAttrs, PropType} from 'vue'
+import { ref, watchEffect, computed, useAttrs, type PropType } from 'vue'
 
 const BASE_BUTTON_TYPES_MAP = Object.freeze({
 	button: 'button',
diff --git a/src/components/date/datemathHelp.vue b/src/components/date/datemathHelp.vue
index f645fdb3..98b98e9a 100644
--- a/src/components/date/datemathHelp.vue
+++ b/src/components/date/datemathHelp.vue
@@ -110,10 +110,10 @@
 </template>
 
 <script lang="ts" setup>
-import {format} from 'date-fns'
+import { formatDate } from '@/helpers/time/formatDate'
 import BaseButton from '@/components/base/BaseButton.vue'
 
-const exampleDate = format(new Date(), 'yyyy-MM-dd')
+const exampleDate = formatDate(new Date(), 'yyyy-MM-dd')
 </script>
 
 <style scoped>
diff --git a/src/components/date/datepickerWithRange.vue b/src/components/date/datepickerWithRange.vue
index 00302eac..848877c4 100644
--- a/src/components/date/datepickerWithRange.vue
+++ b/src/components/date/datepickerWithRange.vue
@@ -71,7 +71,7 @@
 
 <script lang="ts" setup>
 import {computed, ref, watch} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import flatPickr from 'vue-flatpickr-component'
diff --git a/src/components/home/MenuButton.vue b/src/components/home/MenuButton.vue
index 8d2e0d66..49a25286 100644
--- a/src/components/home/MenuButton.vue
+++ b/src/components/home/MenuButton.vue
@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 import {computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 
diff --git a/src/components/home/TheNavigation.vue b/src/components/home/TheNavigation.vue
index 051a7171..dbe6fefa 100644
--- a/src/components/home/TheNavigation.vue
+++ b/src/components/home/TheNavigation.vue
@@ -88,11 +88,11 @@
 
 <script setup lang="ts">
 import {ref, computed, onMounted, nextTick} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRouter} from 'vue-router'
 
 import {QUICK_ACTIONS_ACTIVE} from '@/store/mutation-types'
-import Rights from '@/models/constants/rights.json'
+import {RIGHTS as Rights} from '@/constants/rights'
 
 import Update from '@/components/home/update.vue'
 import ListSettingsDropdown from '@/components/list/list-settings-dropdown.vue'
@@ -103,6 +103,8 @@ import Logo from '@/components/home/Logo.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 import MenuButton from '@/components/home/MenuButton.vue'
 
+import {getListTitle} from '@/helpers/getListTitle'
+
 const store = useStore()
 
 const userInfo = computed(() => store.state.auth.info)
diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index 17d22869..c4b42015 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -60,8 +60,8 @@
 </template>
 
 <script lang="ts" setup>
-import {watch, computed, shallowRef, watchEffect, VNode, h} from 'vue'
-import {useStore} from 'vuex'
+import {watch, computed, shallowRef, watchEffect, type VNode, h} from 'vue'
+import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useEventListener} from '@vueuse/core'
 
diff --git a/src/components/home/contentLinkShare.vue b/src/components/home/contentLinkShare.vue
index f073a7f4..0a02db1d 100644
--- a/src/components/home/contentLinkShare.vue
+++ b/src/components/home/contentLinkShare.vue
@@ -23,7 +23,7 @@
 
 <script lang="ts" setup>
 import {computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import Logo from '@/components/home/Logo.vue'
 import PoweredByLink from './PoweredByLink.vue'
diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 5f378abd..108d7fd7 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -141,9 +141,9 @@
 
 <script setup lang="ts">
 import {ref, computed, onMounted, onBeforeMount} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import draggable from 'zhyswan-vuedraggable'
-import {SortableEvent} from 'sortablejs'
+import type {SortableEvent} from 'sortablejs'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import ListSettingsDropdown from '@/components/list/list-settings-dropdown.vue'
@@ -154,9 +154,10 @@ 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'
 import {useEventListener} from '@vueuse/core'
-import NamespaceModel from '@/models/namespace'
-import ListModel from '@/models/list'
+import type { IList } from '@/models/list'
+import type { INamespace } from '@/models/namespace'
 
 const drag = ref(false)
 const dragOptions = {
@@ -171,7 +172,7 @@ const loading = computed(() => store.state.loading && store.state.loadingModule
 
 
 const namespaces = computed(() => {
-	return (store.state.namespaces.namespaces as NamespaceModel[]).filter(n => !n.isArchived)
+	return (store.state.namespaces.namespaces as INamespace[]).filter(n => !n.isArchived)
 })
 const activeLists = computed(() => {
 	return namespaces.value.map(({lists}) => {
@@ -194,7 +195,7 @@ useEventListener('resize', resize)
 onMounted(() => resize())
 
 
-function toggleFavoriteList(list: ListModel) {
+function toggleFavoriteList(list: IList) {
 	// The favorites pseudo list is always favorite
 	// Archived lists cannot be marked favorite
 	if (list.id === -1 || list.isArchived) {
@@ -208,14 +209,14 @@ function resize() {
 	store.commit(MENU_ACTIVE, window.innerWidth >= 770)
 }
 
-function toggleLists(namespaceId: number) {
+function toggleLists(namespaceId: INamespace['id']) {
 	listsVisible.value[namespaceId] = !listsVisible.value[namespaceId]
 }
 
-const listsVisible = ref<{ [id: NamespaceModel['id']]: boolean }>({})
+const listsVisible = ref<{ [id: INamespace['id']]: boolean }>({})
 // FIXME: async action will be unfinished when component mounts
 onBeforeMount(async () => {
-	const namespaces = await store.dispatch('namespaces/loadNamespaces') as NamespaceModel[]
+	const namespaces = await store.dispatch('namespaces/loadNamespaces') as INamespace[]
 	namespaces.forEach(n => {
 		if (typeof listsVisible.value[n.id] === 'undefined') {
 			listsVisible.value[n.id] = true
@@ -223,7 +224,7 @@ onBeforeMount(async () => {
 	})
 })
 
-function updateActiveLists(namespace: NamespaceModel, activeLists: ListModel[]) {
+function updateActiveLists(namespace: INamespace, activeLists: IList[]) {
 	// This is a bit hacky: since we do have to filter out the archived items from the list
 	// for vue draggable updating it is not as simple as replacing it.
 	// To work around this, we merge the active lists with the archived ones. Doing so breaks the order
@@ -240,7 +241,7 @@ function updateActiveLists(namespace: NamespaceModel, activeLists: ListModel[])
 	})
 }
 
-const listUpdating = ref<{ [id: NamespaceModel['id']]: boolean }>({})
+const listUpdating = ref<{ [id: INamespace['id']]: boolean }>({})
 
 async function saveListPosition(e: SortableEvent) {
 	if (!e.newIndex && e.newIndex !== 0) return
diff --git a/src/components/input/button.vue b/src/components/input/button.vue
index 738cfa1a..0131c287 100644
--- a/src/components/input/button.vue
+++ b/src/components/input/button.vue
@@ -18,15 +18,11 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'x-button',
-})
+export default { name: 'x-button' }
 </script>
 
 <script setup lang="ts">
-import {computed, useSlots, PropType} from 'vue'
+import {computed, useSlots, type PropType} from 'vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
 const BUTTON_TYPES_MAP =  Object.freeze({
diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index e8dc8e74..d5e35e33 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -97,7 +97,7 @@ import {i18n} from '@/i18n'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 
-import {format} from 'date-fns'
+import {formatDate, formatDateShort} from '@/helpers/time/formatDate'
 import {calculateDayInterval} from '@/helpers/time/calculateDayInterval'
 import {calculateNearestHours} from '@/helpers/time/calculateNearestHours'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
@@ -170,11 +170,12 @@ export default defineComponent({
 					return ''
 				}
 
-				return format(this.date, 'yyy-LL-dd H:mm')
+				return formatDate(this.date, 'yyy-LL-dd H:mm')
 			},
 		},
 	},
 	methods: {
+		formatDateShort,
 		setDateValue(newVal) {
 			if (newVal === null) {
 				this.date = null
@@ -233,7 +234,7 @@ export default defineComponent({
 			const interval = calculateDayInterval(date)
 			const newDate = new Date()
 			newDate.setDate(newDate.getDate() + interval)
-			return format(newDate, 'E')
+			return formatDate(newDate, 'E')
 		},
 	},
 })
diff --git a/src/components/input/fancycheckbox.vue b/src/components/input/fancycheckbox.vue
index 204efeec..31380bf9 100644
--- a/src/components/input/fancycheckbox.vue
+++ b/src/components/input/fancycheckbox.vue
@@ -53,7 +53,7 @@ export default defineComponent({
 		},
 	},
 	methods: {
-		updateData(checked) {
+		updateData(checked: boolean) {
 			this.checked = checked
 			this.$emit('update:modelValue', checked)
 			this.$emit('change', checked)
diff --git a/src/components/list/list-settings-dropdown.vue b/src/components/list/list-settings-dropdown.vue
index a0d77d68..611bf870 100644
--- a/src/components/list/list-settings-dropdown.vue
+++ b/src/components/list/list-settings-dropdown.vue
@@ -76,24 +76,24 @@
 </template>
 
 <script setup lang="ts">
-import {ref, computed, watchEffect} from 'vue'
-import {useStore} from 'vuex'
+import {ref, computed, watchEffect, type PropType} from 'vue'
+import {useStore} from '@/store'
 
 import {getSavedFilterIdFromListId} 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 ListModel from '@/models/list'
-import SubscriptionModel from '@/models/subscription'
+import type {IList} from '@/models/list'
+import type { ISubscription } from '@/models/subscription'
 
 const props = defineProps({
 	list: {
-		type: ListModel,
+		type: Object as PropType<IList>,
 		required: true,
 	},
 })
 
-const subscription = ref<SubscriptionModel | null>(null)
+const subscription = ref<ISubscription | null>(null)
 watchEffect(() => {
 	subscription.value = props.list.subscription ?? null
 })
diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index 73e2711a..939d1a89 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -186,8 +186,8 @@
 <script lang="ts">
 import {defineComponent} from 'vue'
 
-import DatepickerWithRange from '@/components/date/datepickerWithRange'
-import Fancycheckbox from '../../input/fancycheckbox'
+import DatepickerWithRange from '@/components/date/datepickerWithRange.vue'
+import Fancycheckbox from '@/components/input/fancycheckbox.vue'
 
 import {includesById} from '@/helpers/utils'
 import PrioritySelect from '@/components/tasks/partials/prioritySelect.vue'
diff --git a/src/components/list/partials/list-card.vue b/src/components/list/partials/list-card.vue
index 3d8c3b08..0597639d 100644
--- a/src/components/list/partials/list-card.vue
+++ b/src/components/list/partials/list-card.vue
@@ -36,16 +36,16 @@
 </template>
 
 <script lang="ts" setup>
-import {PropType, ref, watch} from 'vue'
-import {useStore} from 'vuex'
+import {type PropType, ref, watch} from 'vue'
+import {useStore} from '@/store'
 
 import ListService from '@/services/list'
 import {getBlobFromBlurHash} from '@/helpers/getBlobFromBlurHash'
 
 import {colorIsDark} from '@/helpers/color/colorIsDark'
-import ListModel from '@/models/list'
 
 import BaseButton from '@/components/base/BaseButton.vue'
+import type { IList } from '@/models/list'
 
 const background = ref<string | null>(null)
 const backgroundLoading = ref(false)
@@ -53,7 +53,7 @@ const blurHashUrl = ref('')
 
 const props = defineProps({
 	list: {
-		type: Object as PropType<ListModel>,
+		type: Object as PropType<IList>,
 		required: true,
 	},
 	showArchived: {
@@ -86,7 +86,7 @@ async function loadBackground() {
 
 const store = useStore()
 
-function toggleFavoriteList(list: ListModel) {
+function toggleFavoriteList(list: IList) {
 	// The favorites pseudo list is always favorite
 	// Archived lists cannot be marked favorite
 	if (list.id === -1 || list.isArchived) {
diff --git a/src/components/misc/Done.vue b/src/components/misc/Done.vue
index f9bebd7e..b8066b5b 100644
--- a/src/components/misc/Done.vue
+++ b/src/components/misc/Done.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts" setup>
-import {PropType} from 'vue'
+import type {PropType} from 'vue'
 type Variants = 'default' | 'small'
 
 defineProps({
diff --git a/src/components/misc/keyboard-shortcuts/index.vue b/src/components/misc/keyboard-shortcuts/index.vue
index 274c5ff5..781d8a23 100644
--- a/src/components/misc/keyboard-shortcuts/index.vue
+++ b/src/components/misc/keyboard-shortcuts/index.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts" setup>
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import Shortcut from '@/components/misc/shortcut.vue'
 import Message from '@/components/misc/message.vue'
diff --git a/src/components/misc/legal.vue b/src/components/misc/legal.vue
index 46e1dfd6..3adc9a95 100644
--- a/src/components/misc/legal.vue
+++ b/src/components/misc/legal.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts" setup>
 import {computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 
diff --git a/src/components/misc/message.vue b/src/components/misc/message.vue
index 7ff84f9f..86b1b93a 100644
--- a/src/components/misc/message.vue
+++ b/src/components/misc/message.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, PropType} from 'vue'
+import {computed, type PropType} from 'vue'
 
 const TEXT_ALIGN_MAP = Object.freeze({
 	left: '',
diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 2f1239d4..5279c300 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -30,7 +30,7 @@ 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 'vuex'
+import {useStore} from '@/store'
 import {computed} from 'vue'
 import {useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
diff --git a/src/components/misc/ready.vue b/src/components/misc/ready.vue
index 8fd3f4fd..2f3fdbfe 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 'vuex'
+import {useStore} from '@/store'
 
 import Logo from '@/assets/logo.svg?component'
 import ApiConfig from '@/components/misc/api-config.vue'
diff --git a/src/components/misc/subscription.vue b/src/components/misc/subscription.vue
index 55985208..07047688 100644
--- a/src/components/misc/subscription.vue
+++ b/src/components/misc/subscription.vue
@@ -32,27 +32,32 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, shallowRef} from 'vue'
+import {computed, shallowRef, type PropType} from 'vue'
 import {useI18n} from 'vue-i18n'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import DropdownItem from '@/components/misc/dropdown-item.vue'
 
 import SubscriptionService from '@/services/subscription'
-import SubscriptionModel from '@/models/subscription'
+import SubscriptionModel, { type ISubscription } from '@/models/subscription'
 
 import {success} from '@/message'
 
-interface Props {
-	entity: string
-	entityId: number
-	subscription: SubscriptionModel | null
-	type?: 'button' | 'dropdown' | null
-}
-
-const props = withDefaults(defineProps<Props>(), {
-	subscription: null,
-	type: 'button',
+const props = defineProps({
+	entity: String,
+	entityId: Number,
+	isButton: {
+		type: Boolean,
+		default: true,
+	},
+	subscription: {
+		type: Object as PropType<ISubscription>,
+		default: null,
+	},
+	type: {
+		type: String as PropType<'button' | 'dropdown' | 'null'>,
+		default: 'button',
+	},
 })
 
 const subscriptionEntity = computed<string | null>(() => props.subscription?.entity ?? null)
diff --git a/src/components/namespace/namespace-settings-dropdown.vue b/src/components/namespace/namespace-settings-dropdown.vue
index 80a6a935..d80d563d 100644
--- a/src/components/namespace/namespace-settings-dropdown.vue
+++ b/src/components/namespace/namespace-settings-dropdown.vue
@@ -54,15 +54,16 @@
 </template>
 
 <script setup lang="ts">
-import {ref, onMounted} from 'vue'
+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 type { INamespace } from '@/models/namespace'
 
 const props = defineProps({
 	namespace: {
-		type: Object, // NamespaceModel
+		type: Object as PropType<INamespace>,
 		required: true,
 	},
 })
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index 08f318c5..d1d28c20 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -30,7 +30,7 @@
 								{{ n.toText(userInfo) }}
 							</BaseButton>
 						</div>
-						<span class="created" v-tooltip="formatDate(n.created)">
+						<span class="created" v-tooltip="formatDateLong(n.created)">
 							{{ formatDateSince(n.created) }}
 						</span>
 					</div>
@@ -52,17 +52,18 @@ import {computed, onMounted, onUnmounted, ref} from 'vue'
 import NotificationService from '@/services/notification'
 import BaseButton from '@/components/base/BaseButton.vue'
 import User from '@/components/misc/user.vue'
-import names from '@/models/constants/notificationNames.json'
+import { NOTIFICATION_NAMES as names, type INotification} from '@/modelTypes/INotification'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRouter} from 'vue-router'
+import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 
 const LOAD_NOTIFICATIONS_INTERVAL = 10000
 
 const store = useStore()
 const router = useRouter()
 
-const allNotifications = ref([])
+const allNotifications = ref<INotification[]>([])
 const showNotifications = ref(false)
 const popup = ref(null)
 
diff --git a/src/components/sharing/linkSharing.vue b/src/components/sharing/linkSharing.vue
index e0b454e6..c36b3ddc 100644
--- a/src/components/sharing/linkSharing.vue
+++ b/src/components/sharing/linkSharing.vue
@@ -177,16 +177,17 @@
 
 <script setup lang="ts">
 import {ref, watch, computed, shallowReactive} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
-import RIGHTS from '@/models/constants/rights.json'
-import LinkShareModel from '@/models/linkShare'
+import {RIGHTS} from '@/constants/rights'
+import LinkShareModel, { type ILinkShare } from '@/models/linkShare'
 
 import LinkShareService from '@/services/linkShare'
 
 import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
 import {success} from '@/message'
+import type { IList } from '@/models/list'
 
 const props = defineProps({
 	listId: {
@@ -197,7 +198,7 @@ const props = defineProps({
 
 const {t} = useI18n({useScope: 'global'})
 
-const linkShares = ref([])
+const linkShares = ref<ILinkShare[]>([])
 const linkShareService = shallowReactive(new LinkShareService())
 const selectedRight = ref(RIGHTS.READ)
 const name = ref('')
@@ -216,7 +217,7 @@ watch(
 const store = useStore()
 const frontendUrl = computed(() => store.state.config.frontendUrl)
 
-async function load(listId) {
+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
 	if (listId === 0) {
 		return
@@ -225,7 +226,7 @@ async function load(listId) {
 	linkShares.value = await linkShareService.getAll({listId})
 }
 
-async function add(listId) {
+async function add(listId: IList['id']) {
 	const newLinkShare = new LinkShareModel({
 		right: selectedRight.value,
 		listId,
@@ -241,7 +242,7 @@ async function add(listId) {
 	await load(listId)
 }
 
-async function remove(listId) {
+async function remove(listId: IList['id']) {
 	try {
 		await linkShareService.delete(new LinkShareModel({
 			id: linkIdToDelete.value,
diff --git a/src/components/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index 08bb42d7..84a212cc 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -133,32 +133,34 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({name: 'userTeamShare'})
+export default {name: 'userTeamShare'}
 </script>
 
 <script setup lang="ts">
-import {ref, reactive, computed, shallowReactive, ShallowReactive, Ref} from 'vue'
+import {ref, reactive, computed, shallowReactive, type Ref} from 'vue'
 import type {PropType} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import UserNamespaceService from '@/services/userNamespace'
-import UserNamespaceModel from '@/models/userNamespace'
-import UserListModel from '@/models/userList'
+import UserNamespaceModel, { type IUserNamespace } from '@/models/userNamespace'
+
 import UserListService from '@/services/userList'
+import UserListModel, { type IUserList } from '@/models/userList'
+
 import UserService from '@/services/user'
-import UserModel from '@/models/user'
+import UserModel, { type IUser } from '@/models/user'
 
 import TeamNamespaceService from '@/services/teamNamespace'
-import TeamNamespaceModel from '@/models/teamNamespace'
-import TeamListModel from '@/models/teamList'
-import TeamListService from '@/services/teamList'
-import TeamService from '@/services/team'
-import TeamModel from '@/models/team'
+import TeamNamespaceModel, { type ITeamNamespace } from '@/models/teamNamespace'
 
-import RIGHTS from '@/models/constants/rights.json'
+import TeamListService from '@/services/teamList'
+import TeamListModel, { type ITeamList } from '@/models/teamList'
+
+import TeamService from '@/services/team'
+import TeamModel, { type ITeam } from '@/models/team'
+
+import {RIGHTS} from '@/constants/rights'
 import Multiselect from '@/components/input/multiselect.vue'
 import Nothing from '@/components/misc/nothing.vue'
 import {success} from '@/message'
@@ -185,10 +187,10 @@ const props = defineProps({
 const {t} = useI18n({useScope: 'global'})
 
 // This user service is either a userNamespaceService or a userListService, depending on the type we are using
-let stuffService: ShallowReactive<UserNamespaceService | UserListService | TeamListService | TeamNamespaceService>
-let stuffModel: UserNamespaceModel | UserListModel | TeamListModel | TeamNamespaceModel
-let searchService: ShallowReactive<UserService | TeamService>
-let sharable: Ref<UserModel | TeamModel>
+let stuffService: UserNamespaceService | UserListService | TeamListService | TeamNamespaceService
+let stuffModel: IUserNamespace | IUserList | ITeamList | ITeamNamespace
+let searchService: UserService | TeamService
+let sharable: Ref<IUser | ITeam>
 
 const searchLabel = ref('')
 const selectedRight = ref({})
@@ -355,7 +357,7 @@ async function toggleType(sharable) {
 const found = ref([])
 
 const currentUserId = computed(() => store.state.auth.info.id)
-async function find(query) {
+async function find(query: string) {
 	if (query === '') {
 		found.value = []
 		return
diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index a2a21cd5..60004a92 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -43,8 +43,8 @@
 <script setup lang="ts">
 import {ref, watch, unref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
-import {tryOnMounted, debouncedWatch, useWindowSize, MaybeRef} from '@vueuse/core'
+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'
@@ -200,7 +200,7 @@ function handleEnter(e: KeyboardEvent) {
 }
 
 function focusTaskInput() {
-	newTaskInput.value.focus()
+	newTaskInput.value?.focus()
 }
 
 defineExpose({
diff --git a/src/components/tasks/edit-task.vue b/src/components/tasks/edit-task.vue
index 54001ce6..a067f403 100644
--- a/src/components/tasks/edit-task.vue
+++ b/src/components/tasks/edit-task.vue
@@ -76,14 +76,14 @@
 </template>
 
 <script setup lang="ts">
-import {ref, reactive, computed, shallowReactive, watch, nextTick} from 'vue'
+import {ref, reactive, computed, shallowReactive, watch, nextTick, type PropType} from 'vue'
 import {useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
 import Editor from '@/components/input/AsyncEditor'
 
 import TaskService from '@/services/task'
-import TaskModel from '@/models/task'
+import TaskModel, { type ITask } from '@/models/task'
 import EditLabels from './partials/editLabels.vue'
 import Reminders from './partials/reminders.vue'
 import ColorPicker from '../input/colorPicker.vue'
@@ -93,14 +93,16 @@ import {success} from '@/message'
 const {t} = useI18n({useScope: 'global'})
 const router = useRouter()
 
-const props = defineProps<{
-	task?: TaskModel | null,
-}>()
+const props = defineProps({
+	task: {
+		type: Object as PropType<ITask | null>,
+	},
+})
 
 const taskService = shallowReactive(new TaskService())
 
 const editorActive = ref(false)
-let taskEditTask: TaskModel | undefined
+let taskEditTask: ITask | undefined
 
 
 // FIXME: this initialization should not be necessary here 
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 01a90a32..0db199dc 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -175,19 +175,20 @@
 import {defineComponent} from 'vue'
 
 import VueDragResize from 'vue-drag-resize'
-import EditTask from './edit-task'
+import EditTask from './edit-task.vue'
 
 import TaskService from '../../services/task'
 import TaskModel from '../../models/task'
-import priorities from '../../models/constants/priorities'
-import PriorityLabel from './partials/priorityLabel'
+import {PRIORITIES as priorities} from '@/constants/priorities'
+import PriorityLabel from './partials/priorityLabel.vue'
 import TaskCollectionService from '../../services/taskCollection'
 import {mapState} from 'vuex'
-import Rights from '../../models/constants/rights.json'
+import {RIGHTS as Rights} from '@/constants/rights'
 import FilterPopup from '@/components/list/partials/filter-popup.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
 import {colorIsDark} from '@/helpers/color/colorIsDark'
+import {formatDate} from '@/helpers/time/formatDate'
 
 export default defineComponent({
 	name: 'GanttChart',
@@ -439,7 +440,7 @@ export default defineComponent({
 		formatMonthAndYear(year, month) {
 			month = month < 10 ? '0' + month : month
 			const date = new Date(`${year}-${month}-01`)
-			return this.format(date, 'MMMM, yyyy')
+			return formatDate(date, 'MMMM, yyyy')
 		},
 	},
 })
diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 580cd4fb..70d6e5b1 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -39,7 +39,7 @@
 				<div class="info">
 					<p class="attachment-info-meta">
 						<i18n-t keypath="task.attachment.createdBy">
-							<span v-tooltip="formatDate(a.created)">
+							<span v-tooltip="formatDateLong(a.created)">
 								{{ formatDateSince(a.created) }}
 							</span>
 							<user
@@ -49,7 +49,7 @@
 							/>
 						</i18n-t>
 						<span>
-							{{ a.file.getHumanSize() }}
+							{{ getHumanSize(a.file.size) }}
 						</span>
 						<span v-if="a.file.mime">
 							{{ a.file.mime }}
@@ -147,14 +147,17 @@
 import {defineComponent} from 'vue'
 
 import AttachmentService from '../../../services/attachment'
-import AttachmentModel from '../../../models/attachment'
-import User from '../../misc/user'
+import AttachmentModel, { type IAttachment } from '@/models/attachment'
+import User from '@/components/misc/user.vue'
 import {mapState} from 'vuex'
 
 import { useCopyToClipboard } from '@/composables/useCopyToClipboard'
 import { uploadFiles, generateAttachmentUrl } from '@/helpers/attachments'
+import {formatDate, formatDateSince, formatDateLong} from '@/helpers/time/formatDate'
 
 import BaseButton from '@/components/base/BaseButton'
+import type { IFile } from '@/models/file'
+import { getHumanSize } from '@/helpers/getHumanSize'
 
 export default defineComponent({
 	name: 'attachments',
@@ -190,7 +193,7 @@ export default defineComponent({
 	setup(props) {
 		const copy = useCopyToClipboard()
 
-		function copyUrl(attachment: AttachmentModel) {
+		function copyUrl(attachment: IAttachment) {
 			copy(generateAttachmentUrl(props.taskId, attachment.id))
 		}
 
@@ -229,7 +232,12 @@ export default defineComponent({
 		})
 	},
 	methods: {
-		downloadAttachment(attachment) {
+		getHumanSize,
+		formatDate,
+		formatDateSince,
+		formatDateLong,
+
+		downloadAttachment(attachment: IAttachment) {
 			this.attachmentService.download(attachment)
 		},
 		uploadNewAttachment() {
@@ -239,7 +247,7 @@ export default defineComponent({
 
 			this.uploadFiles(this.$refs.files.files)
 		},
-		uploadFiles(files) {
+		uploadFiles(files: IFile[]) {
 			uploadFiles(this.attachmentService, this.taskId, files)
 		},
 		async deleteAttachment() {
diff --git a/src/components/tasks/partials/checklist-summary.vue b/src/components/tasks/partials/checklist-summary.vue
index 23653bff..6e17d140 100644
--- a/src/components/tasks/partials/checklist-summary.vue
+++ b/src/components/tasks/partials/checklist-summary.vue
@@ -10,15 +10,15 @@
 </template>
 
 <script setup lang="ts">
-import {computed} from 'vue'
+import {computed, type PropType} from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import {getChecklistStatistics} from '@/helpers/checklistFromText'
-import TaskModel from '@/models/task'
+import type {ITask} from '@/models/task'
 
 const props = defineProps({
 	task: {
-		type: TaskModel,
+		type: Object as PropType<ITask>,
 		required: true,
 	},
 })
diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index 9efe0d2a..653c60b9 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -34,12 +34,12 @@
 							width="20"
 						/>
 						<strong>{{ c.author.getDisplayName() }}</strong>&nbsp;
-						<span v-tooltip="formatDate(c.created)" class="has-text-grey">
+						<span v-tooltip="formatDateLong(c.created)" class="has-text-grey">
 							{{ formatDateSince(c.created) }}
 						</span>
 						<span
 							v-if="+new Date(c.created) !== +new Date(c.updated)"
-							v-tooltip="formatDate(c.updated)"
+							v-tooltip="formatDateLong(c.updated)"
 						>
 							· {{ $t('task.comment.edited', {date: formatDateSince(c.updated)}) }}
 						</span>
@@ -153,16 +153,18 @@
 
 <script setup lang="ts">
 import {ref, reactive, computed, shallowReactive, watch, nextTick} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import Editor from '@/components/input/AsyncEditor'
 
 import TaskCommentService from '@/services/taskComment'
-import TaskCommentModel from '@/models/taskComment'
+import TaskCommentModel, { type ITaskComment } from '@/models/taskComment'
 import {uploadFile} from '@/helpers/attachments'
 import {success} from '@/message'
+import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 
+import type { ITask } from '@/models/task'
 const props = defineProps({
 	taskId: {
 		type: Number,
@@ -176,7 +178,7 @@ const props = defineProps({
 const {t} = useI18n({useScope: 'global'})
 const store = useStore()
 
-const comments = ref<TaskCommentModel[]>([])
+const comments = ref<ITaskComment[]>([])
 
 const showDeleteModal = ref(false)
 const commentToDelete = reactive(new TaskCommentModel())
@@ -186,8 +188,8 @@ const commentEdit = reactive(new TaskCommentModel())
 
 const newComment = reactive(new TaskCommentModel())
 
-const saved = ref(null)
-const saving = ref(null)
+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)
@@ -213,7 +215,7 @@ function attachmentUpload(...args) {
 
 const taskCommentService = shallowReactive(new TaskCommentService())
 
-async function loadComments(taskId) {
+async function loadComments(taskId: ITask['id']) {
 	if (!enabled.value) {
 		return
 	}
@@ -257,12 +259,12 @@ async function addComment() {
 	}
 }
 
-function toggleEdit(comment: TaskCommentModel) {
+function toggleEdit(comment: ITaskComment) {
 	isCommentEdit.value = !isCommentEdit.value
 	Object.assign(commentEdit, comment)
 }
 
-function toggleDelete(commentId) {
+function toggleDelete(commentId: ITaskComment['id']) {
 	showDeleteModal.value = !showDeleteModal.value
 	commentToDelete.id = commentId
 }
@@ -292,7 +294,7 @@ async function editComment() {
 	}
 }
 
-async function deleteComment(commentToDelete: TaskCommentModel) {
+async function deleteComment(commentToDelete: ITaskComment) {
 	try {
 		await taskCommentService.delete(commentToDelete)
 		const index = comments.value.findIndex(({id}) => id === commentToDelete.id)
diff --git a/src/components/tasks/partials/createdUpdated.vue b/src/components/tasks/partials/createdUpdated.vue
index 51ef1d31..3d839e5f 100644
--- a/src/components/tasks/partials/createdUpdated.vue
+++ b/src/components/tasks/partials/createdUpdated.vue
@@ -1,6 +1,6 @@
 <template>
 	<p class="created">
-		<time :datetime="formatISO(task.created)" v-tooltip="formatDate(task.created)">
+		<time :datetime="formatISO(task.created)" v-tooltip="formatDateLong(task.created)">
 			<i18n-t keypath="task.detail.created">
 				<span>{{ formatDateSince(task.created) }}</span>
 				{{ task.createdBy.getDisplayName() }}
@@ -27,13 +27,13 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, toRefs} from 'vue'
-import TaskModel from '@/models/task'
-import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+import {computed, toRefs, type PropType} from 'vue'
+import type { ITask } from '@/models/task'
+import {formatISO, formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 
 const props = defineProps({
 	task: {
-		type: TaskModel,
+		type: Object as PropType<ITask>,
 		required: true,
 	},
 })
diff --git a/src/components/tasks/partials/date-table-cell.vue b/src/components/tasks/partials/date-table-cell.vue
index fead1445..85ac5504 100644
--- a/src/components/tasks/partials/date-table-cell.vue
+++ b/src/components/tasks/partials/date-table-cell.vue
@@ -1,12 +1,14 @@
 <template>
-	<td v-tooltip="+date === 0 ? '' : formatDate(date)">
-		<time :datetime="date ? formatISO(date) : null">
+	<td v-tooltip="+date === 0 ? '' : formatDateLong(date)">
+		<time :datetime="date ? formatISO(date) : undefined">
 			{{ +date === 0 ? '-' : formatDateSince(date) }}
 		</time>
 	</td>
 </template>
 
 <script setup lang="ts">
+import {formatISO, formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
+
 defineProps({
 	date: {
 		type: Date,
diff --git a/src/components/tasks/partials/defer-task.vue b/src/components/tasks/partials/defer-task.vue
index 48b52fb6..d57b783a 100644
--- a/src/components/tasks/partials/defer-task.vue
+++ b/src/components/tasks/partials/defer-task.vue
@@ -38,17 +38,17 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, computed, watch, onMounted, onBeforeUnmount} from 'vue'
-import {useStore} from 'vuex'
+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 TaskModel from '@/models/task'
+import { type ITask } from '@/models/task'
 
 const props = defineProps({
 	modelValue: {
-		type: TaskModel,
+		type: Object as PropType<ITask>,
 		required: true,
 	},
 })
@@ -58,7 +58,7 @@ const {t} = useI18n({useScope: 'global'})
 const store = useStore()
 
 const taskService = shallowReactive(new TaskService())
-const task = ref<TaskModel>()
+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>()
diff --git a/src/components/tasks/partials/description.vue b/src/components/tasks/partials/description.vue
index 2b3a14ce..c2623c9e 100644
--- a/src/components/tasks/partials/description.vue
+++ b/src/components/tasks/partials/description.vue
@@ -30,30 +30,31 @@
 </template>
 
 <script setup lang="ts">
-import {ref,computed, watch} from 'vue'
-import {useStore} from 'vuex'
+import {ref,computed, watch, type PropType} from 'vue'
+import {useStore} from '@/store'
 
 import Editor from '@/components/input/AsyncEditor'
 
-import TaskModel from '@/models/task'
+import type { ITask } from '@/models/task'
 
 
 const props = defineProps({
 	modelValue: {
-		type: TaskModel,
+		type: Object as PropType<ITask>,
 		required: true,
 	},
 	attachmentUpload: {
 		required: true,
 	},
 	canWrite: {
+		type: Boolean,
 		required: true,
 	},
 })
 
 const emit = defineEmits(['update:modelValue'])
 
-const task = ref<TaskModel>({description: ''})
+const task = ref<ITask>({description: ''})
 const saved = ref(false)
 
 // Since loading is global state, this variable ensures we're only showing the saving icon when saving the description.
diff --git a/src/components/tasks/partials/editAssignees.vue b/src/components/tasks/partials/editAssignees.vue
index 3d2dc6d2..bb21fd57 100644
--- a/src/components/tasks/partials/editAssignees.vue
+++ b/src/components/tasks/partials/editAssignees.vue
@@ -28,8 +28,8 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, watch, PropType} from 'vue'
-import {useStore} from 'vuex'
+import {ref, shallowReactive, watch, type PropType} from 'vue'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import User from '@/components/misc/user.vue'
@@ -37,9 +37,9 @@ import Multiselect from '@/components/input/multiselect.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
 import {includesById} from '@/helpers/utils'
-import UserModel from '@/models/user'
 import ListUserService from '@/services/listUsers'
 import {success} from '@/message'
+import type { IUser } from '@/modelTypes/IUser'
 
 const props = defineProps({
 		taskId: {
@@ -54,7 +54,7 @@ const props = defineProps({
 			default: false,
 		},
 		modelValue: {
-			type: Array as PropType<UserModel[]>,
+			type: Array as PropType<IUser[]>,
 			default: () => [],
 		},
 	})
@@ -65,7 +65,7 @@ const {t} = useI18n({useScope: 'global'})
 
 const listUserService = shallowReactive(new ListUserService())
 const foundUsers = ref([])
-const assignees = ref<UserModel[]>([])
+const assignees = ref<IUser[]>([])
 
 watch(
 	() => props.modelValue,
@@ -78,13 +78,13 @@ watch(
 	},
 )
 
-async function addAssignee(user: UserModel) {
+async function addAssignee(user: IUser) {
 	await store.dispatch('tasks/addAssignee', {user: user, taskId: props.taskId})
 	emit('update:modelValue', assignees.value)
 	success({message: t('task.assignee.assignSuccess')})
 }
 
-async function removeAssignee(user: UserModel) {
+async function removeAssignee(user: IUser) {
 	await store.dispatch('tasks/removeAssignee', {user: user, taskId: props.taskId})
 
 	// Remove the assignee from the list
diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue
index 74b2d6e4..ae99693f 100644
--- a/src/components/tasks/partials/editLabels.vue
+++ b/src/components/tasks/partials/editLabels.vue
@@ -39,8 +39,8 @@
 </template>
 
 <script setup lang="ts">
-import {PropType, ref, computed, shallowReactive, watch} from 'vue'
-import {useStore} from 'vuex'
+import {type PropType, ref, computed, shallowReactive, watch} from 'vue'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import LabelModel from '@/models/label'
@@ -49,10 +49,11 @@ import {success} from '@/message'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import Multiselect from '@/components/input/multiselect.vue'
+import type { ILabel } from '@/modelTypes/ILabel'
 
 const props = defineProps({
 	modelValue: {
-		type: Array as PropType<LabelModel[]>,
+		type: Array as PropType<ILabel[]>,
 		default: () => [],
 	},
 	taskId: {
@@ -71,7 +72,7 @@ const store = useStore()
 const {t} = useI18n({useScope: 'global'})
 
 const labelTaskService = shallowReactive(new LabelTaskService())
-const labels = ref<LabelModel[]>([])
+const labels = ref<ILabel[]>([])
 const query = ref('')
 
 watch(
@@ -92,7 +93,7 @@ function findLabel(newQuery: string) {
 	query.value = newQuery
 }
 
-async function addLabel(label: LabelModel, showNotification = true) {
+async function addLabel(label: ILabel, showNotification = true) {
 	const bubble = () => {
 		emit('update:modelValue', labels.value)
 		emit('change', labels.value)
@@ -110,14 +111,14 @@ async function addLabel(label: LabelModel, showNotification = true) {
 	}
 }
 
-async function removeLabel(label: LabelModel) {
+async function removeLabel(label: ILabel) {
 	if (props.taskId !== 0) {
 		await store.dispatch('tasks/removeLabel', {label, taskId: props.taskId})
 	}
 
 	for (const l in labels.value) {
 		if (labels.value[l].id === label.id) {
-			labels.value.splice(l, 1)
+			labels.value.splice(l, 1) // FIXME: l should be index
 		}
 	}
 	emit('update:modelValue', labels.value)
diff --git a/src/components/tasks/partials/heading.vue b/src/components/tasks/partials/heading.vue
index a5026962..c02ceb63 100644
--- a/src/components/tasks/partials/heading.vue
+++ b/src/components/tasks/partials/heading.vue
@@ -32,18 +32,18 @@
 </template>
 
 <script setup lang="ts">
-import {ref, computed} from 'vue'
-import {useStore} from 'vuex'
+import {ref, computed, type PropType} from 'vue'
+import {useStore} from '@/store'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import Done from '@/components/misc/Done.vue'
-import TaskModel from '@/models/task'
+import type {ITask} from '@/models/task'
 import { useRouter } from 'vue-router'
 import { useCopyToClipboard } from '@/composables/useCopyToClipboard'
 
 const props = defineProps({
 	task: {
-		type: TaskModel,
+		type: Object as PropType<ITask>,
 		required: true,
 	},
 	canWrite: {
diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 1e4b02f8..73abace1 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -24,7 +24,7 @@
 			:class="{'overdue': task.dueDate <= new Date() && !task.done}"
 			class="due-date"
 			v-if="task.dueDate > 0"
-			v-tooltip="formatDate(task.dueDate)">
+			v-tooltip="formatDateLong(task.dueDate)">
 			<span class="icon">
 				<icon :icon="['far', 'calendar-alt']"/>
 			</span>
@@ -66,16 +66,17 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
+import {defineComponent, type PropType} from 'vue'
 
 import {playPop} from '../../../helpers/playPop'
-import PriorityLabel from '../../../components/tasks/partials/priorityLabel'
-import User from '../../../components/misc/user'
+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'
-import ChecklistSummary from './checklist-summary'
-import {TASK_DEFAULT_COLOR} from '@/models/task'
+import Labels from '../../../components/tasks/partials/labels.vue'
+import ChecklistSummary from './checklist-summary.vue'
+import {TASK_DEFAULT_COLOR, type ITask} from '@/models/task'
 
+import {formatDateLong, formatISO, formatDateSince} from '@/helpers/time/formatDate'
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 
 export default defineComponent({
@@ -95,6 +96,7 @@ export default defineComponent({
 	},
 	props: {
 		task: {
+			type: Object as PropType<ITask>,
 			required: true,
 		},
 		loading: {
@@ -111,8 +113,11 @@ export default defineComponent({
 		},
 	},
 	methods: {
+		formatDateLong,
+		formatISO,
+		formatDateSince,
 		colorIsDark,
-		async toggleTaskDone(task) {
+		async toggleTaskDone(task: ITask) {
 			this.loadingInternal = true
 			try {
 				const done = !task.done
diff --git a/src/components/tasks/partials/labels.vue b/src/components/tasks/partials/labels.vue
index e9af8e39..2b640a35 100644
--- a/src/components/tasks/partials/labels.vue
+++ b/src/components/tasks/partials/labels.vue
@@ -11,8 +11,12 @@
 </template>
 
 <script setup lang="ts">
+import type { PropType } from 'vue'
+import type { ILabel } from '@/models/label'
+
 defineProps({
 	labels: {
+		type: Array as PropType<ILabel[]>,
 		required: true,
 	},
 })
diff --git a/src/components/tasks/partials/listSearch.vue b/src/components/tasks/partials/listSearch.vue
index 482e47e2..2b48f716 100644
--- a/src/components/tasks/partials/listSearch.vue
+++ b/src/components/tasks/partials/listSearch.vue
@@ -1,5 +1,5 @@
 <template>
-	<multiselect
+	<Multiselect
 		class="control is-expanded"
 		:placeholder="$t('list.search')"
 		@search="findLists"
@@ -13,23 +13,20 @@
 			<span class="list-namespace-title search-result">{{ namespace(props.option.namespaceId) }} ></span>
 			{{ props.option.title }}
 		</template>
-	</multiselect>
+	</Multiselect>
 </template>
 
 <script lang="ts" setup>
 import {reactive, ref, watch} from 'vue'
 import type {PropType} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
-import ListModel from '@/models/list'
+import ListModel, { type IList } from '@/models/list'
 import Multiselect from '@/components/input/multiselect.vue'
 
 const props = defineProps({
 	modelValue: {
-		type: Object as PropType<ListModel>,
-		validator(value) {
-			return value instanceof ListModel
-		},
+		type: Object as PropType<IList>,
 		required: false,
 	},
 })
@@ -38,7 +35,7 @@ const emit = defineEmits(['update:modelValue'])
 const store = useStore()
 const {t} = useI18n({useScope: 'global'})
 
-const list = reactive<ListModel>(new ListModel())
+const list: IList = reactive(new ListModel())
 
 watch(
 	() => props.modelValue,
@@ -57,7 +54,10 @@ function findLists(query: string) {
 	foundLists.value = store.getters['lists/searchList'](query)
 }
 
-function select(l: ListModel | null) {
+function select(l: IList | null) {
+	if (l === null) {
+		return
+	}
 	Object.assign(list, l)
 	emit('update:modelValue', list)
 }
diff --git a/src/components/tasks/partials/priorityLabel.vue b/src/components/tasks/partials/priorityLabel.vue
index f56dfde5..f4ba86a5 100644
--- a/src/components/tasks/partials/priorityLabel.vue
+++ b/src/components/tasks/partials/priorityLabel.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script setup lang="ts">
-import priorities from '@/models/constants/priorities'
+import {PRIORITIES as priorities} from '@/constants/priorities'
 	
 defineProps({
 	priority: {
diff --git a/src/components/tasks/partials/prioritySelect.vue b/src/components/tasks/partials/prioritySelect.vue
index 300cb60b..30a52892 100644
--- a/src/components/tasks/partials/prioritySelect.vue
+++ b/src/components/tasks/partials/prioritySelect.vue
@@ -5,19 +5,19 @@
 			@change="updateData"
 			:disabled="disabled || undefined"
 		>
-			<option :value="priorities.UNSET">{{ $t('task.priority.unset') }}</option>
-			<option :value="priorities.LOW">{{ $t('task.priority.low') }}</option>
-			<option :value="priorities.MEDIUM">{{ $t('task.priority.medium') }}</option>
-			<option :value="priorities.HIGH">{{ $t('task.priority.high') }}</option>
-			<option :value="priorities.URGENT">{{ $t('task.priority.urgent') }}</option>
-			<option :value="priorities.DO_NOW">{{ $t('task.priority.doNow') }}</option>
+			<option :value="PRIORITIES.UNSET">{{ $t('task.priority.unset') }}</option>
+			<option :value="PRIORITIES.LOW">{{ $t('task.priority.low') }}</option>
+			<option :value="PRIORITIES.MEDIUM">{{ $t('task.priority.medium') }}</option>
+			<option :value="PRIORITIES.HIGH">{{ $t('task.priority.high') }}</option>
+			<option :value="PRIORITIES.URGENT">{{ $t('task.priority.urgent') }}</option>
+			<option :value="PRIORITIES.DO_NOW">{{ $t('task.priority.doNow') }}</option>
 		</select>
 	</div>
 </template>
 
 <script setup lang="ts">
 import {ref, watch} from 'vue'
-import priorities from '@/models/constants/priorities.json'
+import {PRIORITIES} from '@/constants/priorities'
 
 const priority = ref(0)
 
diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index 97998656..2e717fd9 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -144,8 +144,8 @@ import {defineComponent} from 'vue'
 import TaskService from '../../../services/task'
 import TaskModel from '../../../models/task'
 import TaskRelationService from '../../../services/taskRelation'
-import relationKinds from '../../../models/constants/relationKinds'
-import TaskRelationModel from '../../../models/taskRelation'
+import TaskRelationModel from '@/models/taskRelation'
+import { RELATION_KIND, RELATION_KINDS } from '@/types/IRelationKind'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import Multiselect from '@/components/input/multiselect.vue'
@@ -157,9 +157,9 @@ export default defineComponent({
 			relatedTasks: {},
 			taskService: new TaskService(),
 			foundTasks: [],
-			relationKinds: relationKinds,
+			relationKinds: RELATION_KINDS,
 			newTaskRelationTask: new TaskModel(),
-			newTaskRelationKind: 'related',
+			newTaskRelationKind: RELATION_KIND.RELATED,
 			taskRelationService: new TaskRelationService(),
 			showDeleteModal: false,
 			relationToDelete: {},
@@ -221,7 +221,7 @@ export default defineComponent({
 		},
 	},
 	methods: {
-		async findTasks(query) {
+		async findTasks(query: string) {
 			this.query = query
 			this.foundTasks = await this.taskService.getAll({}, {s: query})
 		},
diff --git a/src/components/tasks/partials/reminders.vue b/src/components/tasks/partials/reminders.vue
index dc655ba8..0f771aa4 100644
--- a/src/components/tasks/partials/reminders.vue
+++ b/src/components/tasks/partials/reminders.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import {PropType, ref, onMounted, watch} from 'vue'
+import {type PropType, ref, onMounted, watch} from 'vue'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import Datepicker from '@/components/input/datepicker.vue'
@@ -45,8 +45,8 @@ const props = defineProps({
 				return false
 			}
 
-			const isDate = (e: any) => e instanceof Date
-			const isString = (e: any) => typeof e === 'string'
+			const isDate = (e: unknown) => e instanceof Date
+			const isString = (e: unknown) => typeof e === 'string'
 
 			for (const e of prop) {
 				if (!isDate(e) && !isString(e)) {
diff --git a/src/components/tasks/partials/repeatAfter.vue b/src/components/tasks/partials/repeatAfter.vue
index f77c127a..bf50384d 100644
--- a/src/components/tasks/partials/repeatAfter.vue
+++ b/src/components/tasks/partials/repeatAfter.vue
@@ -18,17 +18,14 @@
 			<div class="control">
 				<div class="select">
 					<select @change="updateData" v-model="task.repeatMode" id="repeatMode">
-						<option :value="repeatModes.REPEAT_MODE_DEFAULT">{{ $t('misc.default') }}</option>
-						<option :value="repeatModes.REPEAT_MODE_MONTH">{{ $t('task.repeat.monthly') }}</option>
-						<option :value="repeatModes.REPEAT_MODE_FROM_CURRENT_DATE">{{
-								$t('task.repeat.fromCurrentDate')
-							}}
-						</option>
+						<option :value="TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT">{{ $t('misc.default') }}</option>
+						<option :value="TASK_REPEAT_MODES.REPEAT_MODE_MONTH">{{ $t('task.repeat.monthly') }}</option>
+						<option :value="TASK_REPEAT_MODES.REPEAT_MODE_FROM_CURRENT_DATE">{{ $t('task.repeat.fromCurrentDate') }}</option>
 					</select>
 				</div>
 			</div>
 		</div>
-		<div class="is-flex" v-if="task.repeatMode !== repeatModes.REPEAT_MODE_MONTH">
+		<div class="is-flex" v-if="task.repeatMode !== TASK_REPEAT_MODES.REPEAT_MODE_MONTH">
 			<p class="pr-4">
 				{{ $t('task.repeat.each') }}
 			</p>
@@ -65,14 +62,18 @@
 </template>
 
 <script setup lang="ts">
-import {ref, reactive, watch} from 'vue'
-import repeatModes from '@/models/constants/taskRepeatModes.json'
-import TaskModel from '@/models/task'
-import {error} from '@/message'
+import {ref, reactive, watch, type PropType} from 'vue'
 import {useI18n} from 'vue-i18n'
 
+import {error} from '@/message'
+
+import {TASK_REPEAT_MODES} from '@/types/IRepeatMode'
+import type {IRepeatAfter} from '@/types/IRepeatAfter'
+import type {ITask} from '@/modelTypes/ITask'
+
 const props = defineProps({
 	modelValue: {
+		type: Object as PropType<ITask>,
 		default: () => ({}),
 		required: true,
 	},
@@ -86,7 +87,7 @@ const {t} = useI18n({useScope: 'global'})
 
 const emit = defineEmits(['update:modelValue', 'change'])
 
-const task = ref<TaskModel>()
+const task = ref<ITask>()
 const repeatAfter = reactive({
 	amount: 0,
 	type: '',
@@ -104,7 +105,7 @@ watch(
 )
 
 function updateData() {
-	if (task.value.repeatMode !== repeatModes.REPEAT_MODE_DEFAULT && repeatAfter.amount === 0) {
+	if (!task.value || task.value.repeatMode !== TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT && repeatAfter.amount === 0) {
 		return
 	}
 
@@ -118,8 +119,8 @@ function updateData() {
 	emit('change')
 }
 
-function setRepeatAfter(amount: number, type) {
-	Object.assign(repeatAfter, {amount, type})
+function setRepeatAfter(amount: number, type: IRepeatAfter['type']) {
+	Object.assign(repeatAfter, { amount, type})
 	updateData()
 }
 </script>
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index e153cb3a..5c466e42 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -30,7 +30,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"
@@ -43,7 +43,7 @@
 				v-if="+new Date(task.dueDate) > 0"
 				class="dueDate"
 				@click.prevent.stop="showDefer = !showDefer"
-				v-tooltip="formatDate(task.dueDate)"
+				v-tooltip="formatDateLong(task.dueDate)"
 			>
 				<time
 					:datetime="formatISO(task.dueDate)"
@@ -96,19 +96,20 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
+import {defineComponent, type PropType} from 'vue'
 
-import TaskModel from '../../../models/task'
-import PriorityLabel from './priorityLabel'
+import TaskModel, { type ITask } from '../../../models/task'
+import PriorityLabel from './priorityLabel.vue'
 import TaskService from '../../../services/task'
-import Labels from './labels'
-import User from '../../misc/user'
+import Labels from '@/components/tasks/partials/labels.vue'
+import User from '@/components/misc/user.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
-import Fancycheckbox from '../../input/fancycheckbox'
-import DeferTask from './defer-task'
+import Fancycheckbox from '../../input/fancycheckbox.vue'
+import DeferTask from './defer-task.vue'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {playPop} from '@/helpers/playPop'
-import ChecklistSummary from './checklist-summary'
+import ChecklistSummary from './checklist-summary.vue'
+import {formatDateSince, formatISO, formatDateLong} from '@/helpers/time/formatDate'
 
 export default defineComponent({
 	name: 'singleTaskInList',
@@ -130,7 +131,7 @@ export default defineComponent({
 	},
 	props: {
 		theTask: {
-			type: TaskModel,
+			type: Object as PropType<ITask>,
 			required: true,
 		},
 		isArchived: {
@@ -188,7 +189,11 @@ export default defineComponent({
 		},
 	},
 	methods: {
-		async markAsDone(checked) {
+		formatDateSince,
+		formatISO,
+		formatDateLong,
+
+		async markAsDone(checked: boolean) {
 			const updateFunc = async () => {
 				const task = await this.taskService.update(this.task)
 				if (this.task.done) {
@@ -213,7 +218,7 @@ export default defineComponent({
 			}
 		},
 
-		undoDone(checked) {
+		undoDone(checked: boolean) {
 			this.task.done = !this.task.done
 			this.markAsDone(!checked)
 		},
diff --git a/src/components/tasks/partials/sort.vue b/src/components/tasks/partials/sort.vue
index 4eeb5e9f..22b316d1 100644
--- a/src/components/tasks/partials/sort.vue
+++ b/src/components/tasks/partials/sort.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import {PropType} from 'vue'
+import type {PropType} from 'vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
 type Order = 'asc' | 'desc' | 'none'
diff --git a/src/composables/useList.ts b/src/composables/useList.ts
index 6db3ad1d..e372da3c 100644
--- a/src/composables/useList.ts
+++ b/src/composables/useList.ts
@@ -1,6 +1,6 @@
 import {watch, reactive, shallowReactive, unref, toRefs, readonly} from 'vue'
 import type {MaybeRef} from '@vueuse/core'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import ListService from '@/services/list'
 import ListModel from '@/models/list'
diff --git a/src/composables/useNamespaceSearch.ts b/src/composables/useNamespaceSearch.ts
index 35c8b54f..b2595aaa 100644
--- a/src/composables/useNamespaceSearch.ts
+++ b/src/composables/useNamespaceSearch.ts
@@ -1,5 +1,5 @@
 import {ref, computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 export function useNameSpaceSearch() {
 	const query = ref('')
diff --git a/src/models/constants/config.ts b/src/constants/config.ts
similarity index 100%
rename from src/models/constants/config.ts
rename to src/constants/config.ts
diff --git a/src/constants/priorities.ts b/src/constants/priorities.ts
new file mode 100644
index 00000000..598adfd9
--- /dev/null
+++ b/src/constants/priorities.ts
@@ -0,0 +1,10 @@
+export const PRIORITIES = {
+	'UNSET': 0,
+	'LOW': 1,
+	'MEDIUM': 2,
+	'HIGH': 3,
+	'URGENT': 4,
+	'DO_NOW': 5,
+} as const
+
+export type Priority = typeof PRIORITIES[keyof typeof PRIORITIES]
\ No newline at end of file
diff --git a/src/constants/rights.ts b/src/constants/rights.ts
new file mode 100644
index 00000000..1c2aeb70
--- /dev/null
+++ b/src/constants/rights.ts
@@ -0,0 +1,7 @@
+export const RIGHTS = {
+  'READ': 0,
+  'READ_WRITE': 1,
+  'ADMIN': 2,
+} as const
+
+export type Right = typeof RIGHTS[keyof typeof RIGHTS]
\ No newline at end of file
diff --git a/src/helpers/attachments.ts b/src/helpers/attachments.ts
index 4532bee1..51556c68 100644
--- a/src/helpers/attachments.ts
+++ b/src/helpers/attachments.ts
@@ -1,22 +1,27 @@
-import AttachmentModel from '@/models/attachment'
-import FileModel from '@/models/file'
+import AttachmentModel, { type IAttachment } from '@/models/attachment'
+import type {IFile} from '@/models/file'
 
 import AttachmentService from '@/services/attachment'
 import { store } from '@/store'
 
-export function uploadFile(taskId: number, file: FileModel, onSuccess: () => Function) {
+export function uploadFile(taskId: number, file: IFile, onSuccess: () => Function) {
 	const attachmentService = new AttachmentService()
 	const files = [file]
 
 	return uploadFiles(attachmentService, taskId, files, onSuccess)
 }
 
-export async function uploadFiles(attachmentService: AttachmentService, taskId: number, files: FileModel[], onSuccess : Function = () => {}) {
+export async function uploadFiles(
+	attachmentService: AttachmentService,
+	taskId: number,
+	files: IFile[],
+	onSuccess: Function = () => {},
+) {
 	const attachmentModel = new AttachmentModel({taskId})
 	const response = await attachmentService.create(attachmentModel, files)
 	console.debug(`Uploaded attachments for task ${taskId}, response was`, response)
 
-	response.success?.map((attachment: AttachmentModel) => {
+	response.success?.map((attachment: IAttachment) => {
 		store.dispatch('tasks/addTaskAttachment', {
 			taskId,
 			attachment,
@@ -29,6 +34,6 @@ export async function uploadFiles(attachmentService: AttachmentService, taskId:
 	}
 }
 
-export function generateAttachmentUrl(taskId: number, attachmentId: number) : any {
+export function generateAttachmentUrl(taskId: number, attachmentId: number) {
 	return `${window.API_URL}/tasks/${taskId}/attachments/${attachmentId}`
 }
\ No newline at end of file
diff --git a/src/helpers/auth.ts b/src/helpers/auth.ts
index 0b5d598b..54e1cdb4 100644
--- a/src/helpers/auth.ts
+++ b/src/helpers/auth.ts
@@ -1,5 +1,5 @@
 import {AuthenticatedHTTPFactory} from '@/http-common'
-import {AxiosResponse} from 'axios'
+import type {AxiosResponse} from 'axios'
 
 let savedToken: string | null = null
 
diff --git a/src/helpers/color/colorIsDark.ts b/src/helpers/color/colorIsDark.ts
index 3ae8ff28..5548dab9 100644
--- a/src/helpers/color/colorIsDark.ts
+++ b/src/helpers/color/colorIsDark.ts
@@ -1,4 +1,4 @@
-export function colorIsDark(color) {
+export function colorIsDark(color: string | undefined) {
 	if (typeof color === 'undefined') {
 		return true // Defaults to dark
 	}
diff --git a/src/helpers/getHumanSize.ts b/src/helpers/getHumanSize.ts
new file mode 100644
index 00000000..2744e1eb
--- /dev/null
+++ b/src/helpers/getHumanSize.ts
@@ -0,0 +1,18 @@
+const SIZES = [
+	'B',
+	'KB',
+	'MB',
+	'GB',
+	'TB',
+ ] as const
+
+export function getHumanSize(inputSize: number) {
+	let iterator = 0
+	let size = inputSize
+	while (size > 1024) {
+		size /= 1024
+		iterator++
+	}
+
+	return Number(Math.round(Number(size + 'e2')) + 'e-2') + ' ' + SIZES[iterator]
+}
\ No newline at end of file
diff --git a/src/helpers/getListTitle.ts b/src/helpers/getListTitle.ts
index 7d74507b..3d262e9b 100644
--- a/src/helpers/getListTitle.ts
+++ b/src/helpers/getListTitle.ts
@@ -1,8 +1,7 @@
 import {i18n} from '@/i18n'
+import type { IList } from '@/models/list'
 
-import type ListModal from '@/models/list'
-
-export function getListTitle(l: ListModal) {
+export function getListTitle(l: IList) {
 	if (l.id === -1) {
 		return i18n.global.t('list.pseudo.favorites.title')
 	}
diff --git a/src/helpers/getNamespaceTitle.ts b/src/helpers/getNamespaceTitle.ts
index de675feb..54f5a7c0 100644
--- a/src/helpers/getNamespaceTitle.ts
+++ b/src/helpers/getNamespaceTitle.ts
@@ -1,7 +1,7 @@
 import {i18n} from '@/i18n'
-import NamespaceModel from '@/models/namespace'
+import type {INamespace} from '@/models/namespace'
 
-export const getNamespaceTitle = (n: NamespaceModel) => {
+export const getNamespaceTitle = (n: INamespace) => {
 	if (n.id === -1) {
 		return i18n.global.t('namespace.pseudo.sharedLists.title')
 	}
diff --git a/src/helpers/labels.ts b/src/helpers/labels.ts
index ca278e5b..be2f688b 100644
--- a/src/helpers/labels.ts
+++ b/src/helpers/labels.ts
@@ -1,18 +1,10 @@
 import {createNewIndexer} from '../indexes'
 
+import type {LabelState} from '@/store/types'
+import type {ILabel} from '@/models/label'
+
 const {search} = createNewIndexer('labels', ['title', 'description'])
 
-export interface label {
-	id: number,
-	title: string,
-}
-
-interface labelState {
-	labels: {
-		[k: number]: label,
-	},
-}
-
 /**
  * Checks if a list of labels is available in the store and filters them then query
  * @param {Object} state
@@ -20,7 +12,7 @@ interface labelState {
  * @param {String} query
  * @returns {Array}
  */
-export function filterLabelsByQuery(state: labelState, labelsToHide: label[], query: string) {
+export function filterLabelsByQuery(state: LabelState, labelsToHide: ILabel[], query: string) {
 	const labelIdsToHide: number[] = labelsToHide.map(({id}) => id)
 
 	return search(query)
@@ -36,6 +28,6 @@ export function filterLabelsByQuery(state: labelState, labelsToHide: label[], qu
  * @param {Array} ids
  * @returns {Array}
  */
-export function getLabelsByIds(state: labelState, ids: number[]) {
+export function getLabelsByIds(state: LabelState, ids: ILabel['id'][]) {
 	return Object.values(state.labels).filter(({id}) => ids.includes(id))
 }
\ No newline at end of file
diff --git a/src/helpers/redirectToProvider.ts b/src/helpers/redirectToProvider.ts
index e7cd65e7..1253b065 100644
--- a/src/helpers/redirectToProvider.ts
+++ b/src/helpers/redirectToProvider.ts
@@ -1,7 +1,7 @@
 import {createRandomID} from '@/helpers/randomId'
 import {parseURL} from 'ufo'
 
-interface Provider {
+export interface Provider {
 	name: string
 	key: string
 	authUrl: string
diff --git a/src/helpers/saveCollapsedBucketState.ts b/src/helpers/saveCollapsedBucketState.ts
index ea4c50c0..781e94fa 100644
--- a/src/helpers/saveCollapsedBucketState.ts
+++ b/src/helpers/saveCollapsedBucketState.ts
@@ -1,4 +1,4 @@
-import ListModel from '@/models/list'
+import type {IList} from '@/models/list'
 
 const key = 'collapsedBuckets'
 
@@ -11,7 +11,10 @@ const getAllState = () => {
 	return JSON.parse(saved)
 }
 
-export const saveCollapsedBucketState = (listId: ListModel['id'], collapsedBuckets) => {
+export const saveCollapsedBucketState = (
+	listId: IList['id'],
+	collapsedBuckets,
+) => {
 	const state = getAllState()
 	state[listId] = collapsedBuckets
 	for (const bucketId in state[listId]) {
@@ -22,7 +25,7 @@ export const saveCollapsedBucketState = (listId: ListModel['id'], collapsedBucke
 	localStorage.setItem(key, JSON.stringify(state))
 }
 
-export const getCollapsedBucketState = (listId : ListModel['id']) => {
+export const getCollapsedBucketState = (listId : IList['id']) => {
 	const state = getAllState()
 	if (typeof state[listId] !== 'undefined') {
 		return state[listId]
diff --git a/src/helpers/savedFilter.ts b/src/helpers/savedFilter.ts
index 0cb3cd9d..d059a07c 100644
--- a/src/helpers/savedFilter.ts
+++ b/src/helpers/savedFilter.ts
@@ -1,6 +1,6 @@
-import ListModel from '@/models/list'
+import type {IList} from '@/models/list'
 
-export function getSavedFilterIdFromListId(listId: ListModel['id']) {
+export function getSavedFilterIdFromListId(listId: IList['id']) {
 	let filterId = listId * -1 - 1
 	// FilterIds from listIds are always positive
 	if (filterId < 0) {
diff --git a/src/helpers/utils.ts b/src/helpers/utils.ts
index c735aa65..e03c7f94 100644
--- a/src/helpers/utils.ts
+++ b/src/helpers/utils.ts
@@ -1,8 +1,8 @@
-export function findIndexById(array : [], id : string | number) {
+export function findIndexById<T extends {id: string | number}>(array : T[], id : string | number) {
 	return array.findIndex(({id: currentId}) => currentId === id)
 }
 
-export function findById(array : [], id : string | number) {
+export function findById<T extends {id: string | number}>(array : T[], id : string | number) {
 	return array.find(({id: currentId}) => currentId === id)
 }
 
@@ -11,11 +11,11 @@ export function includesById(array: [], id: string | number) {
 }
 
 // https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#_isnil
-export function isNil(value: any) {
+export function isNil(value: unknown) {
 	return value == null
 }
 
-export function omitBy(obj: {}, check: (value: any) => boolean): {} {
+export function omitBy(obj: {}, check: (value: unknown) => boolean) {
 	if (isNil(obj)) {
 		return {}
 	}
diff --git a/src/main.ts b/src/main.ts
index 3752d5de..89b7f312 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,8 +5,6 @@ import router from './router'
 
 import {error, success} from './message'
 
-import {formatDate, formatDateShort, formatDateLong, formatDateSince, formatISO} from '@/helpers/time/formatDate'
-
 import {VERSION} from './version.json'
 
 // Notifications
@@ -16,7 +14,7 @@ import Notifications from '@kyvg/vue3-notification'
 import './registerServiceWorker'
 
 // Vuex
-import {store} from './store'
+import { store, key } from './store'
 // i18n
 import {i18n} from './i18n'
 
@@ -69,24 +67,6 @@ app.component('x-button', Button)
 app.component('modal', Modal)
 app.component('card', Card)
 
-// Mixins
-import {getNamespaceTitle} from './helpers/getNamespaceTitle'
-import {getListTitle} from './helpers/getListTitle'
-import {setTitle} from './helpers/setTitle'
-
-app.mixin({
-	methods: {
-		formatDateSince,
-		format: formatDate,
-		formatDate: formatDateLong,
-		formatDateShort: formatDateShort,
-		formatISO,
-		getNamespaceTitle,
-		getListTitle,
-		setTitle,
-	},
-})
-
 app.config.errorHandler = (err, vm, info) => {
 	if (import.meta.env.DEV) {
 		console.error(err, vm, info)
@@ -124,7 +104,7 @@ if (window.SENTRY_ENABLED) {
 	import('./sentry').then(sentry => sentry.default(app, router))
 }
 
-app.use(store)
+app.use(store, key) // pass the injection key
 app.use(router)
 app.use(i18n)
 
diff --git a/src/modelSchema/common/repeats.ts b/src/modelSchema/common/repeats.ts
new file mode 100644
index 00000000..175b0c72
--- /dev/null
+++ b/src/modelSchema/common/repeats.ts
@@ -0,0 +1,43 @@
+import { REPEAT_TYPES, type IRepeatAfter } from '@/types/IRepeatAfter'
+import { nativeEnum, number, object, preprocess } from 'zod'
+
+export const RepeatsSchema = preprocess(
+	(repeats: unknown) => {
+		// Parses the "repeat after x seconds" from the task into a usable js object inside the task.
+	
+		if (typeof repeats !== 'number') {
+			return repeats
+		}
+	
+		const repeatAfterHours = (repeats / 60) / 60
+		
+		const repeatAfter : IRepeatAfter = {
+			type: 'hours',
+			amount: repeatAfterHours,
+		}
+	
+		// if its dividable by 24, its something with days, otherwise hours
+		if (repeatAfterHours % 24 === 0) {
+			const repeatAfterDays = repeatAfterHours / 24
+			if (repeatAfterDays % 7 === 0) {
+				repeatAfter.type = 'weeks'
+				repeatAfter.amount = repeatAfterDays / 7
+			} else if (repeatAfterDays % 30 === 0) {
+				repeatAfter.type = 'months'
+				repeatAfter.amount = repeatAfterDays / 30
+			} else if (repeatAfterDays % 365 === 0) {
+				repeatAfter.type = 'years'
+				repeatAfter.amount = repeatAfterDays / 365
+			} else {
+				repeatAfter.type = 'days'
+				repeatAfter.amount = repeatAfterDays
+			}
+		}
+	
+		return repeatAfter
+	},
+	object({
+		type: nativeEnum(REPEAT_TYPES),
+		amount: number().int(),
+	}),
+)
\ No newline at end of file
diff --git a/src/modelTypes/IAbstract.ts b/src/modelTypes/IAbstract.ts
new file mode 100644
index 00000000..7ca1142d
--- /dev/null
+++ b/src/modelTypes/IAbstract.ts
@@ -0,0 +1,5 @@
+import type {Right} from '@/constants/rights'
+
+export interface IAbstract {
+	maxRight: Right | null // FIXME: should this be readonly?
+}
\ No newline at end of file
diff --git a/src/modelTypes/IAttachment.ts b/src/modelTypes/IAttachment.ts
new file mode 100644
index 00000000..b1b279b6
--- /dev/null
+++ b/src/modelTypes/IAttachment.ts
@@ -0,0 +1,11 @@
+import type {IAbstract} from './IAbstract'
+import type {IFile} from './IFile'
+import type {IUser} from './IUser'
+
+export interface IAttachment extends IAbstract {
+	id: number
+	taskId: number
+	createdBy: IUser
+	file: IFile
+	created: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/IAvatar.ts b/src/modelTypes/IAvatar.ts
new file mode 100644
index 00000000..ab681996
--- /dev/null
+++ b/src/modelTypes/IAvatar.ts
@@ -0,0 +1,7 @@
+import type {IAbstract} from './IAbstract'
+
+export type AvatarProvider = 'default' | 'initials' | 'gravatar' | 'marble' | 'upload'
+
+export interface IAvatar extends IAbstract {
+	avatarProvider: AvatarProvider
+}
\ No newline at end of file
diff --git a/src/modelTypes/IBackgroundImage.ts b/src/modelTypes/IBackgroundImage.ts
new file mode 100644
index 00000000..311d7bc7
--- /dev/null
+++ b/src/modelTypes/IBackgroundImage.ts
@@ -0,0 +1,12 @@
+import type {IAbstract} from './IAbstract'
+
+export interface IBackgroundImage extends IAbstract {
+	id: number
+	url: string
+	thumb: string
+	info: {
+		author: string
+		authorName: string
+	}
+	blurHash: string  
+}
\ No newline at end of file
diff --git a/src/modelTypes/IBucket.ts b/src/modelTypes/IBucket.ts
new file mode 100644
index 00000000..e4c2c568
--- /dev/null
+++ b/src/modelTypes/IBucket.ts
@@ -0,0 +1,17 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {ITask} from './ITask'
+
+export interface IBucket extends IAbstract {
+	id: number
+	title: string
+	listId: number
+	limit: number
+	tasks: ITask[]
+	isDoneBucket: boolean
+	position: number
+	
+	createdBy: IUser
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ICaldavToken.ts b/src/modelTypes/ICaldavToken.ts
new file mode 100644
index 00000000..d7e1e68d
--- /dev/null
+++ b/src/modelTypes/ICaldavToken.ts
@@ -0,0 +1,7 @@
+import type {IAbstract} from './IAbstract'
+
+export interface ICaldavToken extends IAbstract {
+	id: number;
+
+	created: Date;
+}
\ No newline at end of file
diff --git a/src/modelTypes/IEmailUpdate.ts b/src/modelTypes/IEmailUpdate.ts
new file mode 100644
index 00000000..fbb39c1b
--- /dev/null
+++ b/src/modelTypes/IEmailUpdate.ts
@@ -0,0 +1,6 @@
+import type {IAbstract} from './IAbstract'
+
+export interface IEmailUpdate extends IAbstract {
+	newEmail: string
+	password: string
+}
\ No newline at end of file
diff --git a/src/modelTypes/IFile.ts b/src/modelTypes/IFile.ts
new file mode 100644
index 00000000..70ae3873
--- /dev/null
+++ b/src/modelTypes/IFile.ts
@@ -0,0 +1,10 @@
+import type {IAbstract} from './IAbstract'
+
+export interface IFile extends IAbstract {
+	id: number
+	mime: string
+	name: string
+	size: number
+
+	created: Date
+} 
\ No newline at end of file
diff --git a/src/modelTypes/ILabel.ts b/src/modelTypes/ILabel.ts
new file mode 100644
index 00000000..c7cbe778
--- /dev/null
+++ b/src/modelTypes/ILabel.ts
@@ -0,0 +1,15 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+
+export interface ILabel extends IAbstract {
+	id: number
+	title: string
+	hexColor: string
+	description: string
+	createdBy: IUser
+	listId: number
+	textColor: string
+
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ILabelTask.ts b/src/modelTypes/ILabelTask.ts
new file mode 100644
index 00000000..dcc2acef
--- /dev/null
+++ b/src/modelTypes/ILabelTask.ts
@@ -0,0 +1,7 @@
+import type {IAbstract} from './IAbstract'
+
+export interface ILabelTask extends IAbstract {
+	id: number
+	taskId: number
+	labelId: number
+}
\ No newline at end of file
diff --git a/src/modelTypes/ILinkShare.ts b/src/modelTypes/ILinkShare.ts
new file mode 100644
index 00000000..d5eacb24
--- /dev/null
+++ b/src/modelTypes/ILinkShare.ts
@@ -0,0 +1,17 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type { Right } from '@/constants/rights'
+
+export interface ILinkShare extends IAbstract {
+	id: number
+	hash: string
+	right: Right
+	sharedBy: IUser
+	sharingType: number // FIXME: use correct numbers
+	listId: number
+	name: string
+	password: string
+
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/IList.ts b/src/modelTypes/IList.ts
new file mode 100644
index 00000000..c51633b5
--- /dev/null
+++ b/src/modelTypes/IList.ts
@@ -0,0 +1,26 @@
+import type {IAbstract} from './IAbstract'
+import type {ITask} from './ITask'
+import type {IUser} from './IUser'
+import type {ISubscription} from './ISubscription'
+import type {INamespace} from './INamespace'
+
+
+export interface IList extends IAbstract {
+	id: number
+	title: string
+	description: string
+	owner: IUser
+	tasks: ITask[]
+	namespaceId: INamespace['id']
+	isArchived: boolean
+	hexColor: string
+	identifier: string
+	backgroundInformation: any // FIXME: improve type
+	isFavorite: boolean
+	subscription: ISubscription
+	position: number
+	backgroundBlurHash: string
+	
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/IListDuplicate.ts b/src/modelTypes/IListDuplicate.ts
new file mode 100644
index 00000000..bdd924e3
--- /dev/null
+++ b/src/modelTypes/IListDuplicate.ts
@@ -0,0 +1,9 @@
+import type {IAbstract} from './IAbstract'
+import type {IList} from './IList'
+import type {INamespace} from './INamespace'
+
+export interface IListDuplicate extends IAbstract {
+	listId: number
+	namespaceId: INamespace['id']
+	list: IList
+}
\ No newline at end of file
diff --git a/src/modelTypes/INamespace.ts b/src/modelTypes/INamespace.ts
new file mode 100644
index 00000000..95ee4700
--- /dev/null
+++ b/src/modelTypes/INamespace.ts
@@ -0,0 +1,18 @@
+import type {IAbstract} from './IAbstract'
+import type {IList} from './IList'
+import type {IUser} from './IUser'
+import type {ISubscription} from './ISubscription'
+
+export interface INamespace extends IAbstract {
+	id: number
+	title: string
+	description: string
+	owner: IUser
+	lists: IList[]
+	isArchived: boolean
+	hexColor: string
+	subscription: ISubscription
+
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/INotification.ts b/src/modelTypes/INotification.ts
new file mode 100644
index 00000000..52d6dc2a
--- /dev/null
+++ b/src/modelTypes/INotification.ts
@@ -0,0 +1,51 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {ITask} from './ITask'
+import type {ITaskComment} from './ITaskComment'
+import type {ITeam} from './ITeam'
+import type { IList } from './IList'
+
+export const NOTIFICATION_NAMES = {
+	'TASK_COMMENT': 'task.comment',
+	'TASK_ASSIGNED': 'task.assigned',
+	'TASK_DELETED': 'task.deleted',
+	'LIST_CREATED': 'list.created',
+	'TEAM_MEMBER_ADDED': 'team.member.added',
+} as const
+
+interface Notification {
+	doer: IUser
+}
+interface NotificationTask extends Notification {
+	task: ITask
+	comment: ITaskComment
+}
+
+interface NotificationAssigned extends Notification {
+	task: ITask
+	assignee: IUser
+}
+
+interface NotificationDeleted extends Notification {
+	task: ITask
+}
+
+interface NotificationCreated extends Notification {
+	task: ITask
+	list: IList
+}
+
+interface NotificationMemberAdded extends Notification {
+	member: IUser
+	team: ITeam
+}
+
+export interface INotification extends IAbstract {
+	id: number
+	name: string
+	notification: NotificationTask | NotificationAssigned | NotificationDeleted | NotificationCreated | NotificationMemberAdded
+	read: boolean
+	readAt: Date | null
+
+	created: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/IPasswordReset.ts b/src/modelTypes/IPasswordReset.ts
new file mode 100644
index 00000000..0b3d679a
--- /dev/null
+++ b/src/modelTypes/IPasswordReset.ts
@@ -0,0 +1,7 @@
+import type {IAbstract} from './IAbstract'
+
+export interface IPasswordReset extends IAbstract {
+	token: string
+	newPassword: string
+	email: string
+}
\ No newline at end of file
diff --git a/src/modelTypes/IPasswordUpdate.ts b/src/modelTypes/IPasswordUpdate.ts
new file mode 100644
index 00000000..003b43b8
--- /dev/null
+++ b/src/modelTypes/IPasswordUpdate.ts
@@ -0,0 +1,6 @@
+import type {IAbstract} from './IAbstract'
+
+export interface IPasswordUpdate extends IAbstract {
+	newPassword: string
+	oldPassword: string
+}
\ No newline at end of file
diff --git a/src/modelTypes/ISavedFilter.ts b/src/modelTypes/ISavedFilter.ts
new file mode 100644
index 00000000..5f206efa
--- /dev/null
+++ b/src/modelTypes/ISavedFilter.ts
@@ -0,0 +1,14 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {IFilter} from '@/types/IFilter'
+
+export interface ISavedFilter extends IAbstract {
+	id: number
+	title: string
+	description: string
+	filters: IFilter
+
+	owner: IUser
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ISubscription.ts b/src/modelTypes/ISubscription.ts
new file mode 100644
index 00000000..51dbfbcf
--- /dev/null
+++ b/src/modelTypes/ISubscription.ts
@@ -0,0 +1,11 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+
+export interface ISubscription extends IAbstract {
+	id: number
+	entity: string // FIXME: correct type?
+	entityId: number // FIXME: correct type?
+	user: IUser
+
+	created: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITask.ts b/src/modelTypes/ITask.ts
new file mode 100644
index 00000000..86bae8c2
--- /dev/null
+++ b/src/modelTypes/ITask.ts
@@ -0,0 +1,50 @@
+import type { Priority } from '@/constants/priorities'
+
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {ILabel} from './ILabel'
+import type {IAttachment} from './IAttachment'
+import type {ISubscription} from './ISubscription'
+import type {IList} from './IList'
+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
+	description: string
+	done: boolean
+	doneAt: Date | null
+	priority: Priority
+	labels: ILabel[]
+	assignees: IUser[]
+
+	dueDate: Date | null
+	startDate: Date | null
+	endDate: Date | null
+	repeatAfter: number | IRepeatAfter
+	repeatFromCurrentDate: boolean
+	repeatMode: IRepeatMode
+	reminderDates: Date[]
+	parentTaskId: ITask['id']
+	hexColor: string
+	percentDone: number
+	relatedTasks: Partial<Record<IRelationKind, ITask>>,
+	attachments: IAttachment[]
+	identifier: string
+	index: number
+	isFavorite: boolean
+	subscription: ISubscription
+
+	position: number
+	kanbanPosition: number
+
+	createdBy: IUser
+	created: Date
+	updated: Date
+
+	listId: IList['id'] // Meta, only used when creating a new task
+	bucketId: IBucket['id']
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITaskAssignee.ts b/src/modelTypes/ITaskAssignee.ts
new file mode 100644
index 00000000..a508e4b8
--- /dev/null
+++ b/src/modelTypes/ITaskAssignee.ts
@@ -0,0 +1,9 @@
+import type {IAbstract} from './IAbstract'
+import type {ITask} from './ITask'
+import type {IUser} from './IUser'
+
+export interface ITaskAssignee extends IAbstract {
+	created: Date
+	userId: IUser['id']
+	taskId: ITask['id']
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITaskComment.ts b/src/modelTypes/ITaskComment.ts
new file mode 100644
index 00000000..4246ab13
--- /dev/null
+++ b/src/modelTypes/ITaskComment.ts
@@ -0,0 +1,13 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {ITask} from './ITask'
+
+export interface ITaskComment extends IAbstract {
+	id: number
+	taskId: ITask['id']
+	comment: string
+	author: IUser
+
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITaskRelation.ts b/src/modelTypes/ITaskRelation.ts
new file mode 100644
index 00000000..df286f5c
--- /dev/null
+++ b/src/modelTypes/ITaskRelation.ts
@@ -0,0 +1,15 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {ITask} from './ITask'
+
+import type {IRelationKind} from '@/types/IRelationKind'
+
+export interface ITaskRelation extends IAbstract {
+	id: number
+	otherTaskId: ITask['id']
+	taskId: ITask['id']
+	relationKind: IRelationKind
+
+	createdBy: IUser
+	created: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITeam.ts b/src/modelTypes/ITeam.ts
new file mode 100644
index 00000000..cd5a7dc7
--- /dev/null
+++ b/src/modelTypes/ITeam.ts
@@ -0,0 +1,16 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {ITeamMember} from './ITeamMember'
+import type {Right} from '@/constants/rights'
+
+export interface ITeam extends IAbstract {
+	id: number
+	name: string
+	description: string
+	members: ITeamMember[]
+	right: Right
+
+	createdBy: IUser
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITeamList.ts b/src/modelTypes/ITeamList.ts
new file mode 100644
index 00000000..a1abd692
--- /dev/null
+++ b/src/modelTypes/ITeamList.ts
@@ -0,0 +1,6 @@
+import type {ITeamShareBase} from './ITeamShareBase'
+import type {IList} from './IList'
+
+export interface ITeamList extends ITeamShareBase {
+	listId: IList['id']
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITeamMember.ts b/src/modelTypes/ITeamMember.ts
new file mode 100644
index 00000000..62a1d91b
--- /dev/null
+++ b/src/modelTypes/ITeamMember.ts
@@ -0,0 +1,7 @@
+import type {IUser} from './IUser'
+import type {IList} from './IList'
+
+export interface ITeamMember extends IUser {
+	admin: boolean
+	teamId: IList['id']
+}
diff --git a/src/modelTypes/ITeamNamespace.ts b/src/modelTypes/ITeamNamespace.ts
new file mode 100644
index 00000000..e66a98bb
--- /dev/null
+++ b/src/modelTypes/ITeamNamespace.ts
@@ -0,0 +1,6 @@
+import type {ITeamShareBase} from './ITeamShareBase'
+import type {INamespace} from './INamespace'
+
+export interface ITeamNamespace extends ITeamShareBase {
+	namespaceId: INamespace['id']
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITeamShareBase.ts b/src/modelTypes/ITeamShareBase.ts
new file mode 100644
index 00000000..793b8894
--- /dev/null
+++ b/src/modelTypes/ITeamShareBase.ts
@@ -0,0 +1,11 @@
+import type {IAbstract} from './IAbstract'
+import type {ITeam} from './ITeam'
+import type {Right} from '@/constants/rights'
+
+export interface ITeamShareBase extends IAbstract {
+	teamId: ITeam['id']
+	right: Right
+
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/modelTypes/ITotp.ts b/src/modelTypes/ITotp.ts
new file mode 100644
index 00000000..8c2147bb
--- /dev/null
+++ b/src/modelTypes/ITotp.ts
@@ -0,0 +1,7 @@
+import type {IAbstract} from './IAbstract'
+
+export interface ITotp extends IAbstract {
+	secret: string
+	enabled: boolean
+	url: string
+}
\ No newline at end of file
diff --git a/src/modelTypes/IUser.ts b/src/modelTypes/IUser.ts
new file mode 100644
index 00000000..d2ee19ea
--- /dev/null
+++ b/src/modelTypes/IUser.ts
@@ -0,0 +1,13 @@
+import type {IAbstract} from './IAbstract'
+import type {IUserSettings} from './IUserSettings'
+
+export interface IUser extends IAbstract {
+	id: number
+	email: string
+	username: string
+	name: string
+
+	created: Date
+	updated: Date
+	settings: IUserSettings
+}
\ No newline at end of file
diff --git a/src/modelTypes/IUserList.ts b/src/modelTypes/IUserList.ts
new file mode 100644
index 00000000..20787db7
--- /dev/null
+++ b/src/modelTypes/IUserList.ts
@@ -0,0 +1,6 @@
+import type {IUserShareBase} from './IUserShareBase'
+import type {IList} from './IList'
+
+export interface IUserList extends IUserShareBase {
+	listId: IList['id']
+}
\ No newline at end of file
diff --git a/src/modelTypes/IUserNamespace.ts b/src/modelTypes/IUserNamespace.ts
new file mode 100644
index 00000000..e2bd1b46
--- /dev/null
+++ b/src/modelTypes/IUserNamespace.ts
@@ -0,0 +1,6 @@
+import type {IUserShareBase} from './IUserShareBase'
+import type {INamespace} from './INamespace'
+
+export interface IUserNamespace extends IUserShareBase {
+	namespaceId: INamespace['id']
+}
\ No newline at end of file
diff --git a/src/modelTypes/IUserSettings.ts b/src/modelTypes/IUserSettings.ts
new file mode 100644
index 00000000..9550e1e6
--- /dev/null
+++ b/src/modelTypes/IUserSettings.ts
@@ -0,0 +1,14 @@
+
+import type {IAbstract} from './IAbstract'
+import type {IList} from './IList'
+
+export interface IUserSettings extends IAbstract {
+	name: string
+	emailRemindersEnabled: boolean
+	discoverableByName: boolean
+	discoverableByEmail: boolean
+	overdueTasksRemindersEnabled: boolean
+	defaultListId: undefined | IList['id']
+	weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6
+	timezone: string
+}
\ No newline at end of file
diff --git a/src/modelTypes/IUserShareBase.ts b/src/modelTypes/IUserShareBase.ts
new file mode 100644
index 00000000..cc23a2be
--- /dev/null
+++ b/src/modelTypes/IUserShareBase.ts
@@ -0,0 +1,11 @@
+import type {IAbstract} from './IAbstract'
+import type {IUser} from './IUser'
+import type {Right} from '@/constants/rights'
+
+export interface IUserShareBase extends IAbstract {
+	userId: IUser['id']
+	right: Right
+
+	created: Date
+	updated: Date
+}
\ No newline at end of file
diff --git a/src/models/abstractModel.ts b/src/models/abstractModel.ts
index fbf074e2..8e0605e5 100644
--- a/src/models/abstractModel.ts
+++ b/src/models/abstractModel.ts
@@ -1,31 +1,23 @@
 import {objectToCamelCase} from '@/helpers/case'
 import {omitBy, isNil} from '@/helpers/utils'
+import type {Right} from '@/constants/rights'
+import type {IAbstract} from '@/modelTypes/IAbstract'
+
+export default abstract class AbstractModel<Model extends IAbstract = IAbstract> implements IAbstract {
 
-export default class AbstractModel {
 
 	/**
 	 * The max right the user has on this object, as returned by the x-max-right header from the api.
 	 */
-	maxRight: number | null = null
-
+	maxRight: Right | null = null
+	
 	/**
-	 * The abstract constructor takes an object and merges its data with the default data of this model.
-	 */
-	constructor(data : Object = {}) {
+	* Takes an object and merges its data with the default data of this model.
+	*/
+	assignData(data: Partial<Model>) {
 		data = objectToCamelCase(data)
 
 		// Put all data in our model while overriding those with a value of null or undefined with their defaults
-		Object.assign(
-			this,
-			this.defaults(),
-			omitBy(data, isNil),
-		)
-	}
-
-	/**
-	 * Default attributes that define the "empty" state.
-	 */
-	defaults(): Object {
-		return {}
+		Object.assign(this, omitBy(data, isNil))
 	}
 }
\ No newline at end of file
diff --git a/src/models/attachment.ts b/src/models/attachment.ts
index b4234980..69460972 100644
--- a/src/models/attachment.ts
+++ b/src/models/attachment.ts
@@ -1,25 +1,23 @@
 import AbstractModel from './abstractModel'
 import UserModel from './user'
 import FileModel from './file'
+import type { IUser } from '@/modelTypes/IUser'
+import type { IFile } from '@/modelTypes/IFile'
+import type { IAttachment } from '@/modelTypes/IAttachment'
+
+export default class AttachmentModel extends AbstractModel implements IAttachment {
+	id = 0
+	taskId = 0
+	createdBy: IUser = UserModel
+	file: IFile = FileModel
+	created: Date = null
+
+	constructor(data: Partial<IAttachment>) {
+		super()
+		this.assignData(data)
 
-export default class AttachmentModel extends AbstractModel {
-	constructor(data) {
-		super(data)
 		this.createdBy = new UserModel(this.createdBy)
 		this.file = new FileModel(this.file)
 		this.created = new Date(this.created)
-
-		/** @type {number} */
-		this.id
-	}
-
-	defaults() {
-		return {
-			id: 0,
-			taskId: 0,
-			file: FileModel,
-			createdBy: UserModel,
-			created: null,
-		}
 	}
 }
diff --git a/src/models/avatar.ts b/src/models/avatar.ts
index 33f3c4c1..06f484fc 100644
--- a/src/models/avatar.ts
+++ b/src/models/avatar.ts
@@ -1,9 +1,11 @@
 import AbstractModel from './abstractModel'
+import type { IAvatar } from '@/modelTypes/IAvatar'
 
-export default class AvatarModel extends AbstractModel {
-	defaults() {
-		return {
-			avatarProvider: '',
-		}
+export default class AvatarModel extends AbstractModel implements IAvatar {
+	avatarProvider: IAvatar['avatarProvider'] = 'default'
+
+	constructor(data: Partial<IAvatar>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/backgroundImage.ts b/src/models/backgroundImage.ts
index 70e44122..8c1a2134 100644
--- a/src/models/backgroundImage.ts
+++ b/src/models/backgroundImage.ts
@@ -1,13 +1,18 @@
 import AbstractModel from './abstractModel'
+import type {IBackgroundImage} from '@/modelTypes/IBackgroundImage'
 
-export default class BackgroundImageModel extends AbstractModel {
-	defaults() {
-		return {
-			id: 0,
-			url: '',
-			thumb: '',
-			info: {},
-			blurHash: '',
-		}
+export default class BackgroundImageModel extends AbstractModel implements IBackgroundImage {
+	id = 0
+	url = ''
+	thumb = ''
+	info: {
+		author: string
+		authorName: string
+	} = {}
+	blurHash = ''
+
+	constructor(data: Partial<IBackgroundImage>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/bucket.ts b/src/models/bucket.ts
index 28d0558d..3394583c 100644
--- a/src/models/bucket.ts
+++ b/src/models/bucket.ts
@@ -2,9 +2,26 @@ import AbstractModel from './abstractModel'
 import UserModel from './user'
 import TaskModel from './task'
 
-export default class BucketModel extends AbstractModel {
-	constructor(bucket) {
-		super(bucket)
+import type {IBucket} from '@/modelTypes/IBucket'
+import type {ITask} from '@/modelTypes/ITask'
+import type {IUser} from '@/modelTypes/IUser'
+
+export default class BucketModel extends AbstractModel implements IBucket {
+	id = 0
+	title = ''
+	listId = ''
+	limit = 0
+	tasks: ITask[] = []
+	isDoneBucket: false
+	position: 0
+	
+	createdBy: IUser = null
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<IBucket>) {
+		super()
+		this.assignData(data)
 
 		this.tasks = this.tasks.map(t => new TaskModel(t))
 
@@ -12,20 +29,4 @@ export default class BucketModel extends AbstractModel {
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			title: '',
-			listId: 0,
-			limit: 0,
-			tasks: [],
-			isDoneBucket: false,
-			position: 0,
-
-			createdBy: null,
-			created: null,
-			updated: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/caldavToken.ts b/src/models/caldavToken.ts
index 2f8f1d54..bc904c47 100644
--- a/src/models/caldavToken.ts
+++ b/src/models/caldavToken.ts
@@ -1,14 +1,16 @@
 import AbstractModel from './abstractModel'
 
-export default class CaldavTokenModel extends AbstractModel {
-	constructor(data? : Object) {
-		super(data)
-		
-		/** @type {number} */
-		this.id
+import type {ICaldavToken} from '@/modelTypes/ICaldavToken'
 
+export default class CaldavTokenModel extends AbstractModel implements ICaldavToken {
+	id: number
+	created: Date
+
+	constructor(data: Partial<CaldavTokenModel>) {
+		super()
+		this.assignData(data)
+		
 		if (this.created) {
-			/** @type {Date} */
 			this.created = new Date(this.created)
 		}
 	}
diff --git a/src/models/constants/notificationNames.json b/src/models/constants/notificationNames.json
deleted file mode 100644
index 62260fe3..00000000
--- a/src/models/constants/notificationNames.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "TASK_COMMENT": "task.comment",
-  "TASK_ASSIGNED": "task.assigned",
-  "TASK_DELETED": "task.deleted",
-  "LIST_CREATED": "list.created",
-  "TEAM_MEMBER_ADDED": "team.member.added"
-}
\ No newline at end of file
diff --git a/src/models/constants/priorities.json b/src/models/constants/priorities.json
deleted file mode 100644
index c38b195d..00000000
--- a/src/models/constants/priorities.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-"UNSET": 0,
-"LOW": 1,
-"MEDIUM": 2,
-"HIGH": 3,
-"URGENT": 4,
-"DO_NOW": 5
-}
\ No newline at end of file
diff --git a/src/models/constants/relationKinds.json b/src/models/constants/relationKinds.json
deleted file mode 100644
index 4b3c2e51..00000000
--- a/src/models/constants/relationKinds.json
+++ /dev/null
@@ -1,12 +0,0 @@
-[
-  "subtask",
-  "parenttask",
-  "related",
-  "duplicates",
-  "blocking",
-  "blocked",
-  "precedes",
-  "follows",
-  "copiedfrom",
-  "copiedto"
-]
\ No newline at end of file
diff --git a/src/models/constants/rights.json b/src/models/constants/rights.json
deleted file mode 100644
index 61e6b145..00000000
--- a/src/models/constants/rights.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "READ": 0,
-  "READ_WRITE": 1,
-  "ADMIN": 2
-}
\ No newline at end of file
diff --git a/src/models/constants/taskRepeatModes.json b/src/models/constants/taskRepeatModes.json
deleted file mode 100644
index 7d172950..00000000
--- a/src/models/constants/taskRepeatModes.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "REPEAT_MODE_DEFAULT": 0,
-  "REPEAT_MODE_MONTH": 1,
-  "REPEAT_MODE_FROM_CURRENT_DATE": 2
-}
\ No newline at end of file
diff --git a/src/models/emailUpdate.ts b/src/models/emailUpdate.ts
index 04ed3045..aece407f 100644
--- a/src/models/emailUpdate.ts
+++ b/src/models/emailUpdate.ts
@@ -1,10 +1,13 @@
 import AbstractModel from './abstractModel'
 
-export default class EmailUpdateModel extends AbstractModel {
-	defaults() {
-		return {
-			newEmail: '',
-			password: '',
-		}
+import type {IEmailUpdate} from '@/modelTypes/IEmailUpdate'
+
+export default class EmailUpdateModel extends AbstractModel implements IEmailUpdate {
+	newEmail = ''
+	password = ''
+
+	constructor(data : Partial<IEmailUpdate>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/file.ts b/src/models/file.ts
index 09497963..cb17d515 100644
--- a/src/models/file.ts
+++ b/src/models/file.ts
@@ -1,37 +1,17 @@
 import AbstractModel from './abstractModel'
+import type {IFile} from '@/modelTypes/IFile'
+
+export default class FileModel extends AbstractModel implements IFile {
+	id = 0
+	mime = ''
+	name = ''
+	size = 0
+	created: Date = null
+
+	constructor(data: Partial<IFile>) {
+		super()
+		this.assignData(data)
 
-export default class FileModel extends AbstractModel {
-	constructor(data) {
-		super(data)
 		this.created = new Date(this.created)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			mime: '',
-			name: '',
-			size: 0,
-			created: null,
-		}
-	}
-
-	getHumanSize() {
-		const sizes = {
-			0: 'B',
-			1: 'KB',
-			2: 'MB',
-			3: 'GB',
-			4: 'TB',
-		}
-
-		let it = 0
-		let size = this.size
-		while (size > 1024) {
-			size /= 1024
-			it++
-		}
-
-		return Number(Math.round(size + 'e2') + 'e-2') + ' ' + sizes[it]
-	}
 }
diff --git a/src/models/label.ts b/src/models/label.ts
index f61658a7..1e14cf82 100644
--- a/src/models/label.ts
+++ b/src/models/label.ts
@@ -1,17 +1,31 @@
 import AbstractModel from './abstractModel'
 import UserModel from './user'
+
+import type {ILabel} from '@/modelTypes/ILabel'
+import type {IUser} from '@/modelTypes/IUser'
+
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 
 const DEFAULT_LABEL_BACKGROUND_COLOR = 'e8e8e8'
-export default class LabelModel extends AbstractModel {
-	constructor(data) {
-		super(data)
-		// FIXME: this should be empty and be definied in the client.
-		// that way it get's never send to the server db and is easier to change in future versions.
-		// Set the default color
-		if (this.hexColor === '') {
-			this.hexColor = DEFAULT_LABEL_BACKGROUND_COLOR
-		}
+
+export default class LabelModel extends AbstractModel implements ILabel {
+	id = 0
+	title = ''
+	// FIXME: this should be empty and be definied in the client.
+	// that way it get's never send to the server db and is easier to change in future versions.
+	hexColor = DEFAULT_LABEL_BACKGROUND_COLOR
+	description = ''
+	createdBy: IUser
+	listId = 0
+	textColor = ''
+
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<ILabel>) {
+		super()
+		this.assignData(data)
+
 		if (this.hexColor.substring(0, 1) !== '#') {
 			this.hexColor = '#' + this.hexColor
 		}
@@ -21,19 +35,4 @@ export default class LabelModel extends AbstractModel {
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			title: '',
-			hexColor: '',
-			description: '',
-			createdBy: UserModel,
-			listId: 0,
-			textColor: '',
-
-			created: null,
-			updated: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/labelTask.ts b/src/models/labelTask.ts
index 9363cc73..b1e06822 100644
--- a/src/models/labelTask.ts
+++ b/src/models/labelTask.ts
@@ -1,11 +1,14 @@
 import AbstractModel from './abstractModel'
 
-export default class LabelTask extends AbstractModel {
-	defaults() {
-		return {
-			id: 0,
-			taskId: 0,
-			labelId: 0,
-		}
+import type { ILabelTask } from '@/modelTypes/ILabelTask'
+
+export default class LabelTask extends AbstractModel implements ILabelTask {
+	id = 0
+	taskId = 0
+	labelId = 0
+
+	constructor(data: Partial<ILabelTask>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/linkShare.ts b/src/models/linkShare.ts
index 852cd8b7..24aa8779 100644
--- a/src/models/linkShare.ts
+++ b/src/models/linkShare.ts
@@ -1,32 +1,29 @@
 import AbstractModel from './abstractModel'
 import UserModel from './user'
 
-export default class LinkShareModel extends AbstractModel {
+import {RIGHTS, type Right} from '@/constants/rights'
+import type {ILinkShare} from '@/modelTypes/ILinkShare'
+import type {IUser} from '@/modelTypes/IUser'
 
-	constructor(data) {
-		// The constructor of AbstractModel handles all the default parsing.
-		super(data)
+export default class LinkShareModel extends AbstractModel implements ILinkShare {
+	id = 0
+	hash = ''
+	right: Right = RIGHTS.READ
+	sharedBy: IUser = UserModel
+	sharingType = 0 // FIXME: use correct numbers
+	listId = 0
+	name: ''
+	password: ''
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<ILinkShare>) {
+		super()
+		this.assignData(data)
 
 		this.sharedBy = new UserModel(this.sharedBy)
 
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	// Default attributes that define the "empty" state.
-	defaults() {
-		return {
-			id: 0,
-			hash: '',
-			right: 0,
-			sharedBy: UserModel,
-			sharingType: 0,
-			listId: 0,
-			name: '',
-			password: '',
-
-			created: null,
-			updated: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/list.ts b/src/models/list.ts
index f846920c..02387f18 100644
--- a/src/models/list.ts
+++ b/src/models/list.ts
@@ -1,98 +1,58 @@
 import AbstractModel from './abstractModel'
-import TaskModel from './task'
-import UserModel from './user'
-import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
+import TaskModel from '@/models/task'
+import UserModel from '@/models/user'
 import SubscriptionModel from '@/models/subscription'
 
-export default class ListModel extends AbstractModel {
+import type {IList} from '@/modelTypes/IList'
+import type {IUser} from '@/modelTypes/IUser'
+import type {ITask} from '@/modelTypes/ITask'
+import type {INamespace} from '@/modelTypes/INamespace'
+import type {ISubscription} from '@/modelTypes/ISubscription'
 
-	constructor(data) {
-		super(data)
+import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
+
+export default class ListModel extends AbstractModel implements IList {
+	id = 0
+	title = ''
+	description = ''
+	owner: IUser = UserModel
+	tasks: ITask[] = []
+	namespaceId: INamespace['id'] = 0
+	isArchived = false
+	hexColor = ''
+	identifier = ''
+	backgroundInformation: any = null
+	isFavorite = false
+	subscription: ISubscription = null
+	position = 0
+	backgroundBlurHash = ''
+	
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<IList>) {
+		super()
+		this.assignData(data)
 
 		this.owner = new UserModel(this.owner)
 
-		/** @type {number} */
-		this.id
-
-		/** @type {string} */
-		this.title
-
-		/** @type {string} */
-		this.description
-		
-		/** @type {UserModel} */
-		this.owner
-
-		/** @type {TaskModel[]} */
-		this.tasks
-
 		// Make all tasks to task models
 		this.tasks = this.tasks.map(t => {
 			return new TaskModel(t)
 		})
-		
-		/** @type {number} */
-		this.namespaceId
-
-		/** @type {boolean} */
-		this.isArchived
-
-		/** @type {string} */
-		this.hexColor
 
 		if (this.hexColor !== '' && this.hexColor.substring(0, 1) !== '#') {
 			this.hexColor = '#' + this.hexColor
 		}
 
-		/** @type {string} */
-		this.identifier
-
-		/** @type */
-		this.backgroundInformation
-
-		/** @type {boolean} */
-		this.isFavorite
-
-		/** @type */
-		this.subscription
-
 		if (typeof this.subscription !== 'undefined' && this.subscription !== null) {
 			this.subscription = new SubscriptionModel(this.subscription)
 		}
 
-		/** @type {number} */
-		this.position
-
-		/** @type {Date} */
 		this.created = new Date(this.created)
-
-		/** @type {Date} */
 		this.updated = new Date(this.updated)
 	}
 
-	// Default attributes that define the "empty" state.
-	defaults() {
-		return {
-			id: 0,
-			title: '',
-			description: '',
-			owner: UserModel,
-			tasks: [],
-			namespaceId: 0,
-			isArchived: false,
-			hexColor: '',
-			identifier: '',
-			backgroundInformation: null,
-			isFavorite: false,
-			subscription: null,
-			position: 0,
-			backgroundBlurHash: '',
-
-			created: null,
-			updated: null,
-		}
-	}
-
 	isSavedFilter() {
 		return this.getSavedFilterId() > 0
 	}
diff --git a/src/models/listDuplicateModel.ts b/src/models/listDuplicateModel.ts
index 28444185..8ed2ae74 100644
--- a/src/models/listDuplicateModel.ts
+++ b/src/models/listDuplicateModel.ts
@@ -1,17 +1,19 @@
 import AbstractModel from './abstractModel'
 import ListModel from './list'
 
-export default class ListDuplicateModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {IListDuplicate} from '@/modelTypes/IListDuplicate'
+import type {INamespace} from '@/modelTypes/INamespace'
+import type {IList} from '@/modelTypes/IList'
+
+export default class ListDuplicateModel extends AbstractModel implements IListDuplicate {
+	listId = 0
+	namespaceId: INamespace['id'] = 0
+	list: IList = ListModel
+
+	constructor(data : Partial<IListDuplicate>) {
+		super()
+		this.assignData(data)
+
 		this.list = new ListModel(this.list)
 	}
-
-	defaults() {
-		return {
-			listId: 0,
-			namespaceId: 0,
-			list: ListModel,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/namespace.ts b/src/models/namespace.ts
index 7a06a19b..dade605e 100644
--- a/src/models/namespace.ts
+++ b/src/models/namespace.ts
@@ -3,15 +3,32 @@ import ListModel from './list'
 import UserModel from './user'
 import SubscriptionModel from '@/models/subscription'
 
-export default class NamespaceModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {INamespace} from '@/modelTypes/INamespace'
+import type {IUser} from '@/modelTypes/IUser'
+import type {IList} from '@/modelTypes/IList'
+import type {ISubscription} from '@/modelTypes/ISubscription'
+
+export default class NamespaceModel extends AbstractModel implements INamespace {
+	id = 0
+	title = ''
+	description = ''
+	owner: IUser = UserModel
+	lists: IList[] = []
+	isArchived = false
+	hexColor = ''
+	subscription: ISubscription = null
+
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<INamespace>) {
+		super()
+		this.assignData(data)
 
 		if (this.hexColor !== '' && this.hexColor.substring(0, 1) !== '#') {
 			this.hexColor = '#' + this.hexColor
 		}
 
-		/** @type {ListModel[]} */
 		this.lists = this.lists.map(l => {
 			return new ListModel(l)
 		})
@@ -22,33 +39,7 @@ export default class NamespaceModel extends AbstractModel {
 			this.subscription = new SubscriptionModel(this.subscription)
 		}
 
-		/** @type {number} */
-		this.id
-
-		/** @type {string} */
-		this.title
-
-		/** @type {boolean} */
-		this.isArchived
-
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	// Default attributes that define the 'empty' state.
-	defaults() {
-		return {
-			id: 0,
-			title: '',
-			description: '',
-			owner: UserModel,
-			lists: [],
-			isArchived: false,
-			hexColor: '',
-			subscription: null,
-
-			created: null,
-			updated: null,
-		}
-	}
 }
diff --git a/src/models/notification.ts b/src/models/notification.ts
index ab522dc7..a1fc44ad 100644
--- a/src/models/notification.ts
+++ b/src/models/notification.ts
@@ -1,39 +1,59 @@
-import AbstractModel from '@/models/abstractModel'
+import AbstractModel from './abstractModel'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
 import UserModel from '@/models/user'
 import TaskModel from '@/models/task'
 import TaskCommentModel from '@/models/taskComment'
 import ListModel from '@/models/list'
 import TeamModel from '@/models/team'
-import names from './constants/notificationNames.json'
 
-export default class NotificationModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import {NOTIFICATION_NAMES, type INotification} from '@/modelTypes/INotification'
+
+export default class NotificationModel extends AbstractModel implements INotification {
+	id = 0
+	name = ''
+	notification: INotification['notification'] = null
+	read = false
+	readAt: Date | null = null
+
+	created: Date
+
+	constructor(data: Partial<INotification>) {
+		super()
+		this.assignData(data)
 
 		switch (this.name) {
-			case names.TASK_COMMENT:
-				this.notification.doer = new UserModel(this.notification.doer)
-				this.notification.task = new TaskModel(this.notification.task)
-				this.notification.comment = new TaskCommentModel(this.notification.comment)
+			case NOTIFICATION_NAMES.TASK_COMMENT:
+				this.notification = {
+					doer: new UserModel(this.notification.doer),
+					task: new TaskModel(this.notification.task),
+					comment: new TaskCommentModel(this.notification.comment),
+				}
 				break
-			case names.TASK_ASSIGNED:
-				this.notification.doer = new UserModel(this.notification.doer)
-				this.notification.task = new TaskModel(this.notification.task)
-				this.notification.assignee = new UserModel(this.notification.assignee)
+			case NOTIFICATION_NAMES.TASK_ASSIGNED:
+				this.notification = {
+					doer: new UserModel(this.notification.doer),
+					task: new TaskModel(this.notification.task),
+					assignee: new UserModel(this.notification.assignee),
+				}
 				break
-			case names.TASK_DELETED:
-				this.notification.doer = new UserModel(this.notification.doer)
-				this.notification.task = new TaskModel(this.notification.task)
+			case NOTIFICATION_NAMES.TASK_DELETED:
+				this.notification = {
+					doer: new UserModel(this.notification.doer),
+					task: new TaskModel(this.notification.task),
+				}
 				break
-			case names.LIST_CREATED:
-				this.notification.doer = new UserModel(this.notification.doer)
-				this.notification.list = new ListModel(this.notification.list)
+			case NOTIFICATION_NAMES.LIST_CREATED:
+				this.notification = {
+					doer: new UserModel(this.notification.doer),
+					list: new ListModel(this.notification.list),
+				}
 				break
-			case names.TEAM_MEMBER_ADDED:
-				this.notification.doer = new UserModel(this.notification.doer)
-				this.notification.member = new UserModel(this.notification.member)
-				this.notification.team = new TeamModel(this.notification.team)
+			case NOTIFICATION_NAMES.TEAM_MEMBER_ADDED:
+				this.notification = {
+					doer: new UserModel(this.notification.doer),
+					member: new UserModel(this.notification.member),
+					team: new TeamModel(this.notification.team),
+				}
 				break
 		}
 
@@ -41,23 +61,13 @@ export default class NotificationModel extends AbstractModel {
 		this.readAt = parseDateOrNull(this.readAt)
 	}
 
-	defaults() {
-		return {
-			id: 0,
-			name: '',
-			notification: null,
-			read: false,
-			readAt: null,
-		}
-	}
-
 	toText(user = null) {
 		let who = ''
 
 		switch (this.name) {
-			case names.TASK_COMMENT:
+			case NOTIFICATION_NAMES.TASK_COMMENT:
 				return `commented on ${this.notification.task.getTextIdentifier()}`
-			case names.TASK_ASSIGNED:
+			case NOTIFICATION_NAMES.TASK_ASSIGNED:
 				who = `${this.notification.assignee.getDisplayName()}`
 
 				if (user !== null && user.id === this.notification.assignee.id) {
@@ -65,11 +75,11 @@ export default class NotificationModel extends AbstractModel {
 				}
 
 				return `assigned ${who} to ${this.notification.task.getTextIdentifier()}`
-			case names.TASK_DELETED:
+			case NOTIFICATION_NAMES.TASK_DELETED:
 				return `deleted ${this.notification.task.getTextIdentifier()}`
-			case names.LIST_CREATED:
+			case NOTIFICATION_NAMES.LIST_CREATED:
 				return `created ${this.notification.list.title}`
-			case names.TEAM_MEMBER_ADDED:
+			case NOTIFICATION_NAMES.TEAM_MEMBER_ADDED:
 				who = `${this.notification.member.getDisplayName()}`
 
 				if (user !== null && user.id === this.notification.member.id) {
diff --git a/src/models/passwordReset.ts b/src/models/passwordReset.ts
index b84df22d..5140063f 100644
--- a/src/models/passwordReset.ts
+++ b/src/models/passwordReset.ts
@@ -1,17 +1,16 @@
 import AbstractModel from './abstractModel'
 
-export default class PasswordResetModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {IPasswordReset} from '@/modelTypes/IPasswordReset'
+
+export default class PasswordResetModel extends AbstractModel implements IPasswordReset {
+	token = ''
+	newPassword = ''
+	email = ''
+
+	constructor(data: Partial<IPasswordReset>) {
+		super()
+		this.assignData(data)
 
 		this.token = localStorage.getItem('passwordResetToken')
 	}
-
-	defaults() {
-		return {
-			token: '',
-			newPassword: '',
-			email: '',
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/passwordUpdate.ts b/src/models/passwordUpdate.ts
index c9869297..702fcd50 100644
--- a/src/models/passwordUpdate.ts
+++ b/src/models/passwordUpdate.ts
@@ -1,10 +1,13 @@
 import AbstractModel from './abstractModel'
 
-export default class PasswordUpdateModel extends AbstractModel {
-	defaults() {
-		return {
-			newPassword: '',
-			oldPassword: '',
-		}
+import type {IPasswordUpdate} from '@/modelTypes/IPasswordUpdate'
+
+export default class PasswordUpdateModel extends AbstractModel implements IPasswordUpdate {
+	newPassword = ''
+	oldPassword = ''
+
+	constructor(data: Partial<IPasswordUpdate>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/savedFilter.ts b/src/models/savedFilter.ts
index f0896b08..c432014f 100644
--- a/src/models/savedFilter.ts
+++ b/src/models/savedFilter.ts
@@ -1,9 +1,30 @@
-import AbstractModel from '@/models/abstractModel'
+import AbstractModel from './abstractModel'
 import UserModel from '@/models/user'
 
-export default class SavedFilterModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {ISavedFilter} from '@/modelTypes/ISavedFilter'
+import type {IUser} from '@/modelTypes/IUser'
+
+export default class SavedFilterModel extends AbstractModel implements ISavedFilter {
+	id = 0
+	title = ''
+	description = ''
+	filters: ISavedFilter['filters'] = {
+		sortBy: ['done', 'id'],
+		orderBy: ['asc', 'desc'],
+		filterBy: ['done'],
+		filterValue: ['false'],
+		filterComparator: ['equals'],
+		filterConcat: 'and',
+		filterIncludeNulls: true,
+	}
+
+	owner: IUser = {}
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<ISavedFilter>) {
+		super()
+		this.assignData(data)
 
 		this.owner = new UserModel(this.owner)
 
@@ -11,27 +32,6 @@ export default class SavedFilterModel extends AbstractModel {
 		this.updated = new Date(this.updated)
 	}
 
-	defaults() {
-		return {
-			id: 0,
-			title: '',
-			description: '',
-			filters: {
-				sortBy: ['done', 'id'],
-				orderBy: ['asc', 'desc'],
-				filterBy: ['done'],
-				filterValue: ['false'],
-				filterComparator: ['equals'],
-				filterConcat: 'and',
-				filterIncludeNulls: true,
-			},
-
-			owner: {},
-			created: null,
-			updated: null,
-		}
-	}
-
 	/**
 	 * Calculates the corresponding list id to this saved filter.
 	 * This function matches the one in the api.
diff --git a/src/models/subscription.ts b/src/models/subscription.ts
index 81a86541..77ae3dec 100644
--- a/src/models/subscription.ts
+++ b/src/models/subscription.ts
@@ -1,33 +1,22 @@
-import AbstractModel from '@/models/abstractModel'
+import AbstractModel from './abstractModel'
 import UserModel from '@/models/user'
 
-export default class SubscriptionModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {ISubscription} from '@/modelTypes/ISubscription'
+import type {IUser} from '@/modelTypes/IUser'
 
-		/** @type {number} */
-		this.id
+export default class SubscriptionModel extends AbstractModel implements ISubscription {
+	id = 0
+	entity = ''
+	entityId = 0
+	user: IUser = {}
 
-		/** @type {string} */
-		this.entity
+	created: Date = null
 
-		/** @type {number} */
-		this.entityId
+	constructor(data : Partial<ISubscription>) {
+		super()
+		this.assignData(data)
 
-		/** @type {Date} */
 		this.created = new Date(this.created)
-
-		/** @type {UserModel} */
 		this.user = new UserModel(this.user)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			entity: '',
-			entityId: 0,
-			created: null,
-			user: {},
-		}
-	}
 }
diff --git a/src/models/task.ts b/src/models/task.ts
index e9146e7d..e8dafdf1 100644
--- a/src/models/task.ts
+++ b/src/models/task.ts
@@ -1,70 +1,98 @@
-import AbstractModel from './abstractModel'
-import UserModel from './user'
-import LabelModel from './label'
-import AttachmentModel from './attachment'
-import {REPEAT_MODE_DEFAULT} from './constants/taskRepeatModes'
 
-import SubscriptionModel from '@/models/subscription'
+import { PRIORITIES, type Priority } from '@/constants/priorities'
+
+import type {ITask} from '@/modelTypes/ITask'
+import type {ILabel} from '@/modelTypes/ILabel'
+import type {IUser} from '@/modelTypes/IUser'
+import type {IAttachment} from '@/modelTypes/IAttachment'
+import type {IList} from '@/modelTypes/IList'
+import type {ISubscription} from '@/modelTypes/ISubscription'
+import type {IBucket} from '@/modelTypes/IBucket'
+
+import type {IRepeatAfter} from '@/types/IRepeatAfter'
+import {TASK_REPEAT_MODES, type IRepeatMode} from '@/types/IRepeatMode'
+
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
+import type { IRelationKind } from '@/types/IRelationKind'
+
+import AbstractModel from './abstractModel'
+import LabelModel from './label'
+import UserModel from './user'
+import AttachmentModel from './attachment'
+import SubscriptionModel from './subscription'
 
 const SUPPORTS_TRIGGERED_NOTIFICATION = 'Notification' in window && 'showTrigger' in Notification.prototype
 export const TASK_DEFAULT_COLOR = '#1973ff'
 
-export default class TaskModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+export function	getHexColor(hexColor: string) {
+	if (hexColor === '' || hexColor === '#') {
+		return TASK_DEFAULT_COLOR
+	}
+
+	return hexColor
+}
+
+export default class TaskModel extends AbstractModel implements ITask {
+	id = 0
+	title = ''
+	description = ''
+	done = false
+	doneAt: Date | null = null
+	priority: Priority = PRIORITIES.UNSET
+	labels: ILabel[] = []
+	assignees: IUser[] = []
+
+	dueDate: Date | null = 0
+	startDate: Date | null = 0
+	endDate: Date | null = 0
+	repeatAfter: number | IRepeatAfter = 0
+	repeatFromCurrentDate = false
+	repeatMode: IRepeatMode = TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT
+	reminderDates: Date[] = []
+	parentTaskId: ITask['id'] = 0
+	hexColor = ''
+	percentDone = 0
+	relatedTasks:  Partial<Record<IRelationKind, ITask>> = {}
+	attachments: IAttachment[] = []
+	identifier = ''
+	index = 0
+	isFavorite = false
+	subscription: ISubscription = null
+
+	position = 0
+	kanbanPosition = 0
+
+	createdBy: IUser = UserModel
+	created: Date = null
+	updated: Date = null
+
+	listId: IList['id'] = 0
+	bucketId: IBucket['id'] = 0
+
+	constructor(data: Partial<ITask>) {
+		super()
+		this.assignData(data)
 
-		/** @type {number} */
 		this.id = Number(this.id)
-
-		/** @type {string} */
 		this.title = this.title?.trim()
-
-		/** @type {string} */
-		this.description
-
-		/** @type {boolean} */
-		this.done
-
-		/** @type */
 		this.doneAt = parseDateOrNull(this.doneAt)
 
-		/** @type {number} */
-		this.priority
-
-		/** @type {LabelModel[]} */
 		this.labels = this.labels
 			.map(l => new LabelModel(l))
 			.sort((f, s) => f.title > s.title ? 1 : -1)
 
-		/** @type {UserModel[]} */
 		// Parse the assignees into user models
 		this.assignees = this.assignees.map(a => {
 			return new UserModel(a)
 		})
 
-		/** @type {Date} */
 		this.dueDate = parseDateOrNull(this.dueDate)
-
-		/** @type {Date} */
 		this.startDate = parseDateOrNull(this.startDate)
-
-		/** @type {Date} */
 		this.endDate = parseDateOrNull(this.endDate)
 
-		/** @type */
-		this.repeatAfter
-
 		// Parse the repeat after into something usable
 		this.parseRepeatAfter()
 
-		/** @type {boolean} */
-		this.repeatFromCurrentDate
-
-		/** @type {TaskRepeatMode: 0 | 1 | 2} */
-		this.repeatMode
-
-		/** @type {Date[]} */
 		this.reminderDates = this.reminderDates.map(d => new Date(d))
 
 		// Cancel all scheduled notifications for this task to be sure to only have available notifications
@@ -73,22 +101,10 @@ export default class TaskModel extends AbstractModel {
 			this.reminderDates.forEach(d => this.scheduleNotification(d))
 		})
 
-		/** @type {number} */
-		this.parentTaskId
-
-		/** @type {string} */
-		this.hexColor
-
 		if (this.hexColor !== '' && this.hexColor.substring(0, 1) !== '#') {
 			this.hexColor = '#' + this.hexColor
 		}
 
-		/** @type {number} */
-		this.percentDone
-
-		/** @type {{ [relationKind: string]: TaskModel }} */
-		this.relatedTasks
-
 		// Make all subtasks to task models
 		Object.keys(this.relatedTasks).forEach(relationKind => {
 			this.relatedTasks[relationKind] = this.relatedTasks[relationKind].map(t => {
@@ -97,88 +113,24 @@ export default class TaskModel extends AbstractModel {
 		})
 
 		// Make all attachments to attachment models
-		/** @type {AttachmentModel[]} */
 		this.attachments = this.attachments.map(a => new AttachmentModel(a))
 
-		/** @type {string} */
-		this.identifier
-
 		// Set the task identifier to empty if the list does not have one
 		if (this.identifier === `-${this.index}`) {
 			this.identifier = ''
 		}
 
-		/** @type {number} */
-		this.index
-
-		/** @type {boolean} */
-		this.isFavorite
-
-		/** @type {SubscriptionModel} */
-		this.subscription
-
 		if (typeof this.subscription !== 'undefined' && this.subscription !== null) {
 			this.subscription = new SubscriptionModel(this.subscription)
 		}
 
-		/** @type {number} */
-		this.position
-
-		/** @type {number} */
-		this.kanbanPosition
-
-		/** @type {UserModel} */
 		this.createdBy = new UserModel(this.createdBy)
-
-		/** @type {Date} */
 		this.created = new Date(this.created)
-
-		/** @type {Date} */
 		this.updated = new Date(this.updated)
 
-		/** @type {number} */
 		this.listId = Number(this.listId)
 	}
 
-	defaults() {
-		return {
-			id: 0,
-			title: '',
-			description: '',
-			done: false,
-			doneAt: null,
-			priority: 0,
-			labels: [],
-			assignees: [],
-
-			dueDate: 0,
-			startDate: 0,
-			endDate: 0,
-			repeatAfter: 0,
-			repeatFromCurrentDate: false,
-			repeatMode: REPEAT_MODE_DEFAULT,
-			reminderDates: [],
-			parentTaskId: 0,
-			hexColor: '',
-			percentDone: 0,
-			relatedTasks: {},
-			attachments: [],
-			identifier: '',
-			index: 0,
-			isFavorite: false,
-			subscription: null,
-
-			position: 0,
-			kanbanPosition: 0,
-
-			createdBy: UserModel,
-			created: null,
-			updated: null,
-
-			listId: 0, // Meta, only used when creating a new task
-		}
-	}
-
 	getTextIdentifier() {
 		if (this.identifier === '') {
 			return `#${this.index}`
@@ -188,11 +140,7 @@ export default class TaskModel extends AbstractModel {
 	}
 
 	getHexColor() {
-		if (this.hexColor === '' || this.hexColor === '#') {
-			return TASK_DEFAULT_COLOR
-		}
-
-		return this.hexColor
+		return getHexColor(this.hexColor)
 	}
 
 	/////////////////
@@ -204,7 +152,7 @@ export default class TaskModel extends AbstractModel {
 	 * This function should only be called from the constructor.
 	 */
 	parseRepeatAfter() {
-		const repeatAfterHours = (this.repeatAfter / 60) / 60
+		const repeatAfterHours = (this.repeatAfter as number / 60) / 60
 		this.repeatAfter = {type: 'hours', amount: repeatAfterHours}
 
 		// if its dividable by 24, its something with days, otherwise hours
diff --git a/src/models/taskAssignee.ts b/src/models/taskAssignee.ts
index ee697b9d..5777e5b2 100644
--- a/src/models/taskAssignee.ts
+++ b/src/models/taskAssignee.ts
@@ -1,16 +1,17 @@
 import AbstractModel from './abstractModel'
 
-export default class TaskAssigneeModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {ITaskAssignee} from '@/modelTypes/ITaskAssignee'
+import type {IUser} from '@/modelTypes/IUser'
+import type {ITask} from '@/modelTypes/ITask'
+
+export default class TaskAssigneeModel extends AbstractModel implements ITaskAssignee {
+	created: Date = null
+	userId: IUser['id'] = 0
+	taskId: ITask['id'] = 0
+
+	constructor(data: Partial<ITaskAssignee>) {
+		super()
+		this.assignData(data)
 		this.created = new Date(this.created)
 	}
-
-	defaults() {
-		return {
-			created: null,
-			userId: 0,
-			taskId: 0,
-		}
-	}
 }
diff --git a/src/models/taskComment.ts b/src/models/taskComment.ts
index 376195a9..6c76e822 100644
--- a/src/models/taskComment.ts
+++ b/src/models/taskComment.ts
@@ -1,22 +1,25 @@
 import AbstractModel from './abstractModel'
 import UserModel from './user'
 
-export default class TaskCommentModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {ITaskComment} from '@/modelTypes/ITaskComment'
+import type {ITask} from '@/modelTypes/ITask'
+import type {IUser} from '@/modelTypes/IUser'
+
+export default class TaskCommentModel extends AbstractModel implements ITaskComment {
+	id = 0
+	taskId: ITask['id'] = 0
+	comment = ''
+	author: IUser = UserModel
+
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<ITaskComment>) {
+		super()
+		this.assignData(data)
+
 		this.author = new UserModel(this.author)
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			taskId: 0,
-			comment: '',
-			author: UserModel,
-			created: null,
-			update: null,
-		}
-	}
 }
diff --git a/src/models/taskRelation.ts b/src/models/taskRelation.ts
index 63fcda0a..e22eddb9 100644
--- a/src/models/taskRelation.ts
+++ b/src/models/taskRelation.ts
@@ -1,22 +1,25 @@
 import AbstractModel from './abstractModel'
 import UserModel from './user'
 
-export default class TaskRelationModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type {ITaskRelation} from '@/modelTypes/ITaskRelation'
+import type {ITask} from '@/modelTypes/ITask'
+import type {IUser} from '@/modelTypes/IUser'
+
+import type {IRelationKind} from '@/types/IRelationKind'
+export default class TaskRelationModel extends AbstractModel implements ITaskRelation {
+	id = 0
+	otherTaskId: ITask['id'] = 0
+	taskId: ITask['id'] = 0
+	relationKind: IRelationKind = ''
+
+	createdBy: IUser = UserModel
+	created: Date = null
+
+	constructor(data: Partial<ITaskRelation>) {
+		super()
+		this.assignData(data)
+
 		this.createdBy = new UserModel(this.createdBy)
 		this.created = new Date(this.created)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			otherTaskId: 0,
-			taskId: 0,
-			relationKind: '',
-
-			createdBy: UserModel,
-			created: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/team.ts b/src/models/team.ts
index d9217926..5e3bd27e 100644
--- a/src/models/team.ts
+++ b/src/models/team.ts
@@ -2,9 +2,25 @@ import AbstractModel from './abstractModel'
 import UserModel from './user'
 import TeamMemberModel from './teamMember'
 
-export default class TeamModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import {RIGHTS, type Right} from '@/constants/rights'
+import type {ITeam} from '@/modelTypes/ITeam'
+import type {ITeamMember} from '@/modelTypes/ITeamMember'
+import type {IUser} from '@/modelTypes/IUser'
+
+export default class TeamModel extends AbstractModel implements ITeam {
+	id = 0
+	name = ''
+	description = ''
+	members: ITeamMember[] = []
+	right: Right = RIGHTS.READ
+
+	createdBy: IUser = {} // FIXME: seems wrong
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<ITeam>) {
+		super()
+		this.assignData(data)
 
 		// Make the members to usermodels
 		this.members = this.members.map(m => {
@@ -15,18 +31,4 @@ export default class TeamModel extends AbstractModel {
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	defaults() {
-		return {
-			id: 0,
-			name: '',
-			description: '',
-			members: [],
-			right: 0,
-
-			createdBy: {},
-			created: null,
-			updated: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/teamList.ts b/src/models/teamList.ts
index d000a01b..eab202cf 100644
--- a/src/models/teamList.ts
+++ b/src/models/teamList.ts
@@ -1,10 +1,13 @@
 import TeamShareBaseModel from './teamShareBase'
 
-export default class TeamListModel extends TeamShareBaseModel {
-	defaults() {
-		return {
-			...super.defaults(),
-			listId: 0,
-		}
+import type {ITeamList} from '@/modelTypes/ITeamList'
+import type {IList} from '@/modelTypes/IList'
+
+export default class TeamListModel extends TeamShareBaseModel implements ITeamList {
+	listId: IList['id'] = 0
+
+	constructor(data: Partial<ITeamList>) {
+		super(data)
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/teamMember.ts b/src/models/teamMember.ts
index 2e5e236a..ee8768f0 100644
--- a/src/models/teamMember.ts
+++ b/src/models/teamMember.ts
@@ -1,11 +1,14 @@
 import UserModel from './user'
 
-export default class TeamMemberModel extends UserModel {
-	defaults() {
-		return {
-			...super.defaults(),
-			admin: false,
-			teamId: 0,
-		}
+import type {ITeamMember} from '@/modelTypes/ITeamMember'
+import type {IList} from '@/modelTypes/IList'
+
+export default class TeamMemberModel extends UserModel implements ITeamMember {
+	admin = false
+	teamId: IList['id'] = 0
+
+	constructor(data: Partial<ITeamMember>) {
+		super(data)
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/teamNamespace.ts b/src/models/teamNamespace.ts
index 4c1c7521..3d583ae8 100644
--- a/src/models/teamNamespace.ts
+++ b/src/models/teamNamespace.ts
@@ -1,10 +1,13 @@
 import TeamShareBaseModel from './teamShareBase'
 
-export default class TeamNamespaceModel extends TeamShareBaseModel {
-	defaults() {
-		return {
-			...super.defaults(),
-			namespaceId: 0,
-		}
+import type {ITeamNamespace} from '@/modelTypes/ITeamNamespace'
+import type {INamespace} from '@/modelTypes/INamespace'
+
+export default class TeamNamespaceModel extends TeamShareBaseModel implements ITeamNamespace {
+	namespaceId: INamespace['id'] = 0
+
+	constructor(data: Partial<ITeamNamespace>) {
+		super(data)
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/teamShareBase.ts b/src/models/teamShareBase.ts
index 08b3dc80..c7eb23c7 100644
--- a/src/models/teamShareBase.ts
+++ b/src/models/teamShareBase.ts
@@ -1,23 +1,25 @@
 import AbstractModel from './abstractModel'
 
+import {RIGHTS, type Right} from '@/constants/rights'
+import type {ITeamShareBase} from '@/modelTypes/ITeamShareBase'
+import type {ITeam} from '@/modelTypes/ITeam'
+
 /**
  * This class is a base class for common team sharing model.
  * It is extended in a way so it can be used for namespaces as well for lists.
  */
-export default class TeamShareBaseModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+export default class TeamShareBaseModel extends AbstractModel implements ITeamShareBase {
+	teamId: ITeam['id'] = 0
+	right: Right = RIGHTS.READ
+
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<ITeamShareBase>) {
+		super()
+		this.assignData(data)
+
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	defaults() {
-		return {
-			teamId: 0,
-			right: 0,
-
-			created: null,
-			updated: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/models/totp.ts b/src/models/totp.ts
index 17de13b6..5e094392 100644
--- a/src/models/totp.ts
+++ b/src/models/totp.ts
@@ -1,11 +1,14 @@
 import AbstractModel from './abstractModel'
 
-export default class TotpModel extends AbstractModel {
-	defaults() {
-		return {
-			secret: '',
-			enabled: false,
-			url: '',
-		}
+import type {ITotp} from '@/modelTypes/ITotp'
+
+export default class TotpModel extends AbstractModel implements ITotp {
+	secret = ''
+	enabled = false
+	url = ''
+
+	constructor(data: Partial<ITotp>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/user.ts b/src/models/user.ts
index 90d71ca7..41509c17 100644
--- a/src/models/user.ts
+++ b/src/models/user.ts
@@ -1,48 +1,31 @@
 import AbstractModel from './abstractModel'
 import UserSettingsModel from '@/models/userSettings'
 
-export default class UserModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import type { IUser } from '@/modelTypes/IUser'
+import type { IUserSettings } from '@/modelTypes/IUserSettings'
 
-		/** @type {number} */
-		this.id
+export default class UserModel extends AbstractModel implements IUser {
+	id = 0
+	email = ''
+	username = ''
+	name = ''
 
-		/** @type {string} */
-		this.email
+	created: Date = null
+	updated: Date = null
+	settings: IUserSettings = null
 
-		/** @type {string} */
-		this.username
+	constructor(data: Partial<IUser>) {
+		super()
+		this.assignData(data)
 
-		/** @type {string} */
-		this.name
-
-		/** @type {Date} */
 		this.created = new Date(this.created)
-
-		/** @type {Date} */
 		this.updated = new Date(this.updated)
 
-		/** @type {UserSettingsModel} */
-		this.settings
-
 		if (this.settings !== null) {
 			this.settings = new UserSettingsModel(this.settings)
 		}
 	}
 
-	defaults() {
-		return {
-			id: 0,
-			email: '',
-			username: '',
-			name: '',
-			created: null,
-			updated: null,
-			settings: null,
-		}
-	}
-
 	getAvatarUrl(size = 50) {
 		return `${window.API_URL}/avatar/${this.username}?size=${size}`
 	}
diff --git a/src/models/userList.ts b/src/models/userList.ts
index 42bde509..ed264d9b 100644
--- a/src/models/userList.ts
+++ b/src/models/userList.ts
@@ -1,11 +1,14 @@
 import UserShareBaseModel from './userShareBase'
 
+import type {IUserList} from '@/modelTypes/IUserList'
+import type {IList} from '@/modelTypes/IList'
+
 // This class extends the user share model with a 'rights' parameter which is used in sharing
-export default class UserListModel extends UserShareBaseModel {
-	defaults() {
-		return {
-			...super.defaults(),
-			listId: 0,
-		}
+export default class UserListModel extends UserShareBaseModel implements IUserList {
+	listId: IList['id'] = 0
+
+	constructor(data: Partial<IUserList>) {
+		super(data)
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/userNamespace.ts b/src/models/userNamespace.ts
index 085ece65..32637383 100644
--- a/src/models/userNamespace.ts
+++ b/src/models/userNamespace.ts
@@ -1,11 +1,14 @@
 import UserShareBaseModel from './userShareBase'
 
+import type {INamespace} from '@/modelTypes/INamespace'
+import type {IUserNamespace} from '@/modelTypes/IUserNamespace'
+
 // This class extends the user share model with a 'rights' parameter which is used in sharing
-export default class UserNamespaceModel extends UserShareBaseModel {
-	defaults() {
-		return {
-			...super.defaults(),
-			namespaceId: 0,
-		}
+export default class UserNamespaceModel extends UserShareBaseModel implements IUserNamespace {
+	namespaceId: INamespace['id'] = 0
+
+	constructor(data: Partial<IUserNamespace>) {
+		super(data)
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/userSettings.ts b/src/models/userSettings.ts
index 41932e26..6b5bd7ca 100644
--- a/src/models/userSettings.ts
+++ b/src/models/userSettings.ts
@@ -1,17 +1,21 @@
 
 import AbstractModel from './abstractModel'
 
-export default class UserSettingsModel extends AbstractModel {
-	defaults() {
-		return {
-			name: '',
-			emailRemindersEnabled: true,
-			discoverableByName: false,
-			discoverableByEmail: false,
-			overdueTasksRemindersEnabled: true,
-			defaultListId: undefined,
-			weekStart: 0,
-			timezone: '',
-		}
+import type {IUserSettings} from '@/modelTypes/IUserSettings'
+import type {IList} from '@/modelTypes/IList'
+
+export default class UserSettingsModel extends AbstractModel implements IUserSettings {
+	name = ''
+	emailRemindersEnabled = true
+	discoverableByName = false
+	discoverableByEmail = false
+	overdueTasksRemindersEnabled = true
+	defaultListId: undefined | IList['id'] = undefined
+	weekStart: IUserSettings['weekStart'] = 0
+	timezone = ''
+
+	constructor(data: Partial<IUserSettings>) {
+		super()
+		this.assignData(data)
 	}
 }
\ No newline at end of file
diff --git a/src/models/userShareBase.ts b/src/models/userShareBase.ts
index 171643a0..e21998d9 100644
--- a/src/models/userShareBase.ts
+++ b/src/models/userShareBase.ts
@@ -1,19 +1,21 @@
 import AbstractModel from './abstractModel'
 
-export default class UserShareBaseModel extends AbstractModel {
-	constructor(data) {
-		super(data)
+import {RIGHTS, type Right} from '@/constants/rights'
+import type {IUserShareBase} from '@/modelTypes/IUserShareBase'
+import type {IUser} from '@/modelTypes/IUser'
+
+export default class UserShareBaseModel extends AbstractModel implements IUserShareBase {
+	userId: IUser['id'] = ''
+	right: Right = RIGHTS.READ
+
+	created: Date = null
+	updated: Date = null
+
+	constructor(data: Partial<IUserShareBase>) {
+		super()
+		this.assignData(data)
+	
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
 	}
-
-	defaults() {
-		return {
-			userId: '',
-			right: 0,
-
-			created: null,
-			updated: null,
-		}
-	}
 }
\ No newline at end of file
diff --git a/src/modules/parseTaskText.test.ts b/src/modules/parseTaskText.test.ts
index 90208b88..2851a440 100644
--- a/src/modules/parseTaskText.test.ts
+++ b/src/modules/parseTaskText.test.ts
@@ -3,7 +3,7 @@ import {beforeEach, afterEach, describe, it, expect, vi} from 'vitest'
 import {parseTaskText} from './parseTaskText'
 import {getDateFromText, getDateFromTextIn} from '../helpers/time/parseDate'
 import {calculateDayInterval} from '../helpers/time/calculateDayInterval'
-import priorities from '../models/constants/priorities.json'
+import {PRIORITIES} from '@/constants/priorities'
 
 describe('Parse Task Text', () => {
 	beforeEach(() => {
@@ -571,12 +571,12 @@ describe('Parse Task Text', () => {
 	})
 
 	describe('Priority', () => {
-		for (const p in priorities) {
+		for (const p in PRIORITIES) {
 			it(`should parse priority ${p}`, () => {
-				const result = parseTaskText(`Lorem Ipsum !${priorities[p]}`)
+				const result = parseTaskText(`Lorem Ipsum !${PRIORITIES[p]}`)
 
 				expect(result.text).toBe('Lorem Ipsum')
-				expect(result.priority).toBe(priorities[p])
+				expect(result.priority).toBe(PRIORITIES[p])
 			})
 		}
 		it(`should not parse an invalid priority`, () => {
diff --git a/src/modules/parseTaskText.ts b/src/modules/parseTaskText.ts
index 80c33e3d..319bada8 100644
--- a/src/modules/parseTaskText.ts
+++ b/src/modules/parseTaskText.ts
@@ -1,5 +1,6 @@
 import {parseDate} from '../helpers/time/parseDate'
-import _priorities from '../models/constants/priorities.json'
+import {PRIORITIES} from '@/constants/priorities'
+import {REPEAT_TYPES, type IRepeatAfter, type IRepeatType} from '@/types/IRepeatAfter'
 
 const VIKUNJA_PREFIXES: Prefixes = {
 	label: '*',
@@ -27,43 +28,19 @@ export const PREFIXES = {
 	[PrefixMode.Todoist]: TODOIST_PREFIXES,
 }
 
-const priorities: Priorites = _priorities
-
-interface Priorites {
-	UNSET: number,
-	LOW: number,
-	MEDIUM: number,
-	HIGH: number,
-	URGENT: number,
-	DO_NOW: number,
-}
-
-enum RepeatType {
-	Hours = 'hours',
-	Days = 'days',
-	Weeks = 'weeks',
-	Months = 'months',
-	Years = 'years',
-}
-
-interface Repeats {
-	type: RepeatType,
-	amount: number,
-}
-
 interface repeatParsedResult {
 	textWithoutMatched: string,
-	repeats: Repeats | null,
+	repeats: IRepeatAfter | null,
 }
 
-interface ParsedTaskText {
+export interface ParsedTaskText {
 	text: string,
 	date: Date | null,
 	labels: string[],
 	list: string | null,
 	priority: number | null,
 	assignees: string[],
-	repeats: Repeats | null,
+	repeats: IRepeatAfter | null,
 }
 
 interface Prefixes {
@@ -153,7 +130,7 @@ const getPriority = (text: string, prefix: string): number | null => {
 	}
 
 	for (const p of ps) {
-		for (const pi of Object.values(priorities)) {
+		for (const pi of Object.values(PRIORITIES)) {
 			if (pi === parseInt(p)) {
 				return parseInt(p)
 			}
@@ -208,55 +185,55 @@ const getRepeats = (text: string): repeatParsedResult => {
 		default:
 			amount = results[3] ? parseInt(results[3]) : 1
 	}
-	let type: RepeatType = RepeatType.Hours
+	let type: IRepeatType = REPEAT_TYPES.Hours
 
 	switch (results[0]) {
 		case 'biennially':
-			type = RepeatType.Years
+			type = REPEAT_TYPES.Years
 			amount = 2
 			break
 		case 'bianually':
 		case 'semiannually':
-			type = RepeatType.Months
+			type = REPEAT_TYPES.Months
 			amount = 6
 			break
 		case 'yearly':
 		case 'anually':
-			type = RepeatType.Years
+			type = REPEAT_TYPES.Years
 			break
 		case 'daily':
-			type = RepeatType.Days
+			type = REPEAT_TYPES.Days
 			break
 		case 'hourly':
-			type = RepeatType.Hours
+			type = REPEAT_TYPES.Hours
 			break
 		case 'monthly':
-			type = RepeatType.Months
+			type = REPEAT_TYPES.Months
 			break
 		case 'weekly':
-			type = RepeatType.Weeks
+			type = REPEAT_TYPES.Weeks
 			break
 		default:
 			switch (results[5]) {
 				case 'hour':
 				case 'hours':
-					type = RepeatType.Hours
+					type = REPEAT_TYPES.Hours
 					break
 				case 'day':
 				case 'days':
-					type = RepeatType.Days
+					type = REPEAT_TYPES.Days
 					break
 				case 'week':
 				case 'weeks':
-					type = RepeatType.Weeks
+					type = REPEAT_TYPES.Weeks
 					break
 				case 'month':
 				case 'months':
-					type = RepeatType.Months
+					type = REPEAT_TYPES.Months
 					break
 				case 'year':
 				case 'years':
-					type = RepeatType.Years
+					type = REPEAT_TYPES.Years
 					break
 			}
 	}
diff --git a/src/services/abstractService.ts b/src/services/abstractService.ts
index c2a7b457..8f97bb37 100644
--- a/src/services/abstractService.ts
+++ b/src/services/abstractService.ts
@@ -1,7 +1,21 @@
-import {objectToSnakeCase} from '@/helpers/case'
 import {AuthenticatedHTTPFactory} from '@/http-common'
+import type {Method} from 'axios'
 
-function convertObject(o) {
+import {objectToSnakeCase} from '@/helpers/case'
+import AbstractModel, { type IAbstract } from '@/models/abstractModel'
+import type { Right } from '@/constants/rights'
+import type { IFile } from '@/models/file'
+
+interface Paths {
+	create : string
+	get : string
+	getAll : string
+	update : string
+	delete : string
+	reset?: string
+}
+
+function convertObject(o: Record<string, unknown>) {
 	if (o instanceof Date) {
 		return o.toISOString()
 	}
@@ -9,7 +23,7 @@ function convertObject(o) {
 	return o
 }
 
-function prepareParams(params) {
+function prepareParams(params: Record<string, unknown | unknown[]>) {
 	if (typeof params !== 'object') {
 		return params
 	}
@@ -26,16 +40,16 @@ function prepareParams(params) {
 	return objectToSnakeCase(params)
 }
 
-export default class AbstractService {
+export default abstract class AbstractService<Model extends IAbstract = IAbstract> {
 
 	/////////////////////////////
 	// Initial variable definitions
 	///////////////////////////
 
-	http = null
+	http
 	loading = false
 	uploadProgress = 0
-	paths = {
+	paths: Paths = {
 		create: '',
 		get: '',
 		getAll: '',
@@ -52,9 +66,9 @@ export default class AbstractService {
 
 	/**
 	 * The abstract constructor.
-	 * @param [paths] An object with all paths. Default values are specified above.
+	 * @param [paths] An object with all paths.
 	 */
-	constructor(paths) {
+	constructor(paths : Partial<Paths> = {}) {
 		this.http = AuthenticatedHTTPFactory()
 
 		// Set the interceptors to process every request
@@ -82,38 +96,27 @@ export default class AbstractService {
 			return config
 		})
 
-		if (paths) {
-			this.paths = {
-				create: paths.create !== undefined ? paths.create : '',
-				get: paths.get !== undefined ? paths.get : '',
-				getAll: paths.getAll !== undefined ? paths.getAll : '',
-				update: paths.update !== undefined ? paths.update : '',
-				delete: paths.delete !== undefined ? paths.delete : '',
-			}
-		}
+		Object.assign(this.paths, paths)
 	}
 
 	/**
 	 * Whether or not to use the create interceptor which processes a request payload into json
-	 * @returns {boolean}
 	 */
-	useCreateInterceptor() {
+	useCreateInterceptor(): boolean {
 		return true
 	}
 
 	/**
 	 * Whether or not to use the update interceptor which processes a request payload into json
-	 * @returns {boolean}
 	 */
-	useUpdateInterceptor() {
+	useUpdateInterceptor(): boolean {
 		return true
 	}
 
 	/**
 	 * Whether or not to use the delete interceptor which processes a request payload into json
-	 * @returns {boolean}
 	 */
-	useDeleteInterceptor() {
+	useDeleteInterceptor(): boolean {
 		return true
 	}
 
@@ -123,11 +126,9 @@ export default class AbstractService {
 
 	/**
 	 * Returns an object with all route parameters and their values.
-	 * @param route
-	 * @returns object
 	 */
-	getRouteReplacements(route, parameters = {}) {
-		const replace$$1 = {}
+	getRouteReplacements(route : string, parameters : Record<string, unknown> = {}) {
+		const replace$$1: Record<string, unknown> = {}
 		let pattern = this.getRouteParameterPattern()
 		pattern = new RegExp(pattern instanceof RegExp ? pattern.source : pattern, 'g')
 
@@ -140,22 +141,18 @@ export default class AbstractService {
 
 	/**
 	 * Holds the replacement pattern for url paths, can be overwritten by implementations.
-	 * @return {RegExp}
 	 */
-	getRouteParameterPattern() {
+	getRouteParameterPattern(): RegExp {
 		return /{([^}]+)}/
 	}
 
 	/**
 	 * Returns a fully-ready-ready-to-make-a-request-to route with replaced parameters.
-	 * @param path
-	 * @param pathparams
-	 * @return string
 	 */
-	getReplacedRoute(path, pathparams) {
+	getReplacedRoute(path : string, pathparams : {}) : string {
 		const replacements = this.getRouteReplacements(path, pathparams)
 		return Object.entries(replacements).reduce(
-			(result, [parameter, value]) => result.replace(parameter, value),
+			(result, [parameter, value]) => result.replace(parameter, value as string),
 			path,
 		)
 	}
@@ -166,7 +163,6 @@ export default class AbstractService {
 	 * case the api returns a response in < 100ms.
 	 * But because the timeout is created using setTimeout, it will still trigger even if the request is
 	 * already finished, so we return a method to call in that case.
-	 * @returns {Function}
 	 */
 	setLoading() {
 		const timeout = setTimeout(() => {
@@ -188,46 +184,36 @@ export default class AbstractService {
 	/**
 	 * The modelFactory returns an model from an object.
 	 * This one here is the default one, usually the service definitions for a model will override this.
-	 * @param data
-	 * @returns {*}
 	 */
-	modelFactory(data) {
-		return data
+	modelFactory(data : Partial<Model>) {
+		return new AbstractModel(data)
 	}
 
 	/**
 	 * This is the model factory for get requests.
-	 * @param data
-	 * @return {*}
 	 */
-	modelGetFactory(data) {
+	modelGetFactory(data : Partial<Model>) {
 		return this.modelFactory(data)
 	}
 
 	/**
 	 * This is the model factory for get all requests.
-	 * @param data
-	 * @return {*}
 	 */
-	modelGetAllFactory(data) {
+	modelGetAllFactory(data : Partial<Model>) {
 		return this.modelFactory(data)
 	}
 
 	/**
 	 * This is the model factory for create requests.
-	 * @param data
-	 * @return {*}
 	 */
-	modelCreateFactory(data) {
+	modelCreateFactory(data : Partial<Model>) {
 		return this.modelFactory(data)
 	}
 
 	/**
 	 * This is the model factory for update requests.
-	 * @param data
-	 * @return {*}
 	 */
-	modelUpdateFactory(data) {
+	modelUpdateFactory(data : Partial<Model>) {
 		return this.modelFactory(data)
 	}
 
@@ -237,37 +223,29 @@ export default class AbstractService {
 
 	/**
 	 * Default preprocessor for get requests
-	 * @param model
-	 * @return {*}
 	 */
-	beforeGet(model) {
+	beforeGet(model : Model) {
 		return model
 	}
 
 	/**
 	 * Default preprocessor for create requests
-	 * @param model
-	 * @return {*}
 	 */
-	beforeCreate(model) {
+	beforeCreate(model : Model) {
 		return model
 	}
 
 	/**
 	 * Default preprocessor for update requests
-	 * @param model
-	 * @return {*}
 	 */
-	beforeUpdate(model) {
+	beforeUpdate(model : Model) {
 		return model
 	}
 
 	/**
 	 * Default preprocessor for delete requests
-	 * @param model
-	 * @return {*}
 	 */
-	beforeDelete(model) {
+	beforeDelete(model : Model) {
 		return model
 	}
 
@@ -279,9 +257,8 @@ export default class AbstractService {
 	 * Performs a get request to the url specified before.
 	 * @param model The model to use. The request path is built using the values from the model.
 	 * @param params Optional query parameters
-	 * @returns {Q.Promise<any>}
 	 */
-	get(model, params = {}) {
+	get(model : Model, params = {}) {
 		if (this.paths.get === '') {
 			throw new Error('This model is not able to get data.')
 		}
@@ -292,12 +269,8 @@ export default class AbstractService {
 	/**
 	 * This is a more abstract implementation which only does a get request.
 	 * Services which need more flexibility can use this.
-	 * @param url
-	 * @param model
-	 * @param params
-	 * @returns {Q.Promise<unknown>}
 	 */
-	async getM(url, model = {}, params = {}) {
+	async getM(url : string, model : Model = new AbstractModel({}), params: Record<string, unknown> = {}) {
 		const cancel = this.setLoading()
 
 		model = this.beforeGet(model)
@@ -306,19 +279,19 @@ export default class AbstractService {
 		try {
 			const response = await this.http.get(finalUrl, {params: prepareParams(params)})
 			const result = this.modelGetFactory(response.data)
-			result.maxRight = Number(response.headers['x-max-right'])
+			result.maxRight = Number(response.headers['x-max-right']) as Right
 			return result
 		} finally {
 			cancel()
 		}
 	}
 
-	async getBlobUrl(url, method = 'GET', data = {}) {
+	async getBlobUrl(url : string, method : Method = 'GET', data = {}) {
 		const response = await this.http({
-			url: url,
-			method: method,
+			url,
+			method,
 			responseType: 'blob',
-			data: data,
+			data,
 		})
 		return window.URL.createObjectURL(new Blob([response.data]))
 	}
@@ -329,9 +302,8 @@ export default class AbstractService {
 	 * @param model The model to use. The request path is built using the values from the model.
 	 * @param params Optional query parameters
 	 * @param page The page to get
-	 * @returns {Q.Promise<any>}
 	 */
-	async getAll(model = {}, params = {}, page = 1) {
+	async getAll(model : Model = new AbstractModel({}), params = {}, page = 1) {
 		if (this.paths.getAll === '') {
 			throw new Error('This model is not able to get data.')
 		}
@@ -362,10 +334,9 @@ export default class AbstractService {
 
 	/**
 	 * Performs a put request to the url specified before
-	 * @param model
 	 * @returns {Promise<any | never>}
 	 */
-	async create(model) {
+	async create(model : Model) {
 		if (this.paths.create === '') {
 			throw new Error('This model is not able to create data.')
 		}
@@ -388,11 +359,8 @@ export default class AbstractService {
 	/**
 	 * An abstract implementation to send post requests.
 	 * Services can use this to implement functions to do post requests other than using the update method.
-	 * @param url
-	 * @param model
-	 * @returns {Q.Promise<unknown>}
 	 */
-	async post(url, model) {
+	async post(url : string, model : Model) {
 		const cancel = this.setLoading()
 
 		try {
@@ -409,10 +377,8 @@ export default class AbstractService {
 
 	/**
 	 * Performs a post request to the update url
-	 * @param model
-	 * @returns {Q.Promise<any>}
 	 */
-	update(model) {
+	update(model : Model) {
 		if (this.paths.update === '') {
 			throw new Error('This model is not able to update data.')
 		}
@@ -423,10 +389,8 @@ export default class AbstractService {
 
 	/**
 	 * Performs a delete request to the update url
-	 * @param model
-	 * @returns {Q.Promise<any>}
 	 */
-	async delete(model) {
+	async delete(model : Model) {
 		if (this.paths.delete === '') {
 			throw new Error('This model is not able to delete data.')
 		}
@@ -445,23 +409,17 @@ export default class AbstractService {
 	/**
 	 * Uploads a file to a url.
 	 * @param url
-	 * @param file
+	 * @param file {IFile}
 	 * @param fieldName The name of the field the file is uploaded to.
-	 * @returns {Q.Promise<unknown>}
 	 */
-	uploadFile(url, file, fieldName) {
+	uploadFile(url : string, file: IFile, fieldName : string) {
 		return this.uploadBlob(url, new Blob([file]), fieldName, file.name)
 	}
 
 	/**
 	 * Uploads a blob to a url.
-	 * @param url
-	 * @param blob
-	 * @param fieldName
-	 * @param filename
-	 * @returns {Q.Promise<unknown>}
 	 */
-	uploadBlob(url, blob, fieldName, filename) {
+	uploadBlob(url : string, blob: Blob, fieldName: string, filename : string) {
 		const data = new FormData()
 		data.append(fieldName, blob, filename)
 		return this.uploadFormData(url, data)
@@ -469,11 +427,8 @@ export default class AbstractService {
 
 	/**
 	 * Uploads a form data object.
-	 * @param url
-	 * @param formData
-	 * @returns {Q.Promise<unknown>}
 	 */
-	async uploadFormData(url, formData) {
+	async uploadFormData(url : string, formData: FormData) {
 		const cancel = this.setLoading()
 		try {
 			const response = await this.http.put(
diff --git a/src/services/accountDelete.ts b/src/services/accountDelete.ts
index c4f443cf..52e922ca 100644
--- a/src/services/accountDelete.ts
+++ b/src/services/accountDelete.ts
@@ -1,15 +1,15 @@
 import AbstractService from './abstractService'
 
 export default class AccountDeleteService extends AbstractService {
-	request(password) {
-		return this.post('/user/deletion/request', {password: password})
+	request(password: string) {
+		return this.post('/user/deletion/request', {password})
 	}
 	
-	confirm(token) {
-		return this.post('/user/deletion/confirm', {token: token})
+	confirm(token: string) {
+		return this.post('/user/deletion/confirm', {token})
 	}
 	
-	cancel(password) {
-		return this.post('/user/deletion/cancel', {password: password})
+	cancel(password: string) {
+		return this.post('/user/deletion/cancel', {password})
 	}
 }
\ No newline at end of file
diff --git a/src/services/attachment.ts b/src/services/attachment.ts
index 098d5ef6..ba9eaf28 100644
--- a/src/services/attachment.ts
+++ b/src/services/attachment.ts
@@ -1,9 +1,10 @@
 import AbstractService from './abstractService'
-import AttachmentModel from '../models/attachment'
+import AttachmentModel, { type IAttachment } from '../models/attachment'
 import {formatISO} from 'date-fns'
 import {downloadBlob} from '@/helpers/downloadBlob'
+import type { IFile } from '@/models/file'
 
-export default class AttachmentService extends AbstractService {
+export default class AttachmentService extends AbstractService<AttachmentModel> {
 	constructor() {
 		super({
 			create: '/tasks/{taskId}/attachments',
@@ -12,7 +13,7 @@ export default class AttachmentService extends AbstractService {
 		})
 	}
 
-	processModel(model) {
+	processModel(model: IAttachment) {
 		model.created = formatISO(new Date(model.created))
 		return model
 	}
@@ -33,26 +34,25 @@ export default class AttachmentService extends AbstractService {
 		return data
 	}
 
-	getBlobUrl(model) {
+	getBlobUrl(model: IAttachment) {
 		return AbstractService.prototype.getBlobUrl.call(this, '/tasks/' + model.taskId + '/attachments/' + model.id)
 	}
 
-	async download(model) {
+	async download(model: IAttachment) {
 		const url = await this.getBlobUrl(model)
 		return downloadBlob(url, model.file.name)
 	}
 
 	/**
 	 * Uploads a file to the server
-	 * @param model
 	 * @param files
 	 * @returns {Promise<any|never>}
 	 */
-	create(model, files) {
+	create(model: IAttachment, files: IFile[]) {
 		const data = new FormData()
 		for (let i = 0; i < files.length; i++) {
 			// TODO: Validation of file size
-			data.append('files', new Blob([files[i]]), files[i].name)
+			data.append('files', new Blob([JSON.stringify(files[i], null, 2)]), files[i].name)
 		}
 
 		return this.uploadFormData(
diff --git a/src/services/avatar.ts b/src/services/avatar.ts
index 7bcab771..becbc43b 100644
--- a/src/services/avatar.ts
+++ b/src/services/avatar.ts
@@ -1,7 +1,7 @@
 import AbstractService from './abstractService'
-import AvatarModel from '../models/avatar'
+import AvatarModel, { type IAvatar } from '../models/avatar'
 
-export default class AvatarService extends AbstractService {
+export default class AvatarService extends AbstractService<IAvatar> {
 	constructor() {
 		super({
 			get: '/user/settings/avatar',
diff --git a/src/services/backgroundUnsplash.ts b/src/services/backgroundUnsplash.ts
index 09b748ac..3e3b40cc 100644
--- a/src/services/backgroundUnsplash.ts
+++ b/src/services/backgroundUnsplash.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import BackgroundImageModel from '../models/backgroundImage'
-import ListModel from '../models/list'
+import BackgroundImageModel, { type IBackgroundImage } from '../models/backgroundImage'
+import ListModel from '@/models/list'
 
-export default class BackgroundUnsplashService extends AbstractService {
+export default class BackgroundUnsplashService extends AbstractService<IBackgroundImage> {
 	constructor() {
 		super({
 			getAll: '/backgrounds/unsplash/search',
diff --git a/src/services/backgroundUpload.ts b/src/services/backgroundUpload.ts
index 8f9dcf62..079eac29 100644
--- a/src/services/backgroundUpload.ts
+++ b/src/services/backgroundUpload.ts
@@ -1,5 +1,6 @@
 import AbstractService from './abstractService'
-import ListModel from '../models/list'
+import ListModel, { type IList } from '../models/list'
+import type { IFile } from '@/models/file'
 
 export default class BackgroundUploadService extends AbstractService {
 	constructor() {
@@ -18,13 +19,12 @@ export default class BackgroundUploadService extends AbstractService {
 
 	/**
 	 * Uploads a file to the server
-	 * @param listId
 	 * @param file
 	 * @returns {Promise<any|never>}
 	 */
-	create(listId, file) {
+	create(listId: IList['id'], file: IFile) {
 		return this.uploadFile(
-			this.getReplacedRoute(this.paths.create, {listId: listId}),
+			this.getReplacedRoute(this.paths.create, {listId}),
 			file,
 			'background',
 		)
diff --git a/src/services/bucket.ts b/src/services/bucket.ts
index 0e0c016a..36f3c741 100644
--- a/src/services/bucket.ts
+++ b/src/services/bucket.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import BucketModel from '../models/bucket'
+import BucketModel, { type IBucket } from '../models/bucket'
 import TaskService from '@/services/task'
 
-export default class BucketService extends AbstractService {
+export default class BucketService extends AbstractService<IBucket> {
 	constructor() {
 		super({
 			getAll: '/lists/{listId}/buckets',
diff --git a/src/services/caldavToken.ts b/src/services/caldavToken.ts
index a296b8cc..736bf3b1 100644
--- a/src/services/caldavToken.ts
+++ b/src/services/caldavToken.ts
@@ -1,8 +1,8 @@
 import {formatISO} from 'date-fns'
-import CaldavTokenModel from '../models/caldavToken'
+import CaldavTokenModel, {type ICaldavToken} from '../models/caldavToken'
 import AbstractService from './abstractService'
 
-export default class CaldavTokenService extends AbstractService {
+export default class CaldavTokenService extends AbstractService<ICaldavToken> {
 	constructor() {
 		super({
 			getAll: '/user/settings/token/caldav',
@@ -11,7 +11,7 @@ export default class CaldavTokenService extends AbstractService {
 		})
 	}
 
-	processModel(model: Partial<CaldavTokenModel>) {
+	processModel(model: Partial<ICaldavToken>) {
 		return {
 			...model,
 			created: formatISO(new Date(model.created)),
diff --git a/src/services/dataExport.ts b/src/services/dataExport.ts
index 9f8720bf..3c4064ac 100644
--- a/src/services/dataExport.ts
+++ b/src/services/dataExport.ts
@@ -2,11 +2,11 @@ import AbstractService from './abstractService'
 import {downloadBlob} from '../helpers/downloadBlob'
 
 export default class DataExportService extends AbstractService {
-	request(password) {
-		return this.post('/user/export/request', {password: password})
+	request(password: string) {
+		return this.post('/user/export/request', {password})
 	}
 	
-	async download(password) {
+	async download(password: string) {
 		const clear = this.setLoading()
 		try {
 			const url = await this.getBlobUrl('/user/export/download', 'POST', {password})
diff --git a/src/services/label.ts b/src/services/label.ts
index 4dea5b81..5d3f33c3 100644
--- a/src/services/label.ts
+++ b/src/services/label.ts
@@ -1,9 +1,9 @@
 import AbstractService from './abstractService'
-import LabelModel from '../models/label'
+import LabelModel, { type ILabel } from '@/models/label'
 import {formatISO} from 'date-fns'
 import {colorFromHex} from '@/helpers/color/colorFromHex'
 
-export default class LabelService extends AbstractService {
+export default class LabelService extends AbstractService<ILabel> {
 	constructor() {
 		super({
 			create: '/labels',
diff --git a/src/services/labelTask.ts b/src/services/labelTask.ts
index 14f4758e..cabc2c40 100644
--- a/src/services/labelTask.ts
+++ b/src/services/labelTask.ts
@@ -1,7 +1,7 @@
 import AbstractService from './abstractService'
-import LabelTask from '../models/labelTask'
+import LabelTask, {type ILabelTask} from '@/models/labelTask'
 
-export default class LabelTaskService extends AbstractService {
+export default class LabelTaskService extends AbstractService<ILabelTask> {
 	constructor() {
 		super({
 			create: '/tasks/{taskId}/labels',
diff --git a/src/services/linkShare.ts b/src/services/linkShare.ts
index 34179dc6..61220d48 100644
--- a/src/services/linkShare.ts
+++ b/src/services/linkShare.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import LinkShareModel from '../models/linkShare'
+import LinkShareModel, { type ILinkShare } from '@/models/linkShare'
 import {formatISO} from 'date-fns'
 
-export default class ListService extends AbstractService {
+export default class LinkShareService extends AbstractService<ILinkShare> {
 	constructor() {
 		super({
 			getAll: '/lists/{listId}/shares',
diff --git a/src/services/list.ts b/src/services/list.ts
index dba90f95..2f05e4aa 100644
--- a/src/services/list.ts
+++ b/src/services/list.ts
@@ -1,10 +1,10 @@
 import AbstractService from './abstractService'
-import ListModel from '../models/list'
+import ListModel, { type IList } from '@/models/list'
 import TaskService from './task'
 import {formatISO} from 'date-fns'
 import {colorFromHex} from '@/helpers/color/colorFromHex'
 
-export default class ListService extends AbstractService {
+export default class ListService extends AbstractService<IList> {
 	constructor() {
 		super({
 			create: '/namespaces/{namespaceId}/lists',
diff --git a/src/services/listDuplicateService.ts b/src/services/listDuplicateService.ts
index f34af5ca..b860c7c7 100644
--- a/src/services/listDuplicateService.ts
+++ b/src/services/listDuplicateService.ts
@@ -1,7 +1,7 @@
 import AbstractService from './abstractService'
-import listDuplicateModel from '../models/listDuplicateModel'
+import listDuplicateModel, {type IListDuplicate} from '../models/listDuplicateModel'
 
-export default class ListDuplicateService extends AbstractService {
+export default class ListDuplicateService extends AbstractService<IListDuplicate> {
 	constructor() {
 		super({
 			create: '/lists/{listId}/duplicate',
diff --git a/src/services/namespace.ts b/src/services/namespace.ts
index ecd0e9d8..ce9c48c0 100644
--- a/src/services/namespace.ts
+++ b/src/services/namespace.ts
@@ -1,9 +1,9 @@
 import AbstractService from './abstractService'
-import NamespaceModel from '../models/namespace'
+import NamespaceModel, { type INamespace } from '../models/namespace'
 import {formatISO} from 'date-fns'
 import {colorFromHex} from '@/helpers/color/colorFromHex'
 
-export default class NamespaceService extends AbstractService {
+export default class NamespaceService extends AbstractService<INamespace> {
 	constructor() {
 		super({
 			create: '/namespaces',
diff --git a/src/services/notification.ts b/src/services/notification.ts
index ff21251f..2d6f36aa 100644
--- a/src/services/notification.ts
+++ b/src/services/notification.ts
@@ -1,8 +1,8 @@
 import AbstractService from '@/services/abstractService'
 import {formatISO} from 'date-fns'
-import NotificationModel from '@/models/notification'
+import NotificationModel, { type INotification } from '@/models/notification'
 
-export default class NotificationService extends AbstractService {
+export default class NotificationService extends AbstractService<INotification> {
 	constructor() {
 		super({
 			getAll: '/notifications',
diff --git a/src/services/passwordReset.ts b/src/services/passwordReset.ts
index 9d3dc56b..c43381c5 100644
--- a/src/services/passwordReset.ts
+++ b/src/services/passwordReset.ts
@@ -1,7 +1,7 @@
 import AbstractService from './abstractService'
-import PasswordResetModel from '../models/passwordReset'
+import PasswordResetModel, { type IPasswordReset } from '../models/passwordReset'
 
-export default class PasswordResetService extends AbstractService {
+export default class PasswordResetService extends AbstractService<IPasswordReset> {
 
 	constructor() {
 		super({})
diff --git a/src/services/passwordUpdateService.ts b/src/services/passwordUpdateService.ts
index 0c328dee..03306af1 100644
--- a/src/services/passwordUpdateService.ts
+++ b/src/services/passwordUpdateService.ts
@@ -1,6 +1,7 @@
+import type { IPasswordUpdate } from '@/models/passwordUpdate'
 import AbstractService from './abstractService'
 
-export default class PasswordUpdateService extends AbstractService {
+export default class PasswordUpdateService extends AbstractService<IPasswordUpdate> {
 	constructor() {
 		super({
 			update: '/user/password',
diff --git a/src/services/savedFilter.ts b/src/services/savedFilter.ts
index e9c85f6f..61ae569d 100644
--- a/src/services/savedFilter.ts
+++ b/src/services/savedFilter.ts
@@ -1,8 +1,8 @@
 import AbstractService from '@/services/abstractService'
-import SavedFilterModel from '@/models/savedFilter'
+import SavedFilterModel, { type ISavedFilter } from '@/models/savedFilter'
 import {objectToCamelCase} from '@/helpers/case'
 
-export default class SavedFilterService extends AbstractService {
+export default class SavedFilterService extends AbstractService<ISavedFilter> {
 	constructor() {
 		super({
 			get: '/filters/{id}',
diff --git a/src/services/subscription.ts b/src/services/subscription.ts
index 20c79c09..2c41d6ec 100644
--- a/src/services/subscription.ts
+++ b/src/services/subscription.ts
@@ -1,7 +1,7 @@
 import AbstractService from '@/services/abstractService'
-import SubscriptionModel from '@/models/subscription'
+import SubscriptionModel, { type ISubscription } from '@/models/subscription'
 
-export default class SubscriptionService extends AbstractService {
+export default class SubscriptionService extends AbstractService<ISubscription> {
 	constructor() {
 		super({
 			create: '/subscriptions/{entity}/{entityId}',
diff --git a/src/services/task.ts b/src/services/task.ts
index c17bc2ef..9c4ba6fc 100644
--- a/src/services/task.ts
+++ b/src/services/task.ts
@@ -1,5 +1,5 @@
 import AbstractService from './abstractService'
-import TaskModel from '../models/task'
+import TaskModel, { type ITask } from '../models/task'
 import AttachmentService from './attachment'
 import LabelService from './label'
 
@@ -14,7 +14,7 @@ const parseDate = date => {
 	return null
 }
 
-export default class TaskService extends AbstractService {
+export default class TaskService extends AbstractService<ITask> {
 	constructor() {
 		super({
 			create: '/lists/{listId}',
@@ -113,7 +113,7 @@ export default class TaskService extends AbstractService {
 			model.labels = model.labels.map(l => labelService.processModel(l))
 		}
 
-		return model
+		return model as ITask
 	}
 }
 
diff --git a/src/services/taskAssignee.ts b/src/services/taskAssignee.ts
index 6b76960b..e76921da 100644
--- a/src/services/taskAssignee.ts
+++ b/src/services/taskAssignee.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import TaskAssigneeModel from '../models/taskAssignee'
+import TaskAssigneeModel, { type ITaskAssignee } from '../models/taskAssignee'
 import {formatISO} from 'date-fns'
 
-export default class TaskAssigneeService extends AbstractService {
+export default class TaskAssigneeService extends AbstractService<ITaskAssignee> {
 	constructor() {
 		super({
 			create: '/tasks/{taskId}/assignees',
diff --git a/src/services/taskComment.ts b/src/services/taskComment.ts
index 2bf2375c..b4be337d 100644
--- a/src/services/taskComment.ts
+++ b/src/services/taskComment.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import TaskCommentModel from '../models/taskComment'
+import TaskCommentModel, { type ITaskComment } from '../models/taskComment'
 import {formatISO} from 'date-fns'
 
-export default class TaskCommentService extends AbstractService {
+export default class TaskCommentService extends AbstractService<ITaskComment> {
 	constructor() {
 		super({
 			create: '/tasks/{taskId}/comments',
diff --git a/src/services/taskRelation.ts b/src/services/taskRelation.ts
index 54459f0e..e5efdd71 100644
--- a/src/services/taskRelation.ts
+++ b/src/services/taskRelation.ts
@@ -1,8 +1,9 @@
-import AbstractService from './abstractService'
-import TaskRelationModel from '../models/taskRelation'
 import {formatISO} from 'date-fns'
 
-export default class TaskRelationService extends AbstractService {
+import AbstractService from './abstractService'
+import TaskRelationModel, {type ITaskRelation} from '@/models/taskRelation'
+
+export default class TaskRelationService extends AbstractService<ITaskRelation> {
 	constructor() {
 		super({
 			create: '/tasks/{taskId}/relations',
diff --git a/src/services/team.ts b/src/services/team.ts
index e14fd931..d4602e13 100644
--- a/src/services/team.ts
+++ b/src/services/team.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import TeamModel from '../models/team'
+import TeamModel, { type ITeam } from '../models/team'
 import {formatISO} from 'date-fns'
 
-export default class TeamService extends AbstractService {
+export default class TeamService extends AbstractService<ITeam> {
 	constructor() {
 		super({
 			create: '/teams',
diff --git a/src/services/teamList.ts b/src/services/teamList.ts
index d04af927..841b717a 100644
--- a/src/services/teamList.ts
+++ b/src/services/teamList.ts
@@ -1,9 +1,9 @@
 import AbstractService from './abstractService'
-import TeamListModel from '../models/teamList'
+import TeamListModel, { type ITeamList } from '../models/teamList'
 import TeamModel from '../models/team'
 import {formatISO} from 'date-fns'
 
-export default class TeamListService extends AbstractService {
+export default class TeamListService extends AbstractService<ITeamList> {
 	constructor() {
 		super({
 			create: '/lists/{listId}/teams',
diff --git a/src/services/teamMember.ts b/src/services/teamMember.ts
index 9927c82b..617180aa 100644
--- a/src/services/teamMember.ts
+++ b/src/services/teamMember.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import TeamMemberModel from '../models/teamMember'
+import TeamMemberModel, { type ITeamMember } from '../models/teamMember'
 import {formatISO} from 'date-fns'
 
-export default class TeamMemberService extends AbstractService {
+export default class TeamMemberService extends AbstractService<ITeamMember> {
 	constructor() {
 		super({
 			create: '/teams/{teamId}/members',
diff --git a/src/services/teamNamespace.ts b/src/services/teamNamespace.ts
index 3ceb428c..bbde8516 100644
--- a/src/services/teamNamespace.ts
+++ b/src/services/teamNamespace.ts
@@ -1,9 +1,9 @@
 import AbstractService from './abstractService'
-import TeamNamespaceModel from '../models/teamNamespace'
+import TeamNamespaceModel, { type ITeamNamespace } from '../models/teamNamespace'
 import TeamModel from '../models/team'
 import {formatISO} from 'date-fns'
 
-export default class TeamNamespaceService extends AbstractService {
+export default class TeamNamespaceService extends AbstractService<ITeamNamespace> {
 	constructor() {
 		super({
 			create: '/namespaces/{namespaceId}/teams',
diff --git a/src/services/totp.ts b/src/services/totp.ts
index 93367ab3..cd4a1a37 100644
--- a/src/services/totp.ts
+++ b/src/services/totp.ts
@@ -1,7 +1,7 @@
 import AbstractService from './abstractService'
-import TotpModel from '../models/totp'
+import TotpModel, { type ITotp } from '@/models/totp'
 
-export default class TotpService extends AbstractService {
+export default class TotpService extends AbstractService<ITotp> {
 	urlPrefix = '/user/settings/totp'
 
 	constructor() {
diff --git a/src/services/user.ts b/src/services/user.ts
index d1b5cfb3..1db5ae9c 100644
--- a/src/services/user.ts
+++ b/src/services/user.ts
@@ -1,8 +1,8 @@
 import AbstractService from './abstractService'
-import UserModel from '../models/user'
+import UserModel, { type IUser } from '../models/user'
 import {formatISO} from 'date-fns'
 
-export default class UserService extends AbstractService {
+export default class UserService extends AbstractService<IUser> {
 	constructor() {
 		super({
 			getAll: '/users',
diff --git a/src/services/userList.ts b/src/services/userList.ts
index 7cdcda59..40b823b2 100644
--- a/src/services/userList.ts
+++ b/src/services/userList.ts
@@ -1,9 +1,9 @@
 import AbstractService from './abstractService'
-import UserListModel from '../models/userList'
+import UserListModel, { type IUserList } from '../models/userList'
 import UserModel from '../models/user'
 import {formatISO} from 'date-fns'
 
-export default class UserListService extends AbstractService {
+export default class UserListService extends AbstractService<IUserList> {
 	constructor() {
 		super({
 			create: '/lists/{listId}/users',
diff --git a/src/services/userNamespace.ts b/src/services/userNamespace.ts
index 64473dff..b3ede973 100644
--- a/src/services/userNamespace.ts
+++ b/src/services/userNamespace.ts
@@ -1,9 +1,9 @@
 import AbstractService from './abstractService'
-import UserNamespaceModel from '../models/userNamespace'
+import UserNamespaceModel, { type IUserNamespace } from '../models/userNamespace'
 import UserModel from '../models/user'
 import {formatISO} from 'date-fns'
 
-export default class UserNamespaceService extends AbstractService {
+export default class UserNamespaceService extends AbstractService<IUserNamespace> {
 	constructor() {
 		super({
 			create: '/namespaces/{namespaceId}/users',
diff --git a/src/services/userSettings.ts b/src/services/userSettings.ts
index eb7aebf2..03497f6b 100644
--- a/src/services/userSettings.ts
+++ b/src/services/userSettings.ts
@@ -1,7 +1,8 @@
 
+import type { IUserSettings } from '@/models/userSettings'
 import AbstractService from './abstractService'
 
-export default class UserSettingsService extends AbstractService {
+export default class UserSettingsService extends AbstractService<IUserSettings> {
 	constructor() {
 		super({
 			update: '/user/settings/general',
diff --git a/src/store/helper.ts b/src/store/helper.ts
index c1631361..44205ddc 100644
--- a/src/store/helper.ts
+++ b/src/store/helper.ts
@@ -1,4 +1,6 @@
+import type { ActionContext } from 'vuex'
 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.
@@ -7,7 +9,11 @@ import {LOADING, LOADING_MODULE} from './mutation-types'
  * @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 const setLoading = (context, module = null, loadFunc = null) => {
+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})
diff --git a/src/store/index.ts b/src/store/index.ts
index c421cb03..34dc7c04 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,4 +1,6 @@
-import {createStore} from 'vuex'
+import type {InjectionKey} from 'vue'
+import {createStore, useStore as baseUseStore, Store} from 'vuex'
+
 import {getBlobFromBlurHash} from '../helpers/getBlobFromBlurHash'
 import {
 	BACKGROUND,
@@ -25,7 +27,16 @@ import ListModel from '@/models/list'
 import ListService from '../services/list'
 import {checkAndSetApiUrl} from '@/helpers/checkAndSetApiUrl'
 
-export const store = createStore({
+import type { RootStoreState, StoreState } from './types'
+
+export const key: InjectionKey<Store<StoreState>> = Symbol()
+
+// define your own `useStore` composition function
+export function useStore () {
+  return baseUseStore(key)
+}
+
+export const store = createStore<RootStoreState>({
 	strict: import.meta.env.DEV,
 	modules: {
 		config,
@@ -37,7 +48,7 @@ export const store = createStore({
 		attachments,
 		labels,
 	},
-	state: {
+	state: () => ({
 		loading: false,
 		loadingModule: null,
 		// This is used to highlight the current list in menu for all list related views
@@ -51,7 +62,7 @@ export const store = createStore({
 		menuActive: true,
 		keyboardShortcutsActive: false,
 		quickActionsActive: false,
-	},
+	}),
 	mutations: {
 		[LOADING](state, loading) {
 			state.loading = loading
diff --git a/src/store/modules/attachments.ts b/src/store/modules/attachments.ts
index 3dc5957b..172696e4 100644
--- a/src/store/modules/attachments.ts
+++ b/src/store/modules/attachments.ts
@@ -1,23 +1,29 @@
+import type { Module } from 'vuex'
 import {findIndexById} from '@/helpers/utils'
 
-export default {
+import type { AttachmentState, RootStoreState } from '@/store/types'
+import type { IAttachment } from '@/modelTypes/IAttachment'
+
+const store : Module<AttachmentState, RootStoreState> = {
 	namespaced: true,
 	state: () => ({
 		attachments: [],
 	}),
 	mutations: {
-		set(state, attachments) {
+		set(state, attachments: IAttachment[]) {
 			console.debug('Set attachments', attachments)
 			state.attachments = attachments
 		},
-		add(state, attachment) {
+		add(state, attachment: IAttachment) {
 			console.debug('Add attachement', attachment)
 			state.attachments.push(attachment)
 		},
-		removeById(state, id) {
-			const attachmentIndex = findIndexById(state.attachments, id)
+		removeById(state, id: IAttachment['id']) {
+			const attachmentIndex = findIndexById<IAttachment>(state.attachments, id)
 			state.attachments.splice(attachmentIndex, 1)
 			console.debug('Remove attachement', id)
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default store
\ No newline at end of file
diff --git a/src/store/modules/auth.ts b/src/store/modules/auth.ts
index a9c694c4..2e624910 100644
--- a/src/store/modules/auth.ts
+++ b/src/store/modules/auth.ts
@@ -1,3 +1,5 @@
+import type { Module } from 'vuex'
+
 import {HTTPFactory, AuthenticatedHTTPFactory} from '@/http-common'
 import {i18n, getCurrentLanguage, saveLanguage} from '@/i18n'
 import {objectToSnakeCase} from '@/helpers/case'
@@ -8,21 +10,19 @@ import {getToken, refreshToken, removeToken, saveToken} from '@/helpers/auth'
 import {setLoading} from '@/store/helper'
 import {success} from '@/message'
 import {redirectToProvider} from '@/helpers/redirectToProvider'
+import type { RootStoreState, AuthState, Info} from '@/store/types'
+import {AUTH_TYPES} from '@/store/types'
+import type { IUserSettings } from '@/modelTypes/IUserSettings'
 
-const AUTH_TYPES = {
-	'UNKNOWN': 0,
-	'USER': 1,
-	'LINK_SHARE': 2,
-}
 
-const defaultSettings = settings => {
+function defaultSettings(settings: Partial<IUserSettings>) {
 	if (typeof settings.weekStart === 'undefined' || settings.weekStart === '') {
 		settings.weekStart = 0
 	}
 	return settings
 }
 
-export default {
+const authStore : Module<AuthState, RootStoreState> =  {
 	namespaced: true,
 	state: () => ({
 		authenticated: false,
@@ -31,7 +31,7 @@ export default {
 		needsTotpPasscode: false,
 		avatarUrl: '',
 		lastUserInfoRefresh: null,
-		settings: {},
+		settings: {}, // should be IUserSettings
 	}),
 	getters: {
 		authUser(state) {
@@ -48,7 +48,7 @@ export default {
 		},
 	},
 	mutations: {
-		info(state, info) {
+		info(state, info: Info) {
 			state.info = info
 			if (info !== null) {
 				state.avatarUrl = info.getAvatarUrl()
@@ -60,22 +60,23 @@ export default {
 				state.isLinkShareAuth = info.id < 0
 			}
 		},
-		setUserSettings(state, settings) {
+		setUserSettings(state, settings: IUserSettings) {
 			state.settings = defaultSettings(settings)
-			const info = state.info !== null ? state.info : {}
+			const info = state.info !== null ? state.info : {} as Info
 			info.name = settings.name
 			state.info = info
 		},
-		authenticated(state, authenticated) {
+		authenticated(state, authenticated: boolean) {
 			state.authenticated = authenticated
 		},
-		isLinkShareAuth(state, is) {
-			state.isLinkShareAuth = is
+		isLinkShareAuth(state, isLinkShareAuth: boolean) {
+			state.isLinkShareAuth = isLinkShareAuth
 		},
-		needsTotpPasscode(state, needs) {
-			state.needsTotpPasscode = needs
+		needsTotpPasscode(state, needsTotpPasscode: boolean) {
+			state.needsTotpPasscode = needsTotpPasscode
 		},
 		reloadAvatar(state) {
+			if (!state.info) return
 			state.avatarUrl = `${state.info.getAvatarUrl()}&=${+new Date()}`
 		},
 		lastUserRefresh(state) {
@@ -291,4 +292,6 @@ export default {
 			ctx.dispatch('checkAuth')
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default authStore
\ No newline at end of file
diff --git a/src/store/modules/config.ts b/src/store/modules/config.ts
index f403b364..fb1ef8ae 100644
--- a/src/store/modules/config.ts
+++ b/src/store/modules/config.ts
@@ -1,9 +1,12 @@
+import type { Module } from 'vuex'
+import {parseURL} from 'ufo'
+
 import {CONFIG} from '../mutation-types'
 import {HTTPFactory} from '@/http-common'
 import {objectToCamelCase} from '@/helpers/case'
-import {parseURL} from 'ufo'
+import type { RootStoreState, ConfigState } from '@/store/types'
 
-export default {
+const configStore : Module<ConfigState, RootStoreState> = {
 	namespaced: true,
 	state: () => ({
 		// These are the api defaults.
@@ -36,14 +39,14 @@ export default {
 		},
 	}),
 	getters: {
-		migratorsEnabled: state => state.availableMigrators?.length > 0,
+		migratorsEnabled: (state) => state.availableMigrators?.length > 0,
 		apiBase() {
 			const {host, protocol} = parseURL(window.API_URL)
 			return protocol + '//' + host
 		},
 	},
 	mutations: {
-		[CONFIG](state, config) {
+		[CONFIG](state, config: ConfigState) {
 			Object.assign(state, config)
 		},
 	},
@@ -55,4 +58,6 @@ export default {
 			return config
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default configStore
\ No newline at end of file
diff --git a/src/store/modules/kanban.ts b/src/store/modules/kanban.ts
index 0378d9aa..df09d46c 100644
--- a/src/store/modules/kanban.ts
+++ b/src/store/modules/kanban.ts
@@ -1,3 +1,4 @@
+import type { Module } from 'vuex'
 import cloneDeep from 'lodash.clonedeep'
 
 import {findById, findIndexById} from '@/helpers/utils'
@@ -7,10 +8,14 @@ import {success} from '@/message'
 import BucketService from '../../services/bucket'
 import {setLoading} from '../helper'
 import TaskCollectionService from '@/services/taskCollection'
+import type { RootStoreState, KanbanState } from '@/store/types'
+import type { ITask } from '@/modelTypes/ITask'
+import type { IList } from '@/modelTypes/IList'
+import type { IBucket } from '@/modelTypes/IBucket'
 
 const TASKS_PER_BUCKET = 25
 
-function getTaskIndicesById(state, taskId) {
+function getTaskIndicesById(state: KanbanState, taskId: ITask['id']) {
 	let taskIndex
 	const bucketIndex = state.buckets.findIndex(({ tasks }) => {
 		taskIndex = findIndexById(tasks, taskId)
@@ -23,8 +28,11 @@ function getTaskIndicesById(state, taskId) {
 	}	
 }
 
-const addTaskToBucketAndSort = (state, task) => {
+const addTaskToBucketAndSort = (state: KanbanState, task: ITask) => {
 	const bucketIndex = findIndexById(state.buckets, task.bucketId)
+	if(typeof state.buckets[bucketIndex] === 'undefined') {
+		return
+	}
 	state.buckets[bucketIndex].tasks.push(task)
 	state.buckets[bucketIndex].tasks.sort((a, b) => a.kanbanPosition > b.kanbanPosition ? 1 : -1)
 }
@@ -33,7 +41,7 @@ const addTaskToBucketAndSort = (state, task) => {
  * This store is intended to hold the currently active kanban view.
  * It should hold only the current buckets.
  */
-export default {
+const kanbanStore : Module<KanbanState, RootStoreState> = {
 	namespaced: true,
 
 	state: () => ({
@@ -45,11 +53,11 @@ export default {
 	}),
 
 	mutations: {
-		setListId(state, listId) {
+		setListId(state, listId: IList['id']) {
 			state.listId = parseInt(listId)
 		},
 
-		setBuckets(state, buckets) {
+		setBuckets(state, buckets: IBucket[]) {
 			state.buckets = buckets
 			buckets.forEach(b => {
 				state.taskPagesPerBucket[b.id] = 1
@@ -57,31 +65,51 @@ export default {
 			})
 		},
 
-		addBucket(state, bucket) {
+		addBucket(state, bucket: IBucket) {
 			state.buckets.push(bucket)
 		},
 
-		removeBucket(state, bucket) {
+		removeBucket(state, bucket: IBucket) {
 			const bucketIndex = findIndexById(state.buckets, bucket.id)
 			state.buckets.splice(bucketIndex, 1)
 		},
 
-		setBucketById(state, bucket) {
+		setBucketById(state, bucket: IBucket) {
 			const bucketIndex = findIndexById(state.buckets, bucket.id)
 			state.buckets[bucketIndex] = bucket
 		},
 
-		setBucketByIndex(state, {bucketIndex, bucket}) {
+		setBucketByIndex(state, {
+			bucketIndex,
+			bucket,
+		} : {
+			bucketIndex: number,
+			bucket: IBucket
+		}) {
 			state.buckets[bucketIndex] = bucket
 		},
 
-		setTaskInBucketByIndex(state, {bucketIndex, taskIndex, task}) {
+		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}) {
+		setTasksInBucketByBucketId(state, {
+			bucketId,
+			tasks,
+		} : {
+			bucketId: IBucket['id'],
+			tasks: ITask[],
+		}) {
 			const bucketIndex = findIndexById(state.buckets, bucketId)
 			state.buckets[bucketIndex] = {
 				...state.buckets[bucketIndex],
@@ -89,7 +117,7 @@ export default {
 			}
 		},
 		
-		setTaskInBucket(state, task) {
+		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
@@ -133,7 +161,7 @@ export default {
 			}
 		},
 
-		addTaskToBucket(state, task) {
+		addTaskToBucket(state, task: ITask) {
 			const bucketIndex = findIndexById(state.buckets, task.bucketId)
 			const oldBucket = state.buckets[bucketIndex]
 			const newBucket = {
@@ -146,7 +174,10 @@ export default {
 			state.buckets[bucketIndex] = newBucket
 		},
 
-		addTasksToBucket(state, {tasks, bucketId}) {
+		addTasksToBucket(state, {tasks, bucketId}: {
+			tasks: ITask[];
+			bucketId: IBucket['id'];
+		}) {
 			const bucketIndex = findIndexById(state.buckets, bucketId)
 			const oldBucket = state.buckets[bucketIndex]
 			const newBucket = {
@@ -159,7 +190,7 @@ export default {
 			state.buckets[bucketIndex] = newBucket
 		},
 
-		removeTaskInBucket(state, task) {
+		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
@@ -168,8 +199,10 @@ export default {
 			const { bucketIndex, taskIndex } = getTaskIndicesById(state, task.id)
 
 			if (
+				!bucketIndex || 
 				state.buckets[bucketIndex]?.id !== task.bucketId ||
-				state.buckets[bucketIndex]?.tasks[taskIndex]?.id !== task.id
+				!taskIndex ||
+				(state.buckets[bucketIndex]?.tasks[taskIndex]?.id !== task.id)
 			) {
 				return
 			}
@@ -181,28 +214,29 @@ export default {
 			state.bucketLoading[bucketId] = loading
 		},
 
-		setTasksLoadedForBucketPage(state, {bucketId, page}) {
+		setTasksLoadedForBucketPage(state: KanbanState, {bucketId, page}) {
 			state.taskPagesPerBucket[bucketId] = page
 		},
 
-		setAllTasksLoadedForBucket(state, bucketId) {
+		setAllTasksLoadedForBucket(state: KanbanState, bucketId) {
 			state.allTasksLoadedForBucket[bucketId] = true
 		},
 	},
 
 	getters: {
 		getBucketById(state) {
-			return (bucketId) => findById(state.buckets, bucketId)
+			return (bucketId: IBucket['id']) => findById(state.buckets, bucketId)
 		},
 
 		getTaskById(state) {
-			return (id) => {
+			return (id: ITask['id']) => {
 				const { bucketIndex, taskIndex } = getTaskIndicesById(state, id)
 
+				
 				return {
 					bucketIndex,
 					taskIndex,
-					task: state.buckets[bucketIndex]?.tasks?.[taskIndex] || null,
+					task: bucketIndex && taskIndex && state.buckets[bucketIndex]?.tasks?.[taskIndex] || null,
 				}
 			}
 		},
@@ -219,7 +253,7 @@ export default {
 
 			const bucketService = new BucketService()
 			try {
-				const response = await  bucketService.getAll({listId: listId}, params)
+				const response = await  bucketService.getAll({listId}, params)
 				ctx.commit('setBuckets', response)
 				ctx.commit('setListId', listId)
 				return response
@@ -270,7 +304,7 @@ export default {
 
 			const taskService = new TaskCollectionService()
 			try {
-				const tasks = await taskService.getAll({listId: listId}, params, page)
+				const tasks = await taskService.getAll({listId}, params, page)
 				ctx.commit('addTasksToBucket', {tasks, bucketId: bucketId})
 				ctx.commit('setTasksLoadedForBucketPage', {bucketId, page})
 				if (taskService.totalPages <= page) {
@@ -283,7 +317,7 @@ export default {
 			}
 		},
 
-		async createBucket(ctx, bucket) {
+		async createBucket(ctx, bucket: IBucket) {
 			const cancel = setLoading(ctx, 'kanban')
 
 			const bucketService = new BucketService()
@@ -304,7 +338,7 @@ export default {
 				const response = await bucketService.delete(bucket)
 				ctx.commit('removeBucket', bucket)
 				// We reload all buckets because tasks are being moved from the deleted bucket
-				ctx.dispatch('loadBucketsForList', {listId: bucket.listId, params: params})
+				ctx.dispatch('loadBucketsForList', {listId: bucket.listId, params})
 				return response
 			} finally {
 				cancel()
@@ -342,7 +376,7 @@ export default {
 		async updateBucketTitle(ctx, { id, title }) {
 			const bucket = findById(ctx.state.buckets, id)
 
-			if (bucket.title === title) {
+			if (bucket?.title === title) {
 				// bucket title has not changed
 				return
 			}
@@ -356,4 +390,6 @@ export default {
 			success({message: i18n.global.t('list.kanban.bucketTitleSavedSuccess')})
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default kanbanStore
\ No newline at end of file
diff --git a/src/store/modules/labels.ts b/src/store/modules/labels.ts
index 24ad50c4..928b6b1e 100644
--- a/src/store/modules/labels.ts
+++ b/src/store/modules/labels.ts
@@ -1,15 +1,19 @@
+import type { Module } from 'vuex'
+
+import {i18n} from '@/i18n'
+import {success} from '@/message'
 import LabelService from '@/services/label'
 import {setLoading} from '@/store/helper'
-import {success} from '@/message'
-import {i18n} from '@/i18n'
+import type { LabelState, RootStoreState } from '@/store/types'
 import {getLabelsByIds, filterLabelsByQuery} from '@/helpers/labels'
 import {createNewIndexer} from '@/indexes'
+import type { ILabel } from '@/modelTypes/ILabel'
 
 const {add, remove, update} = createNewIndexer('labels', ['title', 'description'])
 
-async function getAllLabels(page = 1) {
+async function getAllLabels(page = 1): Promise<ILabel[]> {
 	const labelService = new LabelService()
-	const labels = await labelService.getAll({}, {}, page)
+	const labels  = await labelService.getAll({}, {}, page) as ILabel[]
 	if (page < labelService.totalPages) {
 		const nextLabels = await getAllLabels(page + 1)
 		return labels.concat(nextLabels)
@@ -18,38 +22,37 @@ async function getAllLabels(page = 1) {
 	}
 }
 
-export default {
+const LabelStore : Module<LabelState, RootStoreState> = {
 	namespaced: true,
 	state: () => ({
-		// The labels are stored as an object which has the label ids as keys.
 		labels: {},
 		loaded: false,
 	}),
 	mutations: {
-		setLabels(state, labels) {
+		setLabels(state, labels: ILabel[]) {
 			labels.forEach(l => {
 				state.labels[l.id] = l
 				add(l)
 			})
 		},
-		setLabel(state, label) {
+		setLabel(state, label: ILabel) {
 			state.labels[label.id] = label
 			update(label)
 		},
-		removeLabelById(state, label) {
+		removeLabelById(state, label: ILabel) {
 			remove(label)
 			delete state.labels[label.id]
 		},
-		setLoaded(state, loaded) {
+		setLoaded(state, loaded: boolean) {
 			state.loaded = loaded
 		},
 	},
 	getters: {
 		getLabelsByIds(state) {
-			return (ids) => getLabelsByIds(state, ids)
+			return (ids: ILabel['id'][]) => getLabelsByIds(state, ids)
 		},
 		filterLabelsByQuery(state) {
-			return (labelsToHide, query) => filterLabelsByQuery(state, labelsToHide, query)
+			return (labelsToHide: ILabel[], query: string) => filterLabelsByQuery(state, labelsToHide, query)
 		},
 		getLabelsByExactTitles(state) {
 			return labelTitles => Object
@@ -74,7 +77,7 @@ export default {
 				cancel()
 			}
 		},
-		async deleteLabel(ctx, label) {
+		async deleteLabel(ctx, label: ILabel) {
 			const cancel = setLoading(ctx, 'labels')
 			const labelService = new LabelService()
 
@@ -87,7 +90,7 @@ export default {
 				cancel()
 			}
 		},
-		async updateLabel(ctx, label) {
+		async updateLabel(ctx, label: ILabel) {
 			const cancel = setLoading(ctx, 'labels')
 			const labelService = new LabelService()
 
@@ -100,7 +103,7 @@ export default {
 				cancel()
 			}
 		},
-		async createLabel(ctx, label) {
+		async createLabel(ctx, label: ILabel) {
 			const cancel = setLoading(ctx, 'labels')
 			const labelService = new LabelService()
 
@@ -114,3 +117,5 @@ export default {
 		},
 	},
 }
+
+export default LabelStore
\ No newline at end of file
diff --git a/src/store/modules/lists.ts b/src/store/modules/lists.ts
index 90bea086..be2e3fcf 100644
--- a/src/store/modules/lists.ts
+++ b/src/store/modules/lists.ts
@@ -1,46 +1,50 @@
+import type { Module } from 'vuex'
+
 import ListService from '@/services/list'
 import {setLoading} from '@/store/helper'
 import {removeListFromHistory} from '@/modules/listHistory'
 import {createNewIndexer} from '@/indexes'
+import type {ListState, RootStoreState} from '@/store/types'
+import type {IList} from '@/modelTypes/IList'
 
 const {add, remove, search, update} = createNewIndexer('lists', ['title', 'description'])
 
 const FavoriteListsNamespace = -2
 
-export default {
+const listsStore : Module<ListState, RootStoreState>= {
 	namespaced: true,
 	// The state is an object which has the list ids as keys.
 	state: () => ({}),
 	mutations: {
-		setList(state, list) {
+		setList(state, list: IList) {
 			state[list.id] = list
 			update(list)
 		},
-		setLists(state, lists) {
+		setLists(state, lists: IList[]) {
 			lists.forEach(l => {
 				state[l.id] = l
 				add(l)
 			})
 		},
-		removeListById(state, list) {
+		removeListById(state, list: IList) {
 			remove(list)
 			delete state[list.id]
 		},
 	},
 	getters: {
-		getListById: state => id => {
+		getListById: (state) => (id: IList['id']) => {
 			if (typeof state[id] !== 'undefined') {
 				return state[id]
 			}
 			return null
 		},
-		findListByExactname: state => name => {
+		findListByExactname: (state) => (name: string) => {
 			const list = Object.values(state).find(l => {
 				return l.title.toLowerCase() === name.toLowerCase()
 			})
 			return typeof list === 'undefined' ? null : list
 		},
-		searchList: state => (query, includeArchived = false) => {
+		searchList: (state) => (query: string, includeArchived = false) => {
 			return search(query)
 					?.filter(value => value > 0)
 					.map(id => state[id])
@@ -49,14 +53,14 @@ export default {
 		},
 	},
 	actions: {
-		toggleListFavorite(ctx, list) {
+		toggleListFavorite(ctx, list: IList) {
 			return ctx.dispatch('updateList', {
 				...list,
 				isFavorite: !list.isFavorite,
 			})
 		},
 
-		async createList(ctx, list) {
+		async createList(ctx, list: IList) {
 			const cancel = setLoading(ctx, 'lists')
 			const listService = new ListService()
 
@@ -71,7 +75,7 @@ export default {
 			}
 		},
 
-		async updateList(ctx, list) {
+		async updateList(ctx, list: IList) {
 			const cancel = setLoading(ctx, 'lists')
 			const listService = new ListService()
 
@@ -106,7 +110,7 @@ export default {
 			}
 		},
 
-		async deleteList(ctx, list) {
+		async deleteList(ctx, list: IList) {
 			const cancel = setLoading(ctx, 'lists')
 			const listService = new ListService()
 
@@ -121,4 +125,6 @@ export default {
 			}
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default listsStore
\ No newline at end of file
diff --git a/src/store/modules/namespaces.ts b/src/store/modules/namespaces.ts
index 4512fb89..d835c709 100644
--- a/src/store/modules/namespaces.ts
+++ b/src/store/modules/namespaces.ts
@@ -1,22 +1,27 @@
+import type { Module } from 'vuex'
+
 import NamespaceService from '../../services/namespace'
 import {setLoading} from '@/store/helper'
 import {createNewIndexer} from '@/indexes'
+import type {NamespaceState, RootStoreState} from '@/store/types'
+import type {INamespace} from '@/modelTypes/INamespace'
+import type {IList} from '@/modelTypes/IList'
 
 const {add, remove, search, update} = createNewIndexer('namespaces', ['title', 'description'])
 
-export default {
+const namespacesStore : Module<NamespaceState, RootStoreState> = {
 	namespaced: true,
 	state: () => ({
 		namespaces: [],
 	}),
 	mutations: {
-		namespaces(state, namespaces) {
+		namespaces(state, namespaces: INamespace[]) {
 			state.namespaces = namespaces
 			namespaces.forEach(n => {
 				add(n)
 			})
 		},
-		setNamespaceById(state, namespace) {
+		setNamespaceById(state, namespace: INamespace) {
 			const namespaceIndex = state.namespaces.findIndex(n => n.id === namespace.id)
 
 			if (namespaceIndex === -1) {
@@ -30,7 +35,7 @@ export default {
 			state.namespaces[namespaceIndex] = namespace
 			update(namespace)
 		},
-		setListInNamespaceById(state, list) {
+		setListInNamespaceById(state, list: IList) {
 			for (const n in state.namespaces) {
 				// We don't have the namespace id on the list which means we need to loop over all lists until we find it.
 				// FIXME: Not ideal at all - we should fix that at the api level.
@@ -46,11 +51,11 @@ export default {
 				}
 			}
 		},
-		addNamespace(state, namespace) {
+		addNamespace(state, namespace: INamespace) {
 			state.namespaces.push(namespace)
 			add(namespace)
 		},
-		removeNamespaceById(state, namespaceId) {
+		removeNamespaceById(state, namespaceId: INamespace['id']) {
 			for (const n in state.namespaces) {
 				if (state.namespaces[n].id === namespaceId) {
 					remove(state.namespaces[n])
@@ -59,7 +64,7 @@ export default {
 				}
 			}
 		},
-		addListToNamespace(state, list) {
+		addListToNamespace(state, list: IList) {
 			for (const n in state.namespaces) {
 				if (state.namespaces[n].id === list.namespaceId) {
 					state.namespaces[n].lists.push(list)
@@ -67,7 +72,7 @@ export default {
 				}
 			}
 		},
-		removeListFromNamespaceById(state, list) {
+		removeListFromNamespaceById(state, list: IList) {
 			for (const n in state.namespaces) {
 				// We don't have the namespace id on the list which means we need to loop over all lists until we find it.
 				// FIXME: Not ideal at all - we should fix that at the api level.
@@ -83,7 +88,7 @@ export default {
 		},
 	},
 	getters: {
-		getListAndNamespaceById: state => (listId, ignorePseudoNamespaces = false) => {
+		getListAndNamespaceById: (state) => (listId: IList['id'], ignorePseudoNamespaces = false) => {
 			for (const n in state.namespaces) {
 
 				if (ignorePseudoNamespaces && state.namespaces[n].id < 0) {
@@ -101,10 +106,10 @@ export default {
 			}
 			return null
 		},
-		getNamespaceById: state => namespaceId => {
+		getNamespaceById: (state) => (namespaceId: INamespace['id']) => {
 			return state.namespaces.find(({id}) => id == namespaceId) || null
 		},
-		searchNamespace: (state, getters) => query => {
+		searchNamespace: (state, getters) => (query: string) => {
 			return search(query)
 					?.filter(value => value > 0)
 					.map(getters.getNamespaceById)
@@ -146,7 +151,7 @@ export default {
 			}
 		},
 
-		async deleteNamespace(ctx, namespace) {
+		async deleteNamespace(ctx, namespace: INamespace) {
 			const cancel = setLoading(ctx, 'namespaces')
 			const namespaceService = new NamespaceService()
 
@@ -159,7 +164,7 @@ export default {
 			}
 		},
 
-		async createNamespace(ctx, namespace) {
+		async createNamespace(ctx, namespace: INamespace) {
 			const cancel = setLoading(ctx, 'namespaces')
 			const namespaceService = new NamespaceService()
 
@@ -172,4 +177,6 @@ export default {
 			}
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default namespacesStore
\ No newline at end of file
diff --git a/src/store/modules/tasks.ts b/src/store/modules/tasks.ts
index a0b7671b..33228691 100644
--- a/src/store/modules/tasks.ts
+++ b/src/store/modules/tasks.ts
@@ -1,20 +1,30 @@
+import type { Module } from 'vuex'
 import router from '@/router'
+import {formatISO} from 'date-fns'
 
 import TaskService from '@/services/task'
 import TaskAssigneeService from '@/services/taskAssignee'
-import TaskAssigneeModel from '../../models/taskAssignee'
-import LabelTaskModel from '../../models/labelTask'
 import LabelTaskService from '@/services/labelTask'
+import UserService from '@/services/user'
+
 import {HAS_TASKS} from '../mutation-types'
 import {setLoading} from '../helper'
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
-
 import {parseTaskText} from '@/modules/parseTaskText'
+
+import TaskAssigneeModel from '@/models/taskAssignee'
+import LabelTaskModel from '@/models/labelTask'
 import TaskModel from '@/models/task'
-import {formatISO} from 'date-fns'
 import LabelTask from '@/models/labelTask'
 import LabelModel from '@/models/label'
-import UserService from '@/services/user'
+
+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 { RootStoreState, TaskState } from '@/store/types'
 
 // IDEA: maybe use a small fuzzy search here to prevent errors
 function findPropertyByValue(object, key, value) {
@@ -24,16 +34,16 @@ function findPropertyByValue(object, key, value) {
 }
 
 // Check if the user exists
-function validateUsername(users, username) {
+function validateUsername(users: IUser[], username: IUser['username']) {
 	return findPropertyByValue(users, 'username', username)
 }
 
 // Check if the label exists
-function validateLabel(labels, label) {
+function validateLabel(labels: ILabel[], label: ILabel) {
 	return findPropertyByValue(labels, 'title', label)
 }
 
-async function addLabelToTask(task, label) {
+async function addLabelToTask(task: ITask, label: ILabel) {
 	const labelTask = new LabelTask({
 		taskId: task.id,
 		labelId: label.id,
@@ -60,7 +70,7 @@ async function findAssignees(parsedTaskAssignees) {
 }
 
 
-export default {
+const tasksStore : Module<TaskState, RootStoreState>= {
 	namespaced: true,
 	state: () => ({}),
 	actions: {
@@ -77,7 +87,7 @@ export default {
 			}
 		},
 
-		async update(ctx, task) {
+		async update(ctx, task: ITask) {
 			const cancel = setLoading(ctx, 'tasks')
 
 			const taskService = new TaskService()
@@ -90,7 +100,7 @@ export default {
 			}
 		},
 
-		async delete(ctx, task) {
+		async delete(ctx, task: ITask) {
 			const taskService = new TaskService()
 			const response = await taskService.delete(task)
 			ctx.commit('kanban/removeTaskInBucket', task, {root: true})
@@ -99,7 +109,13 @@ export default {
 
 		// Adds a task attachment in store.
 		// This is an action to be able to commit other mutations
-		addTaskAttachment(ctx, {taskId, attachment}) {
+		addTaskAttachment(ctx, {
+			taskId,
+			attachment,
+		}: {
+			taskId: ITask['id']
+			attachment: IAttachment
+		}) {
 			const t = ctx.rootGetters['kanban/getTaskById'](taskId)
 			if (t.task !== null) {
 				const attachments = [
@@ -119,7 +135,13 @@ export default {
 			ctx.commit('attachments/add', attachment, {root: true})
 		},
 
-		async addAssignee(ctx, {user, taskId}) {
+		async addAssignee(ctx, {
+			user,
+			taskId,
+		}: {
+			user: IUser,
+			taskId: ITask['id']
+		}) {
 			const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: taskId})
 
 			const taskAssigneeService = new TaskAssigneeService()
@@ -148,7 +170,13 @@ export default {
 			return r
 		},
 
-		async removeAssignee(ctx, {user, taskId}) {
+		async removeAssignee(ctx, {
+			user,
+			taskId,
+		}: {
+			user: IUser,
+			taskId: ITask['id']
+		}) {
 			const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: taskId})
 
 			const taskAssigneeService = new TaskAssigneeService()
@@ -175,8 +203,14 @@ export default {
 
 		},
 
-		async addLabel(ctx, {label, taskId}) {
-			const labelTask = new LabelTaskModel({taskId: taskId, labelId: label.id})
+		async addLabel(ctx, {
+			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)
@@ -206,7 +240,7 @@ export default {
 		},
 
 		async removeLabel(ctx, {label, taskId}) {
-			const labelTask = new LabelTaskModel({taskId: taskId, labelId: label.id})
+			const labelTask = new LabelTaskModel({taskId, labelId: label.id})
 
 			const labelTaskService = new LabelTaskService()
 			const response = await labelTaskService.delete(labelTask)
@@ -234,7 +268,10 @@ export default {
 		},
 
 		// Do everything that is involved in finding, creating and adding the label to the task
-		async addLabelsToTask({rootState, dispatch}, { task, parsedLabels }) {
+		async addLabelsToTask({rootState, dispatch}, {
+			task,
+			parsedLabels,
+		}) {
 			if (parsedLabels.length <= 0) {
 				return task
 			}
@@ -257,7 +294,10 @@ export default {
 			return task
 		},
 
-		findListId({ rootGetters }, { list: listName, listId }) {
+		findListId({ rootGetters }, { list: listName, listId }: {
+			list: string,
+			listId: IList['id']
+		}) {
 			let foundListId = null
 			
 			// Uses the following ways to get the list id of the new task:
@@ -285,16 +325,18 @@ export default {
 			return foundListId
 		},
 
-		async createNewTask({dispatch, commit}, { 
+		async createNewTask(ctx, { 
 			title,
 			bucketId,
 			listId,
 			position,
-		}) {
-			const cancel = setLoading({commit}, 'tasks')
+		} : 
+			Partial<ITask>,
+		) {
+			const cancel = setLoading(ctx, 'tasks')
 			const parsedTask = parseTaskText(title, getQuickAddMagicMode())
 		
-			const foundListId = await dispatch('findListId', {
+			const foundListId = await ctx.dispatch('findListId', {
 				list: parsedTask.list,
 				listId: listId || 0,
 			})
@@ -321,7 +363,7 @@ export default {
 		
 			const taskService = new TaskService()
 			const createdTask = await taskService.create(task)
-			const result = await dispatch('addLabelsToTask', {
+			const result = await ctx.dispatch('addLabelsToTask', {
 				task: createdTask,
 				parsedLabels: parsedTask.labels,
 			})
@@ -329,4 +371,6 @@ export default {
 			return result
 		},
 	},
-}
\ No newline at end of file
+}
+
+export default tasksStore
\ No newline at end of file
diff --git a/src/store/types.ts b/src/store/types.ts
new file mode 100644
index 00000000..2cc467a1
--- /dev/null
+++ b/src/store/types.ts
@@ -0,0 +1,118 @@
+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'
+
+export interface RootStoreState {
+	loading: boolean,
+	loadingModule: null,
+	currentList: IList,
+	background: string,
+	blurHash: string,
+	hasTasks: boolean,
+	menuActive: boolean,
+	keyboardShortcutsActive: boolean,
+	quickActionsActive: boolean,
+}
+
+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,
+	needsTotpPasscode: boolean,
+	avatarUrl: string,
+	lastUserInfoRefresh: Date | null,
+	settings: IUserSettings,
+}
+
+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: {},
+	taskPagesPerBucket: {
+		[id: IBucket['id']]: number
+	},
+	allTasksLoadedForBucket: {
+		[id: IBucket['id']]: boolean
+	},
+}
+
+export interface LabelState {
+	labels: {
+		[id: ILabel['id']]: ILabel
+	},
+	loaded: boolean,
+}
+
+export interface ListState {
+	[id: IList['id']]: IList
+}
+
+export interface NamespaceState {
+	namespaces: INamespace[]
+}
+
+export interface TaskState {}
+
+
+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/types/IFilter.ts b/src/types/IFilter.ts
new file mode 100644
index 00000000..aca000ab
--- /dev/null
+++ b/src/types/IFilter.ts
@@ -0,0 +1,9 @@
+export interface IFilter {
+	sortBy: ('done' | 'id')[]
+	orderBy: ('asc' | 'desc')[]
+	filterBy: 'done'[]
+	filterValue: 'false'[]
+	filterComparator: 'equals'[]
+	filterConcat: 'and'
+	filterIncludeNulls: boolean
+}
\ No newline at end of file
diff --git a/src/types/IRelationKind.ts b/src/types/IRelationKind.ts
new file mode 100644
index 00000000..a9ffb3d6
--- /dev/null
+++ b/src/types/IRelationKind.ts
@@ -0,0 +1,16 @@
+export enum RELATION_KIND {
+	'SUBTASK' = 'subtask',
+	'PARENTTASK' = 'parenttask',
+	'RELATED' = 'related',
+	'DUPLICATES' = 'duplicates',
+	'BLOCKING' = 'blocking',
+	'BLOCKED' = 'blocked',
+	'PROCEDES' = 'precedes',
+	'FOLLOWS' = 'follows',
+	'COPIEDFROM' = 'copiedfrom',
+	'COPIEDTO' = 'copiedto',
+}
+	
+export type IRelationKind = typeof RELATION_KIND[keyof typeof RELATION_KIND] 
+ 
+export const RELATION_KINDS = [...Object.values(RELATION_KIND)] as const
\ No newline at end of file
diff --git a/src/types/IRepeatAfter.ts b/src/types/IRepeatAfter.ts
new file mode 100644
index 00000000..0b132a2f
--- /dev/null
+++ b/src/types/IRepeatAfter.ts
@@ -0,0 +1,14 @@
+export const REPEAT_TYPES = {
+	Hours: 'hours',
+	Days: 'days',
+	Weeks: 'weeks',
+	Months: 'months',
+	Years: 'years',
+} as const
+
+export type IRepeatType = typeof REPEAT_TYPES[keyof typeof REPEAT_TYPES]
+
+export interface IRepeatAfter {
+	type: IRepeatType,
+	amount: number,
+}
\ No newline at end of file
diff --git a/src/types/IRepeatMode.ts b/src/types/IRepeatMode.ts
new file mode 100644
index 00000000..46297ff7
--- /dev/null
+++ b/src/types/IRepeatMode.ts
@@ -0,0 +1,7 @@
+export const TASK_REPEAT_MODES = {
+	'REPEAT_MODE_DEFAULT': 0,
+	'REPEAT_MODE_MONTH': 1,
+	'REPEAT_MODE_FROM_CURRENT_DATE': 2,
+} as const
+
+export type IRepeatMode = typeof TASK_REPEAT_MODES[keyof typeof TASK_REPEAT_MODES] 
diff --git a/src/types/shims-vue.d.ts b/src/types/shims-vue.d.ts
index af426f99..e073434c 100644
--- a/src/types/shims-vue.d.ts
+++ b/src/types/shims-vue.d.ts
@@ -1,13 +1,30 @@
 // 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' {
-  // Declare your own store states.
-  interface State {
-    count: number
-  }
 
   interface ComponentCustomProperties {
-    $store: Store<State>
+    $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 92110b66..fe34d205 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -60,7 +60,7 @@
 
 <script lang="ts" setup>
 import {ref, computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import Message from '@/components/misc/message.vue'
 import ShowTasks from '@/views/tasks/ShowTasks.vue'
@@ -89,7 +89,7 @@ const listHistory = computed(() => {
 const migratorsEnabled = computed(() => store.state.config.availableMigrators?.length > 0)
 const userInfo = computed(() => store.state.auth.info)
 const hasTasks = computed(() => store.state.hasTasks)
-const defaultListId = computed(() => store.state.auth.defaultListId)
+const defaultListId = computed(() => store.state.auth.settings.defaultListId)
 const defaultNamespaceId = computed(() => store.state.namespaces.namespaces?.[0]?.id || 0)
 const hasLists = computed(() => store.state.namespaces.namespaces?.[0]?.lists.length > 0)
 const loading = computed(() => store.state.loading && store.state.loadingModule === 'tasks')
diff --git a/src/views/filters/FilterDelete.vue b/src/views/filters/FilterDelete.vue
index 15238ec0..0f2c6fbf 100644
--- a/src/views/filters/FilterDelete.vue
+++ b/src/views/filters/FilterDelete.vue
@@ -27,7 +27,7 @@ const route = useRoute()
 
 async function deleteSavedFilter() {
 	// We assume the listId in the route is the pseudolist
-	const savedFilterId = getSavedFilterIdFromListId(route.params.listId)
+	const savedFilterId = getSavedFilterIdFromListId(Number((route.params.listId as string)))
 
 	const filterService = new SavedFilterService()
 	const filter = new SavedFilterModel({id: savedFilterId})
diff --git a/src/views/filters/FilterEdit.vue b/src/views/filters/FilterEdit.vue
index 9f978b17..7a64a92d 100644
--- a/src/views/filters/FilterEdit.vue
+++ b/src/views/filters/FilterEdit.vue
@@ -52,11 +52,12 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowRef, computed, watch} from 'vue'
+import {ref, shallowRef, computed, watch, unref } from 'vue'
 import {useRouter, useRoute} from 'vue-router'
 import {store} from '@/store'
-import {success} from '@/message'
+import {success}  from '@/message'
 import {useI18n} from 'vue-i18n'
+import type {MaybeRef} from '@vueuse/core'
 
 import {default as Editor} from '@/components/input/AsyncEditor'
 import CreateEdit from '@/components/misc/create-edit.vue'
@@ -67,10 +68,11 @@ import SavedFilterService from '@/services/savedFilter'
 
 import {objectToSnakeCase} from '@/helpers/case'
 import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
+import type { IList } from '@/models/list'
 
 const {t} = useI18n({useScope: 'global'})
 
-function useSavedFilter(listId) {
+function useSavedFilter(listId: MaybeRef<IList['id']>) {
 	const filterService = shallowRef(new SavedFilterService())
 
 	const filter = ref(new SavedFilterModel())
@@ -82,9 +84,9 @@ function useSavedFilter(listId) {
 	})
 
 	// loadSavedFilter
-	watch(listId, async () => {
+	watch(() => unref(listId), async () => {
 		// We assume the listId in the route is the pseudolist
-		const savedFilterId = getSavedFilterIdFromListId(route.params.listId)
+		const savedFilterId = getSavedFilterIdFromListId(Number(route.params.listId as string))
 
 		filter.value = new SavedFilterModel({id: savedFilterId})
 		const response = await filterService.value.get(filter.value)
@@ -110,7 +112,7 @@ function useSavedFilter(listId) {
 }
 
 const route = useRoute()
-const listId = computed(() => route.params.listId)
+const listId =	computed(() => Number(route.params.listId as string))
 
 const {
 	save,
diff --git a/src/views/labels/ListLabels.vue b/src/views/labels/ListLabels.vue
index e321a6e0..b2970ada 100644
--- a/src/views/labels/ListLabels.vue
+++ b/src/views/labels/ListLabels.vue
@@ -113,12 +113,13 @@
 import {defineComponent} from 'vue'
 import {mapState} from 'vuex'
 
-import LabelModel from '../../models/label'
+import LabelModel, { type ILabel } from '../../models/label'
 import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import AsyncEditor from '@/components/input/AsyncEditor'
-import ColorPicker from '@/components/input/colorPicker'
+import ColorPicker from '@/components/input/colorPicker.vue'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	name: 'ListLabels',
@@ -140,7 +141,7 @@ export default defineComponent({
 		this.$store.dispatch('labels/loadAllLabels')
 	},
 	mounted() {
-		this.setTitle(this.$t('label.title'))
+		setTitle(this.$t('label.title'))
 	},
 	computed: mapState({
 		userInfo: state => state.auth.info,
@@ -149,7 +150,7 @@ export default defineComponent({
 		loading: state => state[LOADING] && state[LOADING_MODULE] === 'labels',
 	}),
 	methods: {
-		deleteLabel(label) {
+		deleteLabel(label: ILabel) {
 			this.showDeleteModal = false
 			this.isLabelEdit = false
 			return this.$store.dispatch('labels/deleteLabel', label)
@@ -157,7 +158,7 @@ export default defineComponent({
 		editLabelSubmit() {
 			return this.$store.dispatch('labels/updateLabel', this.labelEditLabel)
 		},
-		editLabel(label) {
+		editLabel(label: ILabel) {
 			if (label.createdBy.id !== this.userInfo.id) {
 				return
 			}
@@ -179,7 +180,7 @@ export default defineComponent({
 			this.editorActive = false
 			this.$nextTick(() => this.editorActive = true)
 		},
-		showDeleteDialoge(label) {
+		showDeleteDialoge(label: ILabel) {
 			this.labelToDelete = label
 			this.showDeleteModal = true
 		},
diff --git a/src/views/labels/NewLabel.vue b/src/views/labels/NewLabel.vue
index a62c9089..0798b359 100644
--- a/src/views/labels/NewLabel.vue
+++ b/src/views/labels/NewLabel.vue
@@ -38,9 +38,10 @@
 import {defineComponent} from 'vue'
 import LabelModel from '../../models/label'
 import CreateEdit from '@/components/misc/create-edit.vue'
-import ColorPicker from '../../components/input/colorPicker'
+import ColorPicker from '../../components/input/colorPicker.vue'
 import {mapState} from 'vuex'
 import {LOADING, LOADING_MODULE} from '@/store/mutation-types'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	name: 'NewLabel',
@@ -55,7 +56,7 @@ export default defineComponent({
 		ColorPicker,
 	},
 	mounted() {
-		this.setTitle(this.$t('label.create.title'))
+		setTitle(this.$t('label.create.title'))
 	},
 	computed: mapState({
 		loading: state => state[LOADING] && state[LOADING_MODULE] === 'labels',
diff --git a/src/views/list/ListGantt.vue b/src/views/list/ListGantt.vue
index 3373e495..f4dc8882 100644
--- a/src/views/list/ListGantt.vue
+++ b/src/views/list/ListGantt.vue
@@ -69,7 +69,7 @@ import {ref, computed} from 'vue'
 import flatPickr from 'vue-flatpickr-component'
 
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import ListWrapper from './ListWrapper.vue'
 import GanttChart from '@/components/tasks/gantt-component.vue'
diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index 447d849e..3252a25f 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -230,7 +230,7 @@ import cloneDeep from 'lodash.clonedeep'
 
 import BucketModel from '../../models/bucket'
 import {mapState} from 'vuex'
-import Rights from '../../models/constants/rights.json'
+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'
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index c94caf30..b5ef4aa5 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -144,7 +144,7 @@ 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 from '../../models/constants/rights.json'
+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'
@@ -153,9 +153,10 @@ import {ALPHABETICAL_SORT} from '@/components/list/partials/filters.vue'
 
 import draggable from 'zhyswan-vuedraggable'
 import {calculateItemPosition} from '../../helpers/calculateItemPosition'
+import type { ITask } from '@/models/task'
 
-function sortTasks(tasks) {
-	if (tasks === null || tasks === []) {
+function sortTasks(tasks: ITask[]) {
+	if (tasks === null || Array.isArray(tasks) && tasks.length === 0) {
 		return
 	}
 	return tasks.sort((a, b) => {
@@ -273,7 +274,7 @@ export default defineComponent({
 		focusNewTaskInput() {
 			this.$refs.addTask.focusTaskInput()
 		},
-		updateTaskList( task ) {
+		updateTaskList(task: ITask) {
 			if ( this.isAlphabeticalSorting ) {
 				// reload tasks with current filter and sorting
 				this.loadTasks(1, undefined, undefined, true)
@@ -287,11 +288,11 @@ export default defineComponent({
 
 			this.$store.commit(HAS_TASKS, true)
 		},
-		editTask(id) {
+		editTask(id: ITask['id']) {
 			this.taskEditTask = {...this.tasks.find(t => t.id === parseInt(id))}
 			this.isTaskEdit = true
 		},
-		updateTasks(updatedTask) {
+		updateTasks(updatedTask: ITask) {
 			for (const t in this.tasks) {
 				if (this.tasks[t].id === updatedTask.id) {
 					this.tasks[t] = updatedTask
diff --git a/src/views/list/ListTable.vue b/src/views/list/ListTable.vue
index 165b8a6f..7d83da8b 100644
--- a/src/views/list/ListTable.vue
+++ b/src/views/list/ListTable.vue
@@ -180,7 +180,7 @@
 </template>
 
 <script setup lang="ts">
-import {toRef, computed, Ref} from 'vue'
+import {toRef, computed, type Ref} from 'vue'
 
 import {useStorage} from '@vueuse/core'
 
@@ -197,7 +197,7 @@ import Pagination from '@/components/misc/pagination.vue'
 import Popup from '@/components/misc/popup.vue'
 
 import {useTaskList} from '@/composables/taskList'
-import TaskModel from '@/models/task'
+import type { ITask } from '@/models/task'
 
 const ACTIVE_COLUMNS_DEFAULT = {
 	id: true,
@@ -253,7 +253,7 @@ const {
 	currentPage,
 	sortByParam,
 } = taskList
-const tasks: Ref<TaskModel[]> = taskList.tasks
+const tasks: Ref<ITask[]> = taskList.tasks
 
 Object.assign(params.value, {
 	filter_by: [],
diff --git a/src/views/list/ListWrapper.vue b/src/views/list/ListWrapper.vue
index 82315566..cbe50fc8 100644
--- a/src/views/list/ListWrapper.vue
+++ b/src/views/list/ListWrapper.vue
@@ -60,7 +60,7 @@ 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 'vuex'
+import {useStore} from '@/store'
 
 const props = defineProps({
 	listId: {
diff --git a/src/views/list/NewList.vue b/src/views/list/NewList.vue
index a63dc408..47af4178 100644
--- a/src/views/list/NewList.vue
+++ b/src/views/list/NewList.vue
@@ -35,7 +35,7 @@
 import {ref, reactive, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
 import {useRouter, useRoute} from 'vue-router'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import ListService from '@/services/list'
 import ListModel from '@/models/list'
@@ -63,7 +63,7 @@ async function createNewList() {
 	}
 	showError.value = false
 
-	list.namespaceId = parseInt(route.params.namespaceId)
+	list.namespaceId = Number(route.params.namespaceId as string)
 	const newList = await store.dispatch('lists/createList', list)
 	await router.push({
 		name: 'list.index',
diff --git a/src/views/list/settings/archive.vue b/src/views/list/settings/archive.vue
index b752448f..922f8300 100644
--- a/src/views/list/settings/archive.vue
+++ b/src/views/list/settings/archive.vue
@@ -12,13 +12,12 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({name: 'list-setting-archive'})
+export default {name: 'list-setting-archive'}
 </script>
 
 <script setup lang="ts">
 import {computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRouter, useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
diff --git a/src/views/list/settings/background.vue b/src/views/list/settings/background.vue
index e1770658..3a5fd95c 100644
--- a/src/views/list/settings/background.vue
+++ b/src/views/list/settings/background.vue
@@ -101,7 +101,7 @@ export default defineComponent({ name: 'list-setting-background' })
 <script setup lang="ts">
 import {ref, computed, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import debounce from 'lodash.debounce'
 import BaseButton from '@/components/base/BaseButton.vue'
@@ -109,7 +109,7 @@ import BaseButton from '@/components/base/BaseButton.vue'
 import BackgroundUnsplashService from '@/services/backgroundUnsplash'
 import BackgroundUploadService from '@/services/backgroundUpload'
 import ListService from '@/services/list'
-import BackgroundImageModel from '@/models/backgroundImage'
+import type BackgroundImageModel from '@/models/backgroundImage'
 
 import {getBlobFromBlurHash} from '@/helpers/getBlobFromBlurHash'
 import {useTitle} from '@/composables/useTitle'
diff --git a/src/views/list/settings/delete.vue b/src/views/list/settings/delete.vue
index 6ddb2b4a..a455dcf6 100644
--- a/src/views/list/settings/delete.vue
+++ b/src/views/list/settings/delete.vue
@@ -30,7 +30,7 @@
 import {computed, ref, watchEffect} from 'vue'
 import {useTitle} from '@/composables/useTitle'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {success} from '@/message'
 import TaskCollectionService from '@/services/taskCollection'
diff --git a/src/views/list/settings/duplicate.vue b/src/views/list/settings/duplicate.vue
index 83781404..0752a78e 100644
--- a/src/views/list/settings/duplicate.vue
+++ b/src/views/list/settings/duplicate.vue
@@ -22,7 +22,7 @@
 <script setup lang="ts">
 import {ref, shallowReactive} from 'vue'
 import {useRoute, useRouter} from 'vue-router'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import ListDuplicateService from '@/services/listDuplicateService'
@@ -30,7 +30,7 @@ import CreateEdit from '@/components/misc/create-edit.vue'
 import Multiselect from '@/components/input/multiselect.vue'
 
 import ListDuplicateModel from '@/models/listDuplicateModel'
-import NamespaceModel from '@/models/namespace'
+import type {INamespace} from '@/modelTypes/INamespace'
 
 import {success} from '@/message'
 import {useTitle} from '@/composables/useTitle'
@@ -44,9 +44,9 @@ const {
 	findNamespaces,
 } = useNameSpaceSearch()
 
-const selectedNamespace = ref<NamespaceModel>()
+const selectedNamespace = ref<INamespace>()
 
-function selectNamespace(namespace: NamespaceModel) {
+function selectNamespace(namespace: INamespace) {
 	selectedNamespace.value = namespace
 }
 
diff --git a/src/views/list/settings/edit.vue b/src/views/list/settings/edit.vue
index 67055e44..c45b21a8 100644
--- a/src/views/list/settings/edit.vue
+++ b/src/views/list/settings/edit.vue
@@ -72,7 +72,7 @@ export default { name: 'list-setting-edit' }
 <script setup lang="ts">
 import type {PropType} from 'vue'
 import {useRouter} from 'vue-router'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import Editor from '@/components/input/AsyncEditor'
@@ -80,14 +80,14 @@ import ColorPicker from '@/components/input/colorPicker.vue'
 import CreateEdit from '@/components/misc/create-edit.vue'
 
 import {CURRENT_LIST} from '@/store/mutation-types'
-import type ListModel from '@/models/list'
+import type {IList} from '@/modelTypes/IList'
 
 import { useList } from '@/composables/useList'
 import { useTitle } from '@/composables/useTitle'
 
 const props = defineProps({
 	listId: {
-		type: Number as PropType<ListModel['id']>,
+		type: Number as PropType<IList['id']>,
 		required: true,
 	},
 })
diff --git a/src/views/list/settings/share.vue b/src/views/list/settings/share.vue
index bd2cf072..07c43cae 100644
--- a/src/views/list/settings/share.vue
+++ b/src/views/list/settings/share.vue
@@ -23,16 +23,12 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'list-setting-share',
-})
+export default {name: 'list-setting-share'}
 </script>
 
 <script lang="ts" setup>
 import {ref, computed, watchEffect} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 import {useTitle} from '@vueuse/core'
diff --git a/src/views/migrator/Migrate.vue b/src/views/migrator/Migrate.vue
index 450276aa..f9995df5 100644
--- a/src/views/migrator/Migrate.vue
+++ b/src/views/migrator/Migrate.vue
@@ -23,7 +23,7 @@
 <script setup lang="ts">
 import {computed} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import {MIGRATORS} from './migrators'
 import {useTitle} from '@/composables/useTitle'
diff --git a/src/views/migrator/MigrateService.vue b/src/views/migrator/MigrateService.vue
index 9921a856..d5138d13 100644
--- a/src/views/migrator/MigrateService.vue
+++ b/src/views/migrator/MigrateService.vue
@@ -48,7 +48,7 @@
 		</template>
 		<div v-else-if="lastMigrationDate">
 			<p>
-				{{ $t('migrate.alreadyMigrated1', {name: migrator.name, date: formatDate(lastMigrationDate)}) }}<br/>
+				{{ $t('migrate.alreadyMigrated1', {name: migrator.name, date: formatDateLong(lastMigrationDate)}) }}<br/>
 				{{ $t('migrate.alreadyMigrated2') }}
 			</p>
 			<div class="buttons">
@@ -71,7 +71,10 @@ import {defineComponent} from 'vue'
 import AbstractMigrationService from '@/services/migrator/abstractMigration'
 import AbstractMigrationFileService from '@/services/migrator/abstractMigrationFile'
 import Logo from '@/assets/logo.svg?component'
-import Message from '@/components/misc/message'
+import Message from '@/components/misc/message.vue'
+import { setTitle } from '@/helpers/setTitle'
+
+import {formatDateLong} from '@/helpers/time/formatDate'
 
 import {MIGRATORS} from './migrators'
 
@@ -114,10 +117,12 @@ export default defineComponent({
 	},
 
 	mounted() {
-		this.setTitle(this.$t('migrate.titleService', {name: this.migrator.name}))
+		setTitle(this.$t('migrate.titleService', {name: this.migrator.name}))
 	},
 
 	methods: {
+		formatDateLong,
+
 		async initMigration() {
 			this.migrationService = this.migrator.isFileMigrator
 				? new AbstractMigrationFileService(this.migrator.id)
diff --git a/src/views/namespaces/ListNamespaces.vue b/src/views/namespaces/ListNamespaces.vue
index 5314c696..c9d2e4ac 100644
--- a/src/views/namespaces/ListNamespaces.vue
+++ b/src/views/namespaces/ListNamespaces.vue
@@ -75,6 +75,8 @@ import {mapState} from 'vuex'
 import Fancycheckbox from '../../components/input/fancycheckbox.vue'
 import {LOADING} from '@/store/mutation-types'
 import ListCard from '@/components/list/partials/list-card.vue'
+import {getNamespaceTitle} from '@/helpers/getNamespaceTitle'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	name: 'ListNamespaces',
@@ -88,7 +90,7 @@ export default defineComponent({
 		}
 	},
 	mounted() {
-		this.setTitle(this.$t('namespace.title'))
+		setTitle(this.$t('namespace.title'))
 	},
 	computed: mapState({
 		namespaces(state) {
@@ -101,6 +103,7 @@ export default defineComponent({
 		loading: LOADING,
 	}),
 	methods: {
+		getNamespaceTitle,
 		saveShowArchivedState() {
 			localStorage.setItem('showArchived', JSON.stringify(this.showArchived))
 		},
diff --git a/src/views/namespaces/NewNamespace.vue b/src/views/namespaces/NewNamespace.vue
index aebb0937..02ed7b03 100644
--- a/src/views/namespaces/NewNamespace.vue
+++ b/src/views/namespaces/NewNamespace.vue
@@ -43,11 +43,12 @@
 <script lang="ts">
 import {defineComponent} from 'vue'
 
-import Message from '@/components/misc/message'
+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'
+import ColorPicker from '../../components/input/colorPicker.vue'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	name: 'NewNamespace',
@@ -64,7 +65,7 @@ export default defineComponent({
 		CreateEdit,
 	},
 	mounted() {
-		this.setTitle(this.$t('namespace.create.title'))
+		setTitle(this.$t('namespace.create.title'))
 	},
 	methods: {
 		async newNamespace() {
diff --git a/src/views/namespaces/settings/archive.vue b/src/views/namespaces/settings/archive.vue
index 23fc6de9..7903ef61 100644
--- a/src/views/namespaces/settings/archive.vue
+++ b/src/views/namespaces/settings/archive.vue
@@ -17,6 +17,7 @@
 import {defineComponent} from 'vue'
 
 import NamespaceService from '@/services/namespace'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	name: 'namespace-setting-archive',
@@ -33,7 +34,7 @@ export default defineComponent({
 		this.title = this.namespace.isArchived ?
 			this.$t('namespace.archive.titleUnarchive', {namespace: this.namespace.title}) :
 			this.$t('namespace.archive.titleArchive', {namespace: this.namespace.title})
-		this.setTitle(this.title)
+		setTitle(this.title)
 	},
 
 	methods: {
diff --git a/src/views/namespaces/settings/delete.vue b/src/views/namespaces/settings/delete.vue
index b27d2533..b778e66a 100644
--- a/src/views/namespaces/settings/delete.vue
+++ b/src/views/namespaces/settings/delete.vue
@@ -14,6 +14,7 @@
 
 <script lang="ts">
 import {defineComponent} from 'vue'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	name: 'namespace-setting-delete',
@@ -31,7 +32,7 @@ export default defineComponent({
 	watch: {
 		title: {
 			handler(title) {
-				this.setTitle(title)
+				setTitle(title)
 			},
 			immediate: true,
 		},
diff --git a/src/views/namespaces/settings/edit.vue b/src/views/namespaces/settings/edit.vue
index 590a64f9..60596b28 100644
--- a/src/views/namespaces/settings/edit.vue
+++ b/src/views/namespaces/settings/edit.vue
@@ -57,7 +57,7 @@
 
 <script lang="ts" setup>
 import {nextTick, ref, watch} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {success} from '@/message'
 import router from '@/router'
 
diff --git a/src/views/namespaces/settings/share.vue b/src/views/namespaces/settings/share.vue
index e2b138dd..25f212db 100644
--- a/src/views/namespaces/settings/share.vue
+++ b/src/views/namespaces/settings/share.vue
@@ -21,16 +21,12 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'namespace-setting-share',
-})
+export default { name: 'namespace-setting-share' }
 </script>
 
 <script lang="ts" setup>
 import {ref, computed, watchEffect} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 import {useTitle} from '@vueuse/core'
diff --git a/src/views/sharing/LinkSharingAuth.vue b/src/views/sharing/LinkSharingAuth.vue
index 7dd2a8e1..5041418e 100644
--- a/src/views/sharing/LinkSharingAuth.vue
+++ b/src/views/sharing/LinkSharingAuth.vue
@@ -34,7 +34,7 @@
 
 <script lang="ts" setup>
 import {ref, computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 import {useTitle} from '@vueuse/core'
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index 48872b83..38784cd0 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -45,11 +45,10 @@
 
 <script setup lang="ts">
 import {computed, ref, watchEffect} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
-import TaskModel from '@/models/task'
 import {formatDate} from '@/helpers/time/formatDate'
 import {setTitle} from '@/helpers/setTitle'
 
@@ -59,13 +58,14 @@ 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 '@/models/task'
 
 const store = useStore()
 const route = useRoute()
 const router = useRouter()
 const {t} = useI18n({useScope: 'global'})
 
-const tasks = ref<TaskModel[]>([])
+const tasks = ref<ITask[]>([])
 const showNothingToDo = ref<boolean>(false)
 
 setTimeout(() => showNothingToDo.value = true, 100)
@@ -182,7 +182,7 @@ async function loadPendingTasks(from: string, to: string) {
 }
 
 // FIXME: this modification should happen in the store
-function updateTasks(updatedTask: TaskModel) {
+function updateTasks(updatedTask: ITask) {
 	for (const t in tasks.value) {
 		if (tasks.value[t].id === updatedTask.id) {
 			tasks.value[t] = updatedTask
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 7ddf289d..903ca84d 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -423,36 +423,40 @@
 
 <script lang="ts">
 import {defineComponent} from 'vue'
+import cloneDeep from 'lodash.clonedeep'
 
 import TaskService from '../../services/task'
-import TaskModel from '../../models/task'
+import TaskModel, { type ITask } from '@/models/task'
 
-import priorites from '../../models/constants/priorities.json'
-import rights from '../../models/constants/rights.json'
+import { PRIORITIES as priorites } from '@/constants/priorities'
+import {RIGHTS as rights} from '@/constants/rights'
 
-import PrioritySelect from '../../components/tasks/partials/prioritySelect'
-import PercentDoneSelect from '../../components/tasks/partials/percentDoneSelect'
-import EditLabels from '../../components/tasks/partials/editLabels'
-import EditAssignees from '../../components/tasks/partials/editAssignees'
-import Attachments from '../../components/tasks/partials/attachments'
-import RelatedTasks from '../../components/tasks/partials/relatedTasks'
-import RepeatAfter from '../../components/tasks/partials/repeatAfter'
-import Reminders from '../../components/tasks/partials/reminders'
-import Comments from '../../components/tasks/partials/comments'
-import ListSearch from '../../components/tasks/partials/listSearch'
+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'
+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'
+import BaseButton from '@/components/base/BaseButton.vue'
 import {playPop} from '@/helpers/playPop'
 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'
-import CreatedUpdated from '@/components/tasks/partials/createdUpdated'
+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 '@/models/list'
 
 function scrollIntoView(el) {
 	if (!el) {
@@ -520,7 +524,6 @@ export default defineComponent({
 			// Used to avoid flashing of empty elements if the task content is not yet loaded.
 			visible: false,
 
-			priorities: priorites,
 			activeFields: {
 				assignees: false,
 				priority: false,
@@ -556,7 +559,7 @@ export default defineComponent({
 		// it from the page title.
 		'task.title': {
 			handler(title) {
-				this.setTitle(title)
+				setTitle(title)
 			},
 		},
 	},
@@ -589,11 +592,13 @@ export default defineComponent({
 		},
 	},
 	methods: {
+		getNamespaceTitle,
+		getListTitle,
 		attachmentUpload(...args) {
 			return uploadFile(this.taskId, ...args)
 		},
 
-		async loadTask(taskId) {
+		async loadTask(taskId: ITask['id']) {
 			if (taskId === undefined) {
 				return
 			}
@@ -635,7 +640,23 @@ export default defineComponent({
 			this.activeFields.attachments = this.task.attachments.length > 0
 			this.activeFields.relatedTasks = Object.keys(this.task.relatedTasks).length > 0
 		},
-		async saveTask(showNotification = true, undoCallback = null) {
+		async saveTask(args?: {
+			task: ITask,
+			showNotification?: boolean,
+			undoCallback?: () => void,
+		}) {
+			const {
+				task,
+				showNotification,
+				undoCallback,
+			} = {
+				...{
+					task: cloneDeep(this.task),
+					showNotification: true,
+				},
+				...args,
+			}
+
 			if (!this.canWrite) {
 				return
 			}
@@ -644,22 +665,23 @@ export default defineComponent({
 			// setting the due date on mobile which leads to no due date change being saved.
 			await this.$nextTick()
 
-			this.task.hexColor = this.taskColor
+
+			task.hexColor = this.taskColor
 
 			// If no end date is being set, but a start date and due date,
 			// use the due date as the end date
-			if (this.task.endDate === null && this.task.startDate !== null && this.task.dueDate !== null) {
-				this.task.endDate = this.task.dueDate
+			if (task.endDate === null && task.startDate !== null && task.dueDate !== null) {
+				task.endDate = task.dueDate
 			}
 
-			this.task = await this.$store.dispatch('tasks/update', this.task)
+			this.task = await this.$store.dispatch('tasks/update', task)
 
 			if (!showNotification) {
 				return
 			}
 
 			let actions = []
-			if (undoCallback !== null) {
+			if (undoCallback !== undefined) {
 				actions = [{
 					title: 'Undo',
 					callback: undoCallback,
@@ -690,19 +712,28 @@ export default defineComponent({
 		},
 
 		toggleTaskDone() {
-			this.task.done = !this.task.done
-
-			if (this.task.done) {
+			const newTask = {
+				...this.task,
+				done: !this.task.done,
+			}
+			if (newTask.done) {
 				playPop()
 			}
 
-			this.saveTask(true, this.toggleTaskDone)
+			this.saveTask({
+				task: newTask,
+				undoCallback: this.toggleTaskDone,
+			})
 		},
 
-		async changeList(list) {
+		async changeList(list: IList) {
 			this.$store.commit('kanban/removeTaskInBucket', this.task)
-			this.task.listId = list.id
-			await this.saveTask()
+			await this.saveTask({
+				task: {
+					...this.task,
+					listId: list.id,
+				},
+			})
 		},
 
 		async toggleFavorite() {
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 27881bba..08a6c402 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -162,23 +162,24 @@
 
 <script lang="ts" setup>
 import {computed, ref} from 'vue'
+import {useI18n} from 'vue-i18n'
 
 import Editor from '@/components/input/AsyncEditor'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
-import TeamService from '../../services/team'
-import TeamModel from '../../models/team'
-import TeamMemberService from '../../services/teamMember'
-import TeamMemberModel from '../../models/teamMember'
-import UserModel from '../../models/user'
-import UserService from '../../services/user'
-import Rights from '../../models/constants/rights.json'
+import TeamService from '@/services/team'
+import TeamMemberService from '@/services/teamMember'
+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 {useI18n} from 'vue-i18n'
 import {success} from '@/message'
+import type { ITeam } from '@/models/team'
+import type { IUser } from '@/models/user'
+import type { ITeamMember } from '@/models/teamMember'
 
 const store = useStore()
 const route = useRoute()
@@ -198,11 +199,11 @@ const teamService = ref<TeamService>(new TeamService())
 const teamMemberService = ref<TeamMemberService>(new TeamMemberService())
 const userService = ref<UserService>(new UserService())
 
-const team = ref<TeamModel>()
+const team = ref<ITeam>()
 const teamId = computed(() => route.params.id)
-const memberToDelete = ref<TeamMemberModel>()
-const newMember = ref<UserModel>()
-const foundUsers = ref<UserModel[]>()
+const memberToDelete = ref<ITeamMember>()
+const newMember = ref<IUser>()
+const foundUsers = ref<IUser[]>()
 
 const showDeleteModal = ref(false)
 const showUserDeleteModal = ref(false)
@@ -257,7 +258,7 @@ async function addUser() {
 	success({message: t('team.edit.userAddedSuccess')})
 }
 
-async function toggleUserType(member) {
+async function toggleUserType(member: ITeamMember) {
 	// FIXME: direct manipulation
 	member.admin = !member.admin
 	member.teamId = teamId.value
@@ -282,7 +283,7 @@ async function findUser(query: string) {
 	}
 
 	const users = await userService.value.getAll({}, {s: query})
-	foundUsers.value = users.filter((u: UserModel) => u.id !== userInfo.value.id)
+	foundUsers.value = users.filter((u: IUser) => u.id !== userInfo.value.id)
 }
 </script>
 
diff --git a/src/views/teams/NewTeam.vue b/src/views/teams/NewTeam.vue
index 8f0a1fe3..c6e9719f 100644
--- a/src/views/teams/NewTeam.vue
+++ b/src/views/teams/NewTeam.vue
@@ -34,6 +34,8 @@ import TeamModel from '../../models/team'
 import TeamService from '../../services/team'
 import CreateEdit from '@/components/misc/create-edit.vue'
 
+import { setTitle } from '@/helpers/setTitle'
+
 export default defineComponent({
 	name: 'NewTeam',
 	data() {
@@ -47,7 +49,7 @@ export default defineComponent({
 		CreateEdit,
 	},
 	mounted() {
-		this.setTitle(this.$t('team.create.title'))
+		setTitle(this.$t('team.create.title'))
 	},
 	methods: {
 		async newTeam() {
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index ab37e16e..dcdb1564 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -109,10 +109,11 @@ import {mapState} from 'vuex'
 import {HTTPFactory} from '@/http-common'
 import {LOADING} from '@/store/mutation-types'
 import {getErrorText} from '@/message'
-import Message from '@/components/misc/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'
+import Password from '@/components/input/password.vue'
+import { setTitle } from '@/helpers/setTitle'
 
 export default defineComponent({
 	components: {
@@ -162,7 +163,7 @@ export default defineComponent({
 		}
 	},
 	created() {
-		this.setTitle(this.$t('user.auth.login'))
+		setTitle(this.$t('user.auth.login'))
 	},
 	computed: {
 		hasOpenIdProviders() {
diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index 083739fb..a2d012a3 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -10,14 +10,12 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({ name: 'Auth' })
-
+export default { name: 'Auth' }
 </script>
 
 <script setup lang="ts">
 import {ref, computed, onMounted} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index d6f8fdc6..7e630e90 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -74,9 +74,9 @@ import {ref, reactive, toRaw, computed, onBeforeMount} from 'vue'
 
 import router from '@/router'
 import {store} from '@/store'
-import Message from '@/components/misc/message'
+import Message from '@/components/misc/message.vue'
 import {isEmail} from '@/helpers/isEmail'
-import Password from '@/components/input/password'
+import Password from '@/components/input/password.vue'
 
 // FIXME: use the `beforeEnter` hook of vue-router
 // Check if the user is already logged in, if so, redirect them to the homepage
diff --git a/src/views/user/RequestPasswordReset.vue b/src/views/user/RequestPasswordReset.vue
index 0919528e..510016cb 100644
--- a/src/views/user/RequestPasswordReset.vue
+++ b/src/views/user/RequestPasswordReset.vue
@@ -49,7 +49,7 @@ import {ref, reactive} from 'vue'
 
 import PasswordResetModel from '@/models/passwordReset'
 import PasswordResetService from '@/services/passwordReset'
-import Message from '@/components/misc/message'
+import Message from '@/components/misc/message.vue'
 
 // Not sure if this instance needs a shalloRef at all
 const passwordResetService = reactive(new PasswordResetService())
diff --git a/src/views/user/settings/Avatar.vue b/src/views/user/settings/Avatar.vue
index e059508a..4993f9e2 100644
--- a/src/views/user/settings/Avatar.vue
+++ b/src/views/user/settings/Avatar.vue
@@ -58,17 +58,13 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'user-settings-avatar',
-})
+export default { name: 'user-settings-avatar' }
 </script>
 
 <script setup lang="ts">
 import {computed, ref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {Cropper} from 'vue-advanced-cropper'
 import 'vue-advanced-cropper/dist/style.css'
 
diff --git a/src/views/user/settings/Caldav.vue b/src/views/user/settings/Caldav.vue
index d8b81c37..151d9708 100644
--- a/src/views/user/settings/Caldav.vue
+++ b/src/views/user/settings/Caldav.vue
@@ -68,7 +68,7 @@
 <script lang="ts" setup>
 import {computed, ref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import {CALDAV_DOCS} from '@/urls'
 import {useTitle} from '@/composables/useTitle'
@@ -77,7 +77,8 @@ import {success} from '@/message'
 import BaseButton from '@/components/base/BaseButton.vue'
 import Message from '@/components/misc/message.vue'
 import CaldavTokenService from '@/services/caldavToken'
-import CaldavTokenModel from '@/models/caldavToken'
+import { formatDateShort } from '@/helpers/time/formatDate'
+import type { ICaldavToken } from '@/models/caldavToken'
 
 const copy = useCopyToClipboard()
 
@@ -85,19 +86,19 @@ const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.caldav.title')} - ${t('user.settings.title')}`)
 
 const service = shallowReactive(new CaldavTokenService())
-const tokens = ref<CaldavTokenModel[]>([])
+const tokens = ref<ICaldavToken[]>([])
 
-service.getAll().then((result: CaldavTokenModel[]) => {
+service.getAll().then((result: ICaldavToken[]) => {
 	tokens.value = result
 })
 
-const newToken = ref<CaldavTokenModel>()
+const newToken = ref<ICaldavToken>()
 async function createToken() {
-	newToken.value = await service.create({}) as CaldavTokenModel
+	newToken.value = await service.create({}) as ICaldavToken
 	tokens.value.push(newToken.value)
 }
 
-async function deleteToken(token: CaldavTokenModel) {
+async function deleteToken(token: ICaldavToken) {
 	const r = await service.delete(token)
 	tokens.value = tokens.value.filter(({id}) => id !== token.id)
 	success(r)
diff --git a/src/views/user/settings/DataExport.vue b/src/views/user/settings/DataExport.vue
index 36e3d659..29aeb852 100644
--- a/src/views/user/settings/DataExport.vue
+++ b/src/views/user/settings/DataExport.vue
@@ -39,16 +39,12 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'user-settings-data-export',
-})
+export default {name: 'user-settings-data-export'}
 </script>
 
 <script setup lang="ts">
 import {ref, computed, shallowReactive} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import DataExportService from '@/services/dataExport'
diff --git a/src/views/user/settings/Deletion.vue b/src/views/user/settings/Deletion.vue
index bba895a2..5a101c85 100644
--- a/src/views/user/settings/Deletion.vue
+++ b/src/views/user/settings/Deletion.vue
@@ -83,20 +83,17 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'user-settings-deletion',
-})
+export default { name: 'user-settings-deletion' }
 </script>
 
 <script setup lang="ts">
 import {ref, shallowReactive, computed} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import AccountDeleteService from '@/services/accountDelete'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
+import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
 import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 
diff --git a/src/views/user/settings/EmailUpdate.vue b/src/views/user/settings/EmailUpdate.vue
index 7fb21bcf..ef8a3e42 100644
--- a/src/views/user/settings/EmailUpdate.vue
+++ b/src/views/user/settings/EmailUpdate.vue
@@ -37,16 +37,13 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({
-	name: 'user-settings-update-email',
-})
+export default { name: 'user-settings-update-email' }
 </script>
 
 <script setup lang="ts">
 import {reactive, computed, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import EmailUpdateService from '@/services/emailUpdate'
 import EmailUpdateModel from '@/models/emailUpdate'
diff --git a/src/views/user/settings/General.vue b/src/views/user/settings/General.vue
index dec9c826..d72febe2 100644
--- a/src/views/user/settings/General.vue
+++ b/src/views/user/settings/General.vue
@@ -157,7 +157,7 @@ export default defineComponent({
 <script setup lang="ts">
 import {computed, watch, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 
 import {PrefixMode} from '@/modules/parseTaskText'
 
diff --git a/src/views/user/settings/PasswordUpdate.vue b/src/views/user/settings/PasswordUpdate.vue
index d7db100b..96b7c431 100644
--- a/src/views/user/settings/PasswordUpdate.vue
+++ b/src/views/user/settings/PasswordUpdate.vue
@@ -52,17 +52,13 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-	name: 'user-settings-password-update',
-})
+export default {name: 'user-settings-password-update'}
 </script>
 
 <script setup lang="ts">
 import {ref, reactive, shallowReactive, computed} from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useStore } from 'vuex'
+import {useStore} from '@/store'
 
 import PasswordUpdateService from '@/services/passwordUpdateService'
 import PasswordUpdateModel from '@/models/passwordUpdate'
diff --git a/src/views/user/settings/TOTP.vue b/src/views/user/settings/TOTP.vue
index f705ed08..ff5b0ee7 100644
--- a/src/views/user/settings/TOTP.vue
+++ b/src/views/user/settings/TOTP.vue
@@ -65,13 +65,12 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({ name: 'user-settings-totp' })
+export default { name: 'user-settings-totp' }
 </script>
 
 <script lang="ts" setup>
 import {computed, ref, shallowReactive} from 'vue'
-import {useStore} from 'vuex'
+import {useStore} from '@/store'
 import {useI18n} from 'vue-i18n'
 
 import TotpService from '@/services/totp'
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 5205363d..2d5644c2 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -5,6 +5,7 @@
   "compilerOptions": {
     "composite": true,
     "baseUrl": ".",
+    "lib": ["ESNext"],
 
     "importHelpers": true,
     "sourceMap": true,
diff --git a/yarn.lock b/yarn.lock
index 7c1491f6..ef01d432 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2270,6 +2270,18 @@
   dependencies:
     "@types/node" "*"
 
+"@types/lodash.clonedeep@^4.5.7":
+  version "4.5.7"
+  resolved "https://registry.yarnpkg.com/@types/lodash.clonedeep/-/lodash.clonedeep-4.5.7.tgz#0e119f582ed6f9e6b373c04a644651763214f197"
+  integrity sha512-ccNqkPptFIXrpVqUECi60/DFxjNKsfoQxSQsgcBJCX/fuX1wgyQieojkcWH/KpE3xzLoWN/2k+ZeGqIN3paSvw==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.14.182"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.182.tgz#05301a4d5e62963227eaafe0ce04dd77c54ea5c2"
+  integrity sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==
+
 "@types/marked@^4.0.1":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@types/marked/-/marked-4.0.1.tgz#d588a7bbc4d6551c5e75249bc106ffda96ae33c5"