From 4059f1c08870b281e9728f957b87be01b2505cb2 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Thu, 23 Jun 2022 03:08:35 +0200
Subject: [PATCH] chore: improve type imports

---
 src/App.vue                                   |  2 +-
 src/components/home/contentAuth.vue           |  2 +-
 src/components/home/navigation.vue            |  7 +++--
 src/components/input/button.vue               |  2 +-
 .../list/list-settings-dropdown.vue           |  2 +-
 src/components/list/partials/filters.vue      |  4 +--
 src/components/list/partials/list-card.vue    |  4 +--
 src/components/misc/Done.vue                  |  2 +-
 src/components/misc/message.vue               |  2 +-
 src/components/misc/subscription.vue          | 27 ++++++++++--------
 src/components/sharing/userTeam.vue           |  2 +-
 src/components/tasks/add-task.vue             |  2 +-
 src/components/tasks/gantt-component.vue      |  4 +--
 src/components/tasks/partials/attachments.vue |  2 +-
 .../tasks/partials/editAssignees.vue          |  4 +--
 src/components/tasks/partials/editLabels.vue  |  2 +-
 src/components/tasks/partials/kanban-card.vue | 15 +++++-----
 src/components/tasks/partials/labels.vue      |  4 +++
 src/components/tasks/partials/reminders.vue   |  2 +-
 .../tasks/partials/singleTaskInList.vue       | 10 +++----
 src/components/tasks/partials/sort.vue        |  2 +-
 src/helpers/redirectToProvider.ts             |  2 +-
 src/views/labels/ListLabels.vue               |  2 +-
 src/views/labels/NewLabel.vue                 |  2 +-
 src/views/list/ListTable.vue                  |  4 +--
 src/views/list/settings/archive.vue           |  3 +-
 src/views/list/settings/share.vue             |  6 +---
 src/views/migrator/MigrateService.vue         |  2 +-
 src/views/namespaces/NewNamespace.vue         |  4 +--
 src/views/tasks/ShowTasks.vue                 |  2 +-
 src/views/tasks/TaskDetailView.vue            | 28 +++++++++----------
 src/views/teams/EditTeam.vue                  |  6 ++--
 src/views/user/Login.vue                      |  4 +--
 src/views/user/OpenIdAuth.vue                 |  4 +--
 src/views/user/Register.vue                   |  4 +--
 src/views/user/RequestPasswordReset.vue       |  2 +-
 src/views/user/settings/Caldav.vue            |  2 +-
 src/views/user/settings/Deletion.vue          |  6 +---
 38 files changed, 92 insertions(+), 94 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9c48735c4..d4ac424d6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,7 +15,7 @@
 </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'
diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index 17d228698..02c87356c 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts" setup>
-import {watch, computed, shallowRef, watchEffect, VNode, h} from 'vue'
+import {watch, computed, shallowRef, watchEffect, type VNode, h} from 'vue'
 import {useStore} from 'vuex'
 import {useRoute, useRouter} from 'vue-router'
 import {useEventListener} from '@vueuse/core'
diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index a2292f59d..f92996e88 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -143,7 +143,7 @@
 import {ref, computed, onMounted, onBeforeMount} from 'vue'
 import {useStore} from 'vuex'
 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 NamespaceModel from '@/models/namespace'
