feat: type improvements

src/components/home/update.vue

@@ -26,7 +26,7 @@ if (navigator && navigator.serviceWorker) {
 	)
 }
 
-function showRefreshUI(e) {
+function showRefreshUI(e: Event) {
 	console.log('recieved refresh event', e)
 	registration.value = e.detail
 	updateAvailable.value = true

src/components/input/datepicker.vue

@@ -193,7 +193,7 @@ function toggleDatePopup() {
 }
 
 const datepickerPopup = ref<HTMLElement | null>(null)
-function hideDatePopup(e) {
+function hideDatePopup(e: MouseEvent) {
 	if (show.value) {
 		closeWhenClickedOutside(e, datepickerPopup.value, close)
 	}

src/components/input/editor.vue

@@ -115,6 +115,7 @@ const props = defineProps({
 		default: true,
 	},
 	bottomActions: {
+		type: Array, 
 		default: () => [],
 	},
 	emptyText: {

src/components/input/multiselect.vue

@@ -123,6 +123,7 @@ const props = defineProps({
 	},
 	// The object with the value, updated every time an entry is selected.
 	modelValue: {
+		type: [] as PropType<{[key: string]: any}>,
 		default: null,
 	},
 	// If true, will provide an "add this as a new value" entry which fires an @create event when clicking on it.
@@ -177,14 +178,14 @@ const emit = defineEmits<{
 	// @search: Triggered every time the search query input changes
   (e: 'search', query: string): void
 	// @select: Triggered every time an option from the search results is selected. Also triggers a change in v-model.
-  (e: 'select', value: null): void
+  (e: 'select', value: {[key: string]: any}): void
 	// @create: If nothing or no exact match was found and `creatable` is true, this event is triggered with the current value of the search query.
   (e: 'create', query: string): void
 	// @remove: If `multiple` is enabled, this will be fired every time an item is removed from the array of selected items.
   (e: 'remove', value: null): void
 }>()
 
-const query = ref('')
+const query = ref<string | {[key: string]: any}>('')
 const searchTimeout = ref<ReturnType<typeof setTimeout> | null>(null)
 const localLoading = ref(false)
 const showSearchResults = ref(false)

src/components/misc/colorBubble.vue

@@ -6,10 +6,10 @@
 </template>
 
 <script lang="ts" setup>
-import type { Color } from 'csstype'
+import type { DataType } from 'csstype'
 
 defineProps< {
-	color: Color,
+	color: DataType.Color,
 }>()
 </script>
 

src/components/notifications/notifications.vue

@@ -76,7 +76,7 @@ const notifications = computed(() => {
 })
 const userInfo = computed(() => authStore.info)
 
-let interval: number
+let interval: ReturnType<typeof setInterval>
 
 onMounted(() => {
 	loadNotifications()

src/components/tasks/add-task.vue

@@ -214,7 +214,7 @@ async function addTask() {
 			return rel
 		})
 		await Promise.all(relations)
-	} catch (e: { message?: string }) {
+	} catch (e: any) {
 		newTaskTitle.value = taskTitleBackup
 		if (e?.message === 'NO_LIST') {
 			errorMessage.value = t('list.create.addListRequired')

src/components/tasks/partials/attachments.vue

@@ -165,7 +165,6 @@ import BaseButton from '@/components/base/BaseButton.vue'
 
 import AttachmentService from '@/services/attachment'
 import {SUPPORTED_IMAGE_SUFFIX} from '@/models/attachment'
-import type AttachmentModel from '@/models/attachment'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 import type {ITask} from '@/modelTypes/ITask'
 
@@ -227,9 +226,9 @@ function uploadFilesToTask(files: File[] | FileList) {
 	uploadFiles(attachmentService, props.task.id, files)
 }
 
-const attachmentToDelete = ref<AttachmentModel | null>(null)
+const attachmentToDelete = ref<IAttachment | null>(null)
 
-function setAttachmentToDelete(attachment: AttachmentModel | null) {
+function setAttachmentToDelete(attachment: IAttachment | null) {
 	attachmentToDelete.value = attachment
 }
 
@@ -250,7 +249,7 @@ async function deleteAttachment() {
 
 const attachmentImageBlobUrl = ref<string | null>(null)
 
-async function viewOrDownload(attachment: AttachmentModel) {
+async function viewOrDownload(attachment: IAttachment) {
 	if (SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.endsWith(suffix))) {
 		attachmentImageBlobUrl.value = await attachmentService.getBlobUrl(attachment)
 	} else {

src/components/tasks/partials/heading.vue

@@ -4,7 +4,7 @@
 		<Done class="heading__done" :is-done="task.done"/>
 		<ColorBubble
 			v-if="task.hexColor !== ''"
-			:color="task.getHexColor()"
+			:color="getHexColor(task.hexColor)"
 			class="mt-1 ml-2"
 		/>
 		<h1
@@ -48,6 +48,7 @@ import {useCopyToClipboard} from '@/composables/useCopyToClipboard'
 import {useTaskStore} from '@/stores/tasks'
 
 import type {ITask} from '@/modelTypes/ITask'
+import {getHexColor} from '@/models/task'
 
 const props = defineProps({
 	task: {

src/components/tasks/partials/listSearch.vue

@@ -9,9 +9,9 @@
 		v-model="list"
 		:select-placeholder="$t('list.searchSelect')"
 	>
-		<template #searchResult="props">
-			<span class="list-namespace-title search-result">{{ namespace(props.option.namespaceId) }} ></span>
-			{{ props.option.title }}
+		<template #searchResult="{option}">
+			<span class="list-namespace-title search-result">{{ namespace((option as IList).namespaceId) }} ></span>
+			{{ (option as IList).title }}
 		</template>
 	</Multiselect>
 </template>
@@ -25,6 +25,7 @@ import type {IList} from '@/modelTypes/IList'
 import Multiselect from '@/components/input/multiselect.vue'
 import {useListStore} from '@/stores/lists'
 import {useNamespaceStore} from '@/stores/namespaces'
+import type { INamespace } from '@/modelTypes/INamespace'
 
 const props = defineProps({
 	modelValue: {
@@ -65,7 +66,7 @@ function select(l: IList | null) {
 	emit('update:modelValue', list)
 }
 
-function namespace(namespaceId: number) {
+function namespace(namespaceId: INamespace['id']) {
 	const namespace = namespaceStore.getNamespaceById(namespaceId)
 	return namespace !== null
 		? namespace.title