diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 142ba5c2..06f0a07d 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -156,7 +156,7 @@
 	</aside>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 import draggable from 'vuedraggable'
 
diff --git a/src/components/home/update.vue b/src/components/home/update.vue
index 16c7b39e..89befb7e 100644
--- a/src/components/home/update.vue
+++ b/src/components/home/update.vue
@@ -7,7 +7,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'update',
 	data() {
diff --git a/src/components/input/colorPicker.vue b/src/components/input/colorPicker.vue
index 2f4082e4..d8f9f2f7 100644
--- a/src/components/input/colorPicker.vue
+++ b/src/components/input/colorPicker.vue
@@ -34,7 +34,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {createRandomID} from '@/helpers/randomId'
 
 const DEFAULT_COLORS = [
diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index f2c9a2a0..af13ec33 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -110,7 +110,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import flatPickr from 'vue-flatpickr-component'
 import 'flatpickr/dist/flatpickr.css'
 import { i18n } from '@/i18n'
diff --git a/src/components/input/editor.vue b/src/components/input/editor.vue
index d9fe15cb..2adb37fd 100644
--- a/src/components/input/editor.vue
+++ b/src/components/input/editor.vue
@@ -42,7 +42,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import VueEasymde from './vue-easymde/vue-easymde.vue'
 import {marked} from 'marked'
 import DOMPurify from 'dompurify'
diff --git a/src/components/input/fancycheckbox.vue b/src/components/input/fancycheckbox.vue
index 5280d131..04d5fbdb 100644
--- a/src/components/input/fancycheckbox.vue
+++ b/src/components/input/fancycheckbox.vue
@@ -19,7 +19,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {createRandomID} from '@/helpers/randomId'
 
 export default {
diff --git a/src/components/input/multiselect.vue b/src/components/input/multiselect.vue
index bd2bac9c..3b71cc1d 100644
--- a/src/components/input/multiselect.vue
+++ b/src/components/input/multiselect.vue
@@ -82,7 +82,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {i18n} from '@/i18n'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 
diff --git a/src/components/input/vue-easymde/vue-easymde.vue b/src/components/input/vue-easymde/vue-easymde.vue
index 5e68f079..18619d79 100644
--- a/src/components/input/vue-easymde/vue-easymde.vue
+++ b/src/components/input/vue-easymde/vue-easymde.vue
@@ -9,7 +9,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import EasyMDE from 'easymde'
 import {marked} from 'marked'
 
diff --git a/src/components/list/partials/filter-popup.vue b/src/components/list/partials/filter-popup.vue
index 8e156106..5154dd0d 100644
--- a/src/components/list/partials/filter-popup.vue
+++ b/src/components/list/partials/filter-popup.vue
@@ -27,7 +27,7 @@
 	</popup>
 </template>
 
-<script>
+<script lang="ts">
 import Filters from '@/components/list/partials/filters'
 import Popup from '@/components/misc/popup'
 
diff --git a/src/components/list/partials/filters.vue b/src/components/list/partials/filters.vue
index 81039148..779a64c7 100644
--- a/src/components/list/partials/filters.vue
+++ b/src/components/list/partials/filters.vue
@@ -174,7 +174,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import DatepickerWithRange from '@/components/date/datepickerWithRange'
 import Fancycheckbox from '../../input/fancycheckbox'
 
diff --git a/src/components/misc/create-edit.vue b/src/components/misc/create-edit.vue
index e59370cf..9f96ed0d 100644
--- a/src/components/misc/create-edit.vue
+++ b/src/components/misc/create-edit.vue
@@ -41,7 +41,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import { i18n } from '@/i18n'
 
 export default {
diff --git a/src/components/misc/dropdown.vue b/src/components/misc/dropdown.vue
index 128cc065..4c313371 100644
--- a/src/components/misc/dropdown.vue
+++ b/src/components/misc/dropdown.vue
@@ -15,7 +15,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 
 export default {
diff --git a/src/components/misc/nothing.vue b/src/components/misc/nothing.vue
index 1f301353..b88192e8 100644
--- a/src/components/misc/nothing.vue
+++ b/src/components/misc/nothing.vue
@@ -4,7 +4,7 @@
 	</p>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'nothing',
 }
diff --git a/src/components/misc/notification.vue b/src/components/misc/notification.vue
index d841a0dd..fa668301 100644
--- a/src/components/misc/notification.vue
+++ b/src/components/misc/notification.vue
@@ -37,7 +37,7 @@
 	</notifications>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'notification',
 }
diff --git a/src/components/misc/popup.vue b/src/components/misc/popup.vue
index e4143930..b6da6a25 100644
--- a/src/components/misc/popup.vue
+++ b/src/components/misc/popup.vue
@@ -5,7 +5,7 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {onBeforeUnmount, onMounted, ref} from 'vue'
 
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index f70a8ae9..235c0b5c 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -47,7 +47,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import NotificationService from '@/services/notification'
 import User from '@/components/misc/user.vue'
 import names from '@/models/constants/notificationNames.json'
diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue
index b20f0de7..37642589 100644
--- a/src/components/quick-actions/quick-actions.vue
+++ b/src/components/quick-actions/quick-actions.vue
@@ -52,7 +52,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import TaskService from '@/services/task'
 import TeamService from '@/services/team'
 
diff --git a/src/components/sharing/linkSharing.vue b/src/components/sharing/linkSharing.vue
index 99da29b9..b884567b 100644
--- a/src/components/sharing/linkSharing.vue
+++ b/src/components/sharing/linkSharing.vue
@@ -175,7 +175,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import rights from '../../models/constants/rights'
 
 import LinkShareService from '../../services/linkShare'
diff --git a/src/components/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index 7b7debdd..dfbe828e 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -130,7 +130,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import UserNamespaceService from '../../services/userNamespace'
 import UserNamespaceModel from '../../models/userNamespace'
 import UserListModel from '../../models/userList'
diff --git a/src/components/tasks/edit-task.vue b/src/components/tasks/edit-task.vue
index 718304c6..e091de91 100644
--- a/src/components/tasks/edit-task.vue
+++ b/src/components/tasks/edit-task.vue
@@ -75,7 +75,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import TaskService from '../../services/task'
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index e751ff91..35e0d5f5 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -170,7 +170,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import VueDragResize from 'vue-drag-resize'
 import EditTask from './edit-task'
 
diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 7d507e5e..3d019707 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -135,7 +135,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import AttachmentService from '../../../services/attachment'
 import AttachmentModel from '../../../models/attachment'
 import User from '../../misc/user'
diff --git a/src/components/tasks/partials/checklist-summary.vue b/src/components/tasks/partials/checklist-summary.vue
index 97bbb37e..f245a6b0 100644
--- a/src/components/tasks/partials/checklist-summary.vue
+++ b/src/components/tasks/partials/checklist-summary.vue
@@ -11,7 +11,7 @@
 	</span>
 </template>
 
-<script>
+<script lang="ts">
 import {getChecklistStatistics} from '../../../helpers/checklistFromText'
 
 export default {
diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index 23105771..44268ed1 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -151,7 +151,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import TaskCommentService from '../../../services/taskComment'
diff --git a/src/components/tasks/partials/date-table-cell.vue b/src/components/tasks/partials/date-table-cell.vue
index 8df948c7..195b762b 100644
--- a/src/components/tasks/partials/date-table-cell.vue
+++ b/src/components/tasks/partials/date-table-cell.vue
@@ -6,7 +6,7 @@
 	</td>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'date-table-cell',
 	props: {
diff --git a/src/components/tasks/partials/defer-task.vue b/src/components/tasks/partials/defer-task.vue
index 76a1b741..bab9f1fb 100644
--- a/src/components/tasks/partials/defer-task.vue
+++ b/src/components/tasks/partials/defer-task.vue
@@ -37,7 +37,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import TaskService from '../../../services/task'
 import flatPickr from 'vue-flatpickr-component'
 
diff --git a/src/components/tasks/partials/description.vue b/src/components/tasks/partials/description.vue
index 07d136fd..a39a3848 100644
--- a/src/components/tasks/partials/description.vue
+++ b/src/components/tasks/partials/description.vue
@@ -29,7 +29,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import {LOADING} from '@/store/mutation-types'
diff --git a/src/components/tasks/partials/editAssignees.vue b/src/components/tasks/partials/editAssignees.vue
index 64fc768b..b323b45f 100644
--- a/src/components/tasks/partials/editAssignees.vue
+++ b/src/components/tasks/partials/editAssignees.vue
@@ -27,7 +27,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {includesById} from '@/helpers/utils'
 import UserModel from '../../../models/user'
 import ListUserService from '../../../services/listUsers'
diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue
index 93ed147c..e41388b3 100644
--- a/src/components/tasks/partials/editLabels.vue
+++ b/src/components/tasks/partials/editLabels.vue
@@ -38,7 +38,7 @@
 	</multiselect>
 </template>
 
-<script>
+<script lang="ts">
 import LabelModel from '../../../models/label'
 import LabelTaskService from '../../../services/labelTask'
 
diff --git a/src/components/tasks/partials/heading.vue b/src/components/tasks/partials/heading.vue
index 19b82d59..123e37aa 100644
--- a/src/components/tasks/partials/heading.vue
+++ b/src/components/tasks/partials/heading.vue
@@ -25,7 +25,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 
 import Done from '@/components/misc/Done.vue'
diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 4a3146ef..8d080c6f 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -65,7 +65,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {playPop} from '../../../helpers/playPop'
 import PriorityLabel from '../../../components/tasks/partials/priorityLabel'
 import User from '../../../components/misc/user'
diff --git a/src/components/tasks/partials/labels.vue b/src/components/tasks/partials/labels.vue
index d596f781..59469e94 100644
--- a/src/components/tasks/partials/labels.vue
+++ b/src/components/tasks/partials/labels.vue
@@ -10,7 +10,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'labels',
 	props: {
diff --git a/src/components/tasks/partials/percentDoneSelect.vue b/src/components/tasks/partials/percentDoneSelect.vue
index b3541699..c32a7c1e 100644
--- a/src/components/tasks/partials/percentDoneSelect.vue
+++ b/src/components/tasks/partials/percentDoneSelect.vue
@@ -16,7 +16,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'percentDoneSelect',
 	props: {
diff --git a/src/components/tasks/partials/priorityLabel.vue b/src/components/tasks/partials/priorityLabel.vue
index 0625412b..0df1f235 100644
--- a/src/components/tasks/partials/priorityLabel.vue
+++ b/src/components/tasks/partials/priorityLabel.vue
@@ -20,7 +20,7 @@
 	</span>
 </template>
 
-<script>
+<script lang="ts">
 import priorites from '../../../models/constants/priorities'
 
 export default {
diff --git a/src/components/tasks/partials/prioritySelect.vue b/src/components/tasks/partials/prioritySelect.vue
index 4cddf8de..ad73a923 100644
--- a/src/components/tasks/partials/prioritySelect.vue
+++ b/src/components/tasks/partials/prioritySelect.vue
@@ -11,7 +11,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import priorites from '../../../models/constants/priorities'
 
 export default {
diff --git a/src/components/tasks/partials/quick-add-magic.vue b/src/components/tasks/partials/quick-add-magic.vue
index 00ed7f92..50f661bd 100644
--- a/src/components/tasks/partials/quick-add-magic.vue
+++ b/src/components/tasks/partials/quick-add-magic.vue
@@ -85,7 +85,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {PREFIXES} from '@/modules/parseTaskText'
 
diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index 10cc4d59..118757f7 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -134,7 +134,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import TaskService from '../../../services/task'
 import TaskModel from '../../../models/task'
 import TaskRelationService from '../../../services/taskRelation'
diff --git a/src/components/tasks/partials/reminders.vue b/src/components/tasks/partials/reminders.vue
index 45a0ceab..b68f00be 100644
--- a/src/components/tasks/partials/reminders.vue
+++ b/src/components/tasks/partials/reminders.vue
@@ -25,7 +25,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import datepicker from '@/components/input/datepicker.vue'
 
 export default {
diff --git a/src/components/tasks/partials/repeatAfter.vue b/src/components/tasks/partials/repeatAfter.vue
index c2dba26c..9b9e82c3 100644
--- a/src/components/tasks/partials/repeatAfter.vue
+++ b/src/components/tasks/partials/repeatAfter.vue
@@ -50,7 +50,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import repeatModes from '@/models/constants/taskRepeatModes'
 
 export default {
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index 29ab00ff..96fe5e3b 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -91,7 +91,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import TaskModel from '../../../models/task'
 import PriorityLabel from './priorityLabel'
 import TaskService from '../../../services/task'
diff --git a/src/helpers/case.ts b/src/helpers/case.ts
index 6246f7cf..33547c62 100644
--- a/src/helpers/case.ts
+++ b/src/helpers/case.ts
@@ -13,7 +13,7 @@ export function objectToCamelCase(object) {
 		return object
 	}
 
-	let parsedObject = {}
+	const parsedObject = {}
 	for (const m in object) {
 		parsedObject[camelCase(m)] = object[m]
 
@@ -50,7 +50,7 @@ export function objectToSnakeCase(object) {
 		return object
 	}
 
-	let parsedObject = {}
+	const parsedObject = {}
 	for (const m in object) {
 		parsedObject[snakeCase(m)] = object[m]
 
diff --git a/src/helpers/color/colorIsDark.ts b/src/helpers/color/colorIsDark.ts
index d548fdcd..a2fdaeea 100644
--- a/src/helpers/color/colorIsDark.ts
+++ b/src/helpers/color/colorIsDark.ts
@@ -11,12 +11,12 @@ export const colorIsDark = color => {
 		color = '#' + color
 	}
 
-	let rgb = parseInt(color.substring(1, 7), 16)   // convert rrggbb to decimal
-	let r = (rgb >> 16) & 0xff  // extract red
-	let g = (rgb >> 8) & 0xff  // extract green
-	let b = (rgb >> 0) & 0xff  // extract blue
+	const rgb = parseInt(color.substring(1, 7), 16)   // convert rrggbb to decimal
+	const r = (rgb >> 16) & 0xff  // extract red
+	const g = (rgb >> 8) & 0xff  // extract green
+	const b = (rgb >> 0) & 0xff  // extract blue
 
 	// luma will be a value 0..255 where 0 indicates the darkest, and 255 the brightest
-	let luma = 0.2126 * r + 0.7152 * g + 0.0722 * b // per ITU-R BT.709
+	const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b // per ITU-R BT.709
 	return luma > 128
 }
\ No newline at end of file
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index b201d6f8..3570b5d5 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -62,9 +62,9 @@ export const getCurrentLanguage = () => {
 		return savedLanguage
 	}
 
-	let browserLanguage = navigator.language || navigator.userLanguage
+	const browserLanguage = navigator.language || navigator.userLanguage
 
-	for (let k in availableLanguages) {
+	for (const k in availableLanguages) {
 		if (browserLanguage[k] === browserLanguage || k.startsWith(browserLanguage + '-')) {
 			return k
 		}
diff --git a/src/models/task.ts b/src/models/task.ts
index 63839689..3d3e2258 100644
--- a/src/models/task.ts
+++ b/src/models/task.ts
@@ -137,12 +137,12 @@ export default class TaskModel extends AbstractModel {
 	 * This function should only be called from the constructor.
 	 */
 	parseRepeatAfter() {
-		let repeatAfterHours = (this.repeatAfter / 60) / 60
+		const repeatAfterHours = (this.repeatAfter / 60) / 60
 		this.repeatAfter = {type: 'hours', amount: repeatAfterHours}
 
 		// if its dividable by 24, its something with days, otherwise hours
 		if (repeatAfterHours % 24 === 0) {
-			let repeatAfterDays = repeatAfterHours / 24
+			const repeatAfterDays = repeatAfterHours / 24
 			if (repeatAfterDays % 7 === 0) {
 				this.repeatAfter.type = 'weeks'
 				this.repeatAfter.amount = repeatAfterDays / 7
diff --git a/src/registerServiceWorker.ts b/src/registerServiceWorker.ts
index a497d63a..5c9d4a72 100644
--- a/src/registerServiceWorker.ts
+++ b/src/registerServiceWorker.ts
@@ -3,7 +3,7 @@
 import {register} from 'register-service-worker'
 
 if (import.meta.env.PROD) {
-	register('/sw.js', {
+	register('/sw.ts', {
 		ready() {
 			console.log('App is being served from cache by a service worker.')
 		},
diff --git a/src/services/abstractService.ts b/src/services/abstractService.ts
index 4dc0bd6b..1f4bf25a 100644
--- a/src/services/abstractService.ts
+++ b/src/services/abstractService.ts
@@ -64,7 +64,7 @@ export default class AbstractService {
 		})
 
 		// Set the interceptors to process every request
-		let self = this
+		const self = this
 		this.http.interceptors.request.use((config) => {
 			switch (config.method) {
 				case 'post':
@@ -140,7 +140,7 @@ export default class AbstractService {
 	 * @returns object
 	 */
 	getRouteReplacements(route, parameters = {}) {
-		let replace$$1 = {}
+		const replace$$1 = {}
 		let pattern = this.getRouteParameterPattern()
 		pattern = new RegExp(pattern instanceof RegExp ? pattern.source : pattern, 'g')
 
@@ -166,7 +166,7 @@ export default class AbstractService {
 	 * @return string
 	 */
 	getReplacedRoute(path, pathparams) {
-		let replacements = this.getRouteReplacements(path, pathparams)
+		const replacements = this.getRouteReplacements(path, pathparams)
 		return Object.entries(replacements).reduce(
 			(result, [parameter, value]) => result.replace(parameter, value),
 			path,
diff --git a/src/services/list.ts b/src/services/list.ts
index 3d61218f..02387003 100644
--- a/src/services/list.ts
+++ b/src/services/list.ts
@@ -26,7 +26,7 @@ export default class ListService extends AbstractService {
 	}
 
 	beforeUpdate(model) {
-		let taskService = new TaskService()
+		const taskService = new TaskService()
 		model.tasks = model.tasks.map(task => {
 			return taskService.beforeUpdate(task)
 		})
diff --git a/src/views/404.vue b/src/views/404.vue
index 1ea47749..7afe4572 100644
--- a/src/views/404.vue
+++ b/src/views/404.vue
@@ -5,7 +5,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: '404',
 	mounted() {
diff --git a/src/views/About.vue b/src/views/About.vue
index 51c723b4..52f11a93 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -32,7 +32,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {computed} from 'vue'
 
 import { store } from '@/store'
diff --git a/src/views/filters/FilterDelete.vue b/src/views/filters/FilterDelete.vue
index b0cba2ba..3ec870f6 100644
--- a/src/views/filters/FilterDelete.vue
+++ b/src/views/filters/FilterDelete.vue
@@ -11,7 +11,7 @@
 	</modal>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { store } from '@/store'
 import { useI18n } from 'vue-i18n'
 import { useRouter, useRoute } from 'vue-router'
diff --git a/src/views/filters/FilterEdit.vue b/src/views/filters/FilterEdit.vue
index 748ca0b7..d3129843 100644
--- a/src/views/filters/FilterEdit.vue
+++ b/src/views/filters/FilterEdit.vue
@@ -51,7 +51,7 @@
 	</create-edit>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, shallowRef, computed, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { store } from '@/store'
diff --git a/src/views/filters/FilterNew.vue b/src/views/filters/FilterNew.vue
index 418beb0e..59a6c0bb 100644
--- a/src/views/filters/FilterNew.vue
+++ b/src/views/filters/FilterNew.vue
@@ -59,7 +59,7 @@
 	</modal>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, shallowRef, computed } from 'vue'
 
 import { store } from '@/store'
diff --git a/src/views/labels/ListLabels.vue b/src/views/labels/ListLabels.vue
index e7ce816a..08cfdd05 100644
--- a/src/views/labels/ListLabels.vue
+++ b/src/views/labels/ListLabels.vue
@@ -96,7 +96,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 
 import LabelModel from '../../models/label'
diff --git a/src/views/labels/NewLabel.vue b/src/views/labels/NewLabel.vue
index 5a97fec4..60210533 100644
--- a/src/views/labels/NewLabel.vue
+++ b/src/views/labels/NewLabel.vue
@@ -34,7 +34,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import LabelModel from '../../models/label'
 import CreateEdit from '@/components/misc/create-edit.vue'
 import ColorPicker from '../../components/input/colorPicker'
diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index 43b45d58..f855df8b 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -226,7 +226,7 @@
 	</ListWrapper>
 </template>
 
-<script>
+<script lang="ts">
 import draggable from 'vuedraggable'
 import cloneDeep from 'lodash.clonedeep'
 
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index e8ec93d9..6918bc89 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -131,7 +131,7 @@
 	</ListWrapper>
 </template>
 
-<script>
+<script lang="ts">
 import { ref, toRef, defineComponent } from 'vue'
 
 import ListWrapper from './ListWrapper.vue'
diff --git a/src/views/list/NewList.vue b/src/views/list/NewList.vue
index 0317a88e..97de006c 100644
--- a/src/views/list/NewList.vue
+++ b/src/views/list/NewList.vue
@@ -31,7 +31,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import ListService from '../../services/list'
 import ListModel from '../../models/list'
 import CreateEdit from '@/components/misc/create-edit.vue'
diff --git a/src/views/list/settings/archive.vue b/src/views/list/settings/archive.vue
index fc7b8a55..1376bb50 100644
--- a/src/views/list/settings/archive.vue
+++ b/src/views/list/settings/archive.vue
@@ -11,7 +11,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import ListService from '@/services/list'
 
 export default {
diff --git a/src/views/list/settings/background.vue b/src/views/list/settings/background.vue
index 83c98d87..363bfe82 100644
--- a/src/views/list/settings/background.vue
+++ b/src/views/list/settings/background.vue
@@ -72,7 +72,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 import {getBlobFromBlurHash} from '../../../helpers/getBlobFromBlurHash'
 
diff --git a/src/views/list/settings/delete.vue b/src/views/list/settings/delete.vue
index 83d6caf4..348da84f 100644
--- a/src/views/list/settings/delete.vue
+++ b/src/views/list/settings/delete.vue
@@ -12,7 +12,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'list-setting-delete',
 	created() {
diff --git a/src/views/list/settings/duplicate.vue b/src/views/list/settings/duplicate.vue
index 6baf4e55..db36e80c 100644
--- a/src/views/list/settings/duplicate.vue
+++ b/src/views/list/settings/duplicate.vue
@@ -13,7 +13,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import ListDuplicateService from '@/services/listDuplicateService'
 import NamespaceSearch from '@/components/namespace/namespace-search.vue'
 import ListDuplicateModel from '@/models/listDuplicateModel'
diff --git a/src/views/list/settings/edit.vue b/src/views/list/settings/edit.vue
index 9889c5e7..22d18b2f 100644
--- a/src/views/list/settings/edit.vue
+++ b/src/views/list/settings/edit.vue
@@ -65,7 +65,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import ListModel from '@/models/list'
diff --git a/src/views/migrator/Migrate.vue b/src/views/migrator/Migrate.vue
index 5ec7bf2f..37006748 100644
--- a/src/views/migrator/Migrate.vue
+++ b/src/views/migrator/Migrate.vue
@@ -20,7 +20,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {MIGRATORS} from './migrators'
 
 export default {
diff --git a/src/views/migrator/MigrateService.vue b/src/views/migrator/MigrateService.vue
index c77e2aa5..d2a28d67 100644
--- a/src/views/migrator/MigrateService.vue
+++ b/src/views/migrator/MigrateService.vue
@@ -65,7 +65,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import AbstractMigrationService from '@/services/migrator/abstractMigration'
 import AbstractMigrationFileService from '@/services/migrator/abstractMigrationFile'
 import Logo from '@/assets/logo.svg?component'
diff --git a/src/views/namespaces/ListNamespaces.vue b/src/views/namespaces/ListNamespaces.vue
index 0a63b050..86554dd9 100644
--- a/src/views/namespaces/ListNamespaces.vue
+++ b/src/views/namespaces/ListNamespaces.vue
@@ -68,7 +68,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 import Fancycheckbox from '../../components/input/fancycheckbox.vue'
 import {LOADING} from '@/store/mutation-types'
diff --git a/src/views/namespaces/NewNamespace.vue b/src/views/namespaces/NewNamespace.vue
index e14ec224..56c87c46 100644
--- a/src/views/namespaces/NewNamespace.vue
+++ b/src/views/namespaces/NewNamespace.vue
@@ -40,7 +40,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import Message from '@/components/misc/message'
 import NamespaceModel from '../../models/namespace'
 import NamespaceService from '../../services/namespace'
diff --git a/src/views/namespaces/settings/archive.vue b/src/views/namespaces/settings/archive.vue
index d9ecc3d7..106fa0b6 100644
--- a/src/views/namespaces/settings/archive.vue
+++ b/src/views/namespaces/settings/archive.vue
@@ -13,7 +13,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import NamespaceService from '@/services/namespace'
 
 export default {
diff --git a/src/views/namespaces/settings/delete.vue b/src/views/namespaces/settings/delete.vue
index 79f325a8..3904f752 100644
--- a/src/views/namespaces/settings/delete.vue
+++ b/src/views/namespaces/settings/delete.vue
@@ -12,7 +12,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'namespace-setting-delete',
 	computed: {
diff --git a/src/views/namespaces/settings/edit.vue b/src/views/namespaces/settings/edit.vue
index 6acaf606..8b44b24a 100644
--- a/src/views/namespaces/settings/edit.vue
+++ b/src/views/namespaces/settings/edit.vue
@@ -55,7 +55,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import NamespaceService from '@/services/namespace'
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index f9817faa..f0032426 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -413,7 +413,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import TaskService from '../../services/task'
 import TaskModel from '../../models/task'
 
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 31c690f9..9edc4a59 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -160,7 +160,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import AsyncEditor from '@/components/input/AsyncEditor'
 import {mapState} from 'vuex'
 import { i18n } from '@/i18n'
diff --git a/src/views/teams/ListTeams.vue b/src/views/teams/ListTeams.vue
index 503a8b3d..175516fa 100644
--- a/src/views/teams/ListTeams.vue
+++ b/src/views/teams/ListTeams.vue
@@ -25,7 +25,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import TeamService from '../../services/team'
 
 export default {
diff --git a/src/views/teams/NewTeam.vue b/src/views/teams/NewTeam.vue
index c5a1afb0..1f489ab7 100644
--- a/src/views/teams/NewTeam.vue
+++ b/src/views/teams/NewTeam.vue
@@ -28,7 +28,7 @@
 	</create-edit>
 </template>
 
-<script>
+<script lang="ts">
 import TeamModel from '../../models/team'
 import TeamService from '../../services/team'
 import CreateEdit from '@/components/misc/create-edit.vue'
diff --git a/src/views/user/DataExportDownload.vue b/src/views/user/DataExportDownload.vue
index 827d396a..d0ef27f2 100644
--- a/src/views/user/DataExportDownload.vue
+++ b/src/views/user/DataExportDownload.vue
@@ -35,7 +35,7 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {ref, computed, reactive} from 'vue'
 import DataExportService from '@/services/dataExport'
 import {store} from '@/store'
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index fa4015d6..892b047a 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -100,7 +100,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {useDebounceFn} from '@vueuse/core'
 import {mapState} from 'vuex'
 
diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index 095240f1..33dcd387 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -9,7 +9,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 
 import {LOADING} from '@/store/mutation-types'
diff --git a/src/views/user/PasswordReset.vue b/src/views/user/PasswordReset.vue
index 0fdca381..ecd11ecf 100644
--- a/src/views/user/PasswordReset.vue
+++ b/src/views/user/PasswordReset.vue
@@ -58,7 +58,7 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {ref, reactive} from 'vue'
 import {useI18n} from 'vue-i18n'
 
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index ce95eeae..d6f8fdc6 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -68,7 +68,7 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {useDebounceFn} from '@vueuse/core'
 import {ref, reactive, toRaw, computed, onBeforeMount} from 'vue'
 
diff --git a/src/views/user/RequestPasswordReset.vue b/src/views/user/RequestPasswordReset.vue
index 16da19de..0919528e 100644
--- a/src/views/user/RequestPasswordReset.vue
+++ b/src/views/user/RequestPasswordReset.vue
@@ -44,7 +44,7 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {ref, reactive} from 'vue'
 
 import PasswordResetModel from '@/models/passwordReset'
diff --git a/src/views/user/Settings.vue b/src/views/user/Settings.vue
index e7db1e18..1b7bb566 100644
--- a/src/views/user/Settings.vue
+++ b/src/views/user/Settings.vue
@@ -57,7 +57,7 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {computed} from 'vue'
 import { store } from '@/store'
 import { useI18n } from 'vue-i18n'
diff --git a/src/views/user/settings/Avatar.vue b/src/views/user/settings/Avatar.vue
index c8cb8f65..b61095cb 100644
--- a/src/views/user/settings/Avatar.vue
+++ b/src/views/user/settings/Avatar.vue
@@ -67,7 +67,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 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 e6e196af..89eab7c9 100644
--- a/src/views/user/settings/Caldav.vue
+++ b/src/views/user/settings/Caldav.vue
@@ -24,7 +24,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import copy from 'copy-to-clipboard'
 import {mapState} from 'vuex'
 import {CALDAV_DOCS} from '@/urls'
diff --git a/src/views/user/settings/DataExport.vue b/src/views/user/settings/DataExport.vue
index 18b00699..67fb4036 100644
--- a/src/views/user/settings/DataExport.vue
+++ b/src/views/user/settings/DataExport.vue
@@ -38,7 +38,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import DataExportService from '@/services/dataExport'
 
 export default {
diff --git a/src/views/user/settings/Deletion.vue b/src/views/user/settings/Deletion.vue
index 6295352f..72f2aaef 100644
--- a/src/views/user/settings/Deletion.vue
+++ b/src/views/user/settings/Deletion.vue
@@ -82,7 +82,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import AccountDeleteService from '@/services/accountDelete'
 import {mapState} from 'vuex'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
diff --git a/src/views/user/settings/EmailUpdate.vue b/src/views/user/settings/EmailUpdate.vue
index d4cdc0fd..65d9c57b 100644
--- a/src/views/user/settings/EmailUpdate.vue
+++ b/src/views/user/settings/EmailUpdate.vue
@@ -36,7 +36,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 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 298b37f7..9fb9526d 100644
--- a/src/views/user/settings/General.vue
+++ b/src/views/user/settings/General.vue
@@ -131,7 +131,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import {computed, watch, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
 
diff --git a/src/views/user/settings/PasswordUpdate.vue b/src/views/user/settings/PasswordUpdate.vue
index ac11c578..5f2841d3 100644
--- a/src/views/user/settings/PasswordUpdate.vue
+++ b/src/views/user/settings/PasswordUpdate.vue
@@ -51,7 +51,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 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 35e96fba..8592c620 100644
--- a/src/views/user/settings/TOTP.vue
+++ b/src/views/user/settings/TOTP.vue
@@ -63,7 +63,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import TotpService from '@/services/totp'
 import TotpModel from '@/models/totp'
 import {mapState} from 'vuex'
diff --git a/vite.config.ts b/vite.config.ts
index 008ef9f3..bcf3d7cb 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -60,7 +60,7 @@ export default defineConfig({
 		}),
 		VitePWA({
 			srcDir: 'src',
-			filename: 'sw.js',
+			filename: 'sw.ts',
 			base: '/',
 			strategies: 'injectManifest',
 			injectRegister: false,