+import type ListModel from '@/models/list'
 
 const drag = ref(false)
 const dragOptions = {
diff --git a/src/components/input/button.vue b/src/components/input/button.vue
index cae9bc15d..8b0cbfb39 100644
--- a/src/components/input/button.vue
+++ b/src/components/input/button.vue
@@ -26,7 +26,7 @@ export default defineComponent({
 </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/list/list-settings-dropdown.vue b/src/components/list/list-settings-dropdown.vue
index a0d77d686..74cafb884 100644
--- a/src/components/list/list-settings-dropdown.vue
+++ b/src/components/list/list-settings-dropdown.vue
@@ -84,7 +84,7 @@ 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 SubscriptionModel from '@/models/subscription'
 
 const props = defineProps({
 	list: {
diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index d2b92967f..0b6d63f69 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 3d8c3b084..599ae058e 100644
--- a/src/components/list/partials/list-card.vue
+++ b/src/components/list/partials/list-card.vue
@@ -36,14 +36,14 @@
 </template>
 
 <script lang="ts" setup>
-import {PropType, ref, watch} from 'vue'
+import {type PropType, ref, watch} from 'vue'
 import {useStore} from 'vuex'
 
 import ListService from '@/services/list'
 import {getBlobFromBlurHash} from '@/helpers/getBlobFromBlurHash'
 
 import {colorIsDark} from '@/helpers/color/colorIsDark'
-import ListModel from '@/models/list'
+import type ListModel from '@/models/list'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 
diff --git a/src/components/misc/Done.vue b/src/components/misc/Done.vue
index f9bebd7e9..b8066b5bd 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/message.vue b/src/components/misc/message.vue
index 7ff84f9fe..86b1b93af 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/subscription.vue b/src/components/misc/subscription.vue
index 559852081..073e727ca 100644
--- a/src/components/misc/subscription.vue
+++ b/src/components/misc/subscription.vue
@@ -32,7 +32,7 @@
 </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'
@@ -43,16 +43,21 @@ import SubscriptionModel 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<SubscriptionModel>,
+		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/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index 08bb42d7d..56ea03dc6 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -139,7 +139,7 @@ export default defineComponent({name: 'userTeamShare'})
 </script>
 
 <script setup lang="ts">
-import {ref, reactive, computed, shallowReactive, ShallowReactive, Ref} from 'vue'
+import {ref, reactive, computed, shallowReactive, type ShallowReactive, type Ref} from 'vue'
 import type {PropType} from 'vue'
 import {useStore} from 'vuex'
 import {useI18n} from 'vue-i18n'
diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index a2a21cd5c..2a4b2e3e8 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -44,7 +44,7 @@
 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 {tryOnMounted, debouncedWatch, useWindowSize, type MaybeRef} from '@vueuse/core'
 
 import TaskService from '@/services/task'
 import QuickAddMagic from '@/components/tasks/partials/quick-add-magic.vue'
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 01a90a324..37316b048 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -175,12 +175,12 @@
 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 PriorityLabel from './partials/priorityLabel.vue'
 import TaskCollectionService from '../../services/taskCollection'
 import {mapState} from 'vuex'
 import Rights from '../../models/constants/rights.json'
diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 580cd4fb3..1a2c0f686 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -148,7 +148,7 @@ import {defineComponent} from 'vue'
 
 import AttachmentService from '../../../services/attachment'
 import AttachmentModel from '../../../models/attachment'
-import User from '../../misc/user'
+import User from '@/components/misc/user.vue'
 import {mapState} from 'vuex'
 
 import { useCopyToClipboard } from '@/composables/useCopyToClipboard'
diff --git a/src/components/tasks/partials/editAssignees.vue b/src/components/tasks/partials/editAssignees.vue
index 3d2dc6d2a..309cd15eb 100644
--- a/src/components/tasks/partials/editAssignees.vue
+++ b/src/components/tasks/partials/editAssignees.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import {ref, shallowReactive, watch, PropType} from 'vue'
+import {ref, shallowReactive, watch, type PropType} from 'vue'
 import {useStore} from 'vuex'
 import {useI18n} from 'vue-i18n'
 
@@ -37,7 +37,7 @@ 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 type UserModel from '@/models/user'
 import ListUserService from '@/services/listUsers'
 import {success} from '@/message'
 
diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue
index 74b2d6e4a..bc218519a 100644
--- a/src/components/tasks/partials/editLabels.vue
+++ b/src/components/tasks/partials/editLabels.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script setup lang="ts">
-import {PropType, ref, computed, shallowReactive, watch} from 'vue'
+import {type PropType, ref, computed, shallowReactive, watch} from 'vue'
 import {useStore} from 'vuex'
 import {useI18n} from 'vue-i18n'
 
diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 1e4b02f83..03c6ae61c 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -66,15 +66,15 @@
 </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 TaskModel, {TASK_DEFAULT_COLOR} from '@/models/task'
 
 import {colorIsDark} from '@/helpers/color/colorIsDark'
 
@@ -95,6 +95,7 @@ export default defineComponent({
 	},
 	props: {
 		task: {
+			type: Object as PropType<TaskModel>,
 			required: true,
 		},
 		loading: {
@@ -112,7 +113,7 @@ export default defineComponent({
 	},
 	methods: {
 		colorIsDark,
-		async toggleTaskDone(task) {
+		async toggleTaskDone(task: TaskModel) {
 			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 e9af8e398..59fdf702f 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 LabelModel from '@/models/label'
+import type { PropType } from 'vue'
+
 defineProps({
 	labels: {
+		type: Array as PropType<LabelModel[]>,
 		required: true,
 	},
 })
diff --git a/src/components/tasks/partials/reminders.vue b/src/components/tasks/partials/reminders.vue
index dc655ba86..45632c736 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'
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index e153cb3ab..209633b61 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -99,16 +99,14 @@
 import {defineComponent} from 'vue'
 
 import TaskModel from '../../../models/task'
-import PriorityLabel from './priorityLabel'
+import PriorityLabel from './priorityLabel.vue'
 import TaskService from '../../../services/task'
-import Labels from './labels'
-import User from '../../misc/user'
 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'
 
 export default defineComponent({
 	name: 'singleTaskInList',
diff --git a/src/components/tasks/partials/sort.vue b/src/components/tasks/partials/sort.vue
index 4eeb5e9f6..22b316d10 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/helpers/redirectToProvider.ts b/src/helpers/redirectToProvider.ts
index e7cd65e7e..1253b065d 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/views/labels/ListLabels.vue b/src/views/labels/ListLabels.vue
index e321a6e0e..c77be4f74 100644
--- a/src/views/labels/ListLabels.vue
+++ b/src/views/labels/ListLabels.vue
@@ -118,7 +118,7 @@ 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'
 
 export default defineComponent({
 	name: 'ListLabels',
diff --git a/src/views/labels/NewLabel.vue b/src/views/labels/NewLabel.vue
index a62c90895..423e13916 100644
--- a/src/views/labels/NewLabel.vue
+++ b/src/views/labels/NewLabel.vue
@@ -38,7 +38,7 @@
 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'
 
diff --git a/src/views/list/ListTable.vue b/src/views/list/ListTable.vue
index 165b8a6ff..f8b2c7082 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 TaskModel from '@/models/task'
 
 const ACTIVE_COLUMNS_DEFAULT = {
 	id: true,
diff --git a/src/views/list/settings/archive.vue b/src/views/list/settings/archive.vue
index b752448f3..2251fa374 100644
--- a/src/views/list/settings/archive.vue
+++ b/src/views/list/settings/archive.vue
@@ -12,8 +12,7 @@
 </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">
diff --git a/src/views/list/settings/share.vue b/src/views/list/settings/share.vue
index bd2cf0728..b2dcca1ea 100644
--- a/src/views/list/settings/share.vue
+++ b/src/views/list/settings/share.vue
@@ -23,11 +23,7 @@
 </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>
diff --git a/src/views/migrator/MigrateService.vue b/src/views/migrator/MigrateService.vue
index 9921a8560..802600999 100644
--- a/src/views/migrator/MigrateService.vue
+++ b/src/views/migrator/MigrateService.vue
@@ -71,7 +71,7 @@ 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 {MIGRATORS} from './migrators'
 
diff --git a/src/views/namespaces/NewNamespace.vue b/src/views/namespaces/NewNamespace.vue
index aebb09377..19ffb16ce 100644
--- a/src/views/namespaces/NewNamespace.vue
+++ b/src/views/namespaces/NewNamespace.vue
@@ -43,11 +43,11 @@
 <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'
 
 export default defineComponent({
 	name: 'NewNamespace',
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index 48872b836..7bca07693 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -49,7 +49,7 @@ import {useStore} from 'vuex'
 import {useRoute, useRouter} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 
-import TaskModel from '@/models/task'
+import type TaskModel from '@/models/task'
 import {formatDate} from '@/helpers/time/formatDate'
 import {setTitle} from '@/helpers/setTitle'
 
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 7ddf289de..02aec44ae 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -430,28 +430,28 @@ import TaskModel from '../../models/task'
 import priorites from '../../models/constants/priorities.json'
 import rights from '../../models/constants/rights.json'
 
-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'
 
 function scrollIntoView(el) {
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 27881bba5..b5ccd7295 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -167,10 +167,10 @@ import Editor from '@/components/input/AsyncEditor'
 import {useStore} from 'vuex'
 
 import TeamService from '../../services/team'
-import TeamModel from '../../models/team'
+import type TeamModel from '../../models/team'
 import TeamMemberService from '../../services/teamMember'
-import TeamMemberModel from '../../models/teamMember'
-import UserModel from '../../models/user'
+import type TeamMemberModel from '../../models/teamMember'
+import type UserModel from '../../models/user'
 import UserService from '../../services/user'
 import Rights from '../../models/constants/rights.json'
 
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index ab37e16e6..8edb0f982 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -109,10 +109,10 @@ 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'
 
 export default defineComponent({
 	components: {
diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index 63bb3753b..fc68c0b07 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -10,9 +10,7 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({ name: 'Auth' })
-
+export default { name: 'Auth' }
 </script>
 
 <script setup lang="ts">
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index d6f8fdc60..7e630e90c 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 0919528ed..510016cbe 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/Caldav.vue b/src/views/user/settings/Caldav.vue
index d8b81c379..fd2698f14 100644
--- a/src/views/user/settings/Caldav.vue
+++ b/src/views/user/settings/Caldav.vue
@@ -77,7 +77,7 @@ 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 type CaldavTokenModel from '@/models/caldavToken'
 
 const copy = useCopyToClipboard()
 
diff --git a/src/views/user/settings/Deletion.vue b/src/views/user/settings/Deletion.vue
index bba895a2c..b6526a999 100644
--- a/src/views/user/settings/Deletion.vue
+++ b/src/views/user/settings/Deletion.vue
@@ -83,11 +83,7 @@
 </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">