feat: migrate kanban card to script setup

@@ -81,0 +83,4 @@
+							class="attachment-info-meta-button"
+							@click.prevent.stop="setCoverImage(task.coverImageAttachmentId === a.id ? null : a)"
+						>
+							{{ task.coverImageAttachmentId === a.id ? $t('task.attachment.unsetAsCover') : $t('task.attachment.setAsCover')  }}

@@ -170,0 +166,4 @@
+import {useTaskStore} from '@/stores/tasks'
+import {useI18n} from 'vue-i18n'
+
+const taskStore = useTaskStore()

@@ -170,0 +167,4 @@
+import {useI18n} from 'vue-i18n'
+
+const taskStore = useTaskStore()
+const {t} = useI18n()

@@ -170,2 +177,4 @@
+	editEnabled: true,
 })
 
+// FIXME: this should go through the store

@@ -172,1 +180,4 @@
+// FIXME: this should go through the store
+const emit = defineEmits(['task-changed'])
+
 const attachmentService = shallowReactive(new AttachmentService())

@@ -239,0 +252,4 @@
+	copy(generateAttachmentUrl(props.task.id, attachment.id))
+}
+
+async function setCoverImage(attachment: IAttachment | null) {

@@ -30,0 +17,4 @@
+			alt=""
+			class="cover-image"
+		/>
+		<div class="p-2">

@@ -142,0 +121,4 @@
+	}
+}
+
+function openTaskDetail() {

@@ -5,6 +5,8 @@ import type { IUser } from '@/modelTypes/IUser'
 import type { IFile } from '@/modelTypes/IFile'
 import type { IAttachment } from '@/modelTypes/IAttachment'
 
+export const SUPPORTED_IMAGE_SUFFIX = ['.jpg', '.png', '.bmp', '.gif']

@@ -219,3 +219,3 @@
 						<attachments
 							:edit-enabled="canWrite"
-							:task-id="taskId"
+							:task="task"

@@ -78,6 +78,17 @@
 						>
 							{{ $t('misc.delete') }}
 						</BaseButton>
+						<BaseButton

@@ -695,2 +695,3 @@
       "copyUrl": "Copy URL",
-      "copyUrlTooltip": "Copy the url of this attachment for usage in text"
+      "copyUrlTooltip": "Copy the url of this attachment for usage in text",
+      "setAsCover": "Set as cover image",