diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 142ba5c2d..06f0a07d8 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 16c7b39e4..89befb7e4 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 2f4082e40..d8f9f2f74 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 f2c9a2a03..af13ec33a 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 d9fe15cba..2adb37fda 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 5280d1318..04d5fbdb2 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 bd2bac9ce..3b71cc1d6 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 5e68f079f..18619d79f 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 8e156106e..5154dd0d7 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 810391481..779a64c73 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 e59370cf3..9f96ed0d3 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 128cc065b..4c3133717 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 1f301353a..b88192e8b 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 d841a0ddb..fa6683010 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 e4143930f..b6da6a25d 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 f70a8ae9a..235c0b5ce 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 b20f0de7d..376425892 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 99da29b98..b884567b3 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 7b7debddc..dfbe828ea 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 718304c61..e091de911 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 e751ff918..35e0d5f5b 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 7d507e5eb..3d0197074 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 97bbb37eb..f245a6b0d 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 23105771b..44268ed1a 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 8df948c71..195b762b0 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 76a1b741c..bab9f1fbd 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 07d136fde..a39a38488 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 64fc768bc..b323b45f1 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 93ed147c8..e41388b3e 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 19b82d598..123e37aa5 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 4a3146efe..8d080c6f1 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 d596f7811..59469e946 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 b35416991..c32a7c1e9 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 0625412b1..0df1f235b 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 4cddf8de2..ad73a9233 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 00ed7f928..50f661bdb 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 10cc4d593..118757f7e 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 45a0ceabb..b68f00be7 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 c2dba26c4..9b9e82c35 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 29ab00ff8..96fe5e3b2 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 6246f7cf1..33547c621 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 d548fdcdd..a2fdaeeaf 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 b201d6f8f..3570b5d57 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 638396898..3d3e2258b 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 a497d63ad..5c9d4a72e 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 4dc0bd6b8..1f4bf25a9 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 3d61218f5..023870034 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 1ea477497..7afe45725 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 51c723b43..52f11a933 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 b0cba2ba2..3ec870f62 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 748ca0b79..d31298438 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 418beb0e6..59a6c0bbc 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 e7ce816a5..08cfdd05b 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 5a97fec40..602105334 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 43b45d589..f855df8bd 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 e8ec93d98..6918bc893 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 0317a88e0..97de006cc 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 fc7b8a55c..1376bb50a 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 83c98d87f..363bfe82e 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 83d6caf42..348da84f4 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 6baf4e551..db36e80c3 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 9889c5e7c..22d18b2fe 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 5ec7bf2f2..370067483 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 c77e2aa59..d2a28d67e 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 0a63b0502..86554dd9c 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 e14ec224a..56c87c464 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 d9ecc3d72..106fa0b6a 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 79f325a89..3904f7524 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 6acaf606f..8b44b24a6 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 f9817faa4..f0032426b 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 31c690f90..9edc4a597 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 503a8b3d1..175516fa2 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 c5a1afb01..1f489ab76 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 827d396ac..d0ef27f2e 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 fa4015d69..892b047a0 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 095240f1f..33dcd387b 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 0fdca3818..ecd11ecf1 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 ce95eeaed..d6f8fdc60 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 16da19de6..0919528ed 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 e7db1e184..1b7bb5660 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 c8cb8f653..b61095cb0 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 e6e196af7..89eab7c9e 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 18b00699d..67fb40361 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 6295352ff..72f2aaefa 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 d4cdc0fdd..65d9c57b2 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 298b37f7d..9fb9526d0 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 ac11c5789..5f2841d34 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 35e96fba3..8592c620d 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 008ef9f34..bcf3d7cbc 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,