diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 142ba5c2d8..06f0a07d83 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 16c7b39e44..89befb7e46 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 2f4082e408..d8f9f2f741 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 f2c9a2a030..af13ec33a8 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 d9fe15cbaa..2adb37fdab 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 5280d1318e..04d5fbdb2d 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 bd2bac9ce5..3b71cc1d6c 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 5e68f079ff..18619d79f9 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 8e156106e3..5154dd0d73 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 810391481a..779a64c734 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 e59370cf3b..9f96ed0d35 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 128cc065bc..4c31337173 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 1f301353ad..b88192e8ba 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 d841a0ddb2..fa6683010f 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 e4143930fd..b6da6a25d1 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 f70a8ae9a7..235c0b5ce1 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 b20f0de7d9..3764258920 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 99da29b986..b884567b36 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 7b7debddc8..dfbe828ea7 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 718304c611..e091de911c 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 e751ff9181..35e0d5f5b5 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 7d507e5ebc..3d01970747 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 97bbb37ebf..f245a6b0db 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 23105771b9..44268ed1ab 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 8df948c712..195b762b04 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 76a1b741c0..bab9f1fbd6 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 07d136fdec..a39a384885 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 64fc768bc2..b323b45f13 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 93ed147c8c..e41388b3e0 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 19b82d598e..123e37aa58 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 4a3146efe1..8d080c6f1c 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 d596f7811a..59469e946a 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 b354169915..c32a7c1e92 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 0625412b18..0df1f235b8 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 4cddf8de21..ad73a9233a 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 00ed7f9280..50f661bdb8 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 10cc4d593f..118757f7e0 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 45a0ceabb7..b68f00be78 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 c2dba26c42..9b9e82c359 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 29ab00ff87..96fe5e3b27 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 6246f7cf19..33547c621f 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 d548fdcdd2..a2fdaeeaf9 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 b201d6f8f4..3570b5d576 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 6383968989..3d3e2258b3 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 a497d63ad2..5c9d4a72e9 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 4dc0bd6b82..1f4bf25a95 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 3d61218f52..0238700341 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 1ea477497c..7afe457254 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 51c723b435..52f11a9338 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 b0cba2ba2b..3ec870f625 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 748ca0b79e..d312984389 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 418beb0e6c..59a6c0bbc0 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 e7ce816a50..08cfdd05bf 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 5a97fec409..6021053347 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 43b45d589e..f855df8bdd 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 e8ec93d986..6918bc8939 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 0317a88e0b..97de006ccb 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 fc7b8a55c5..1376bb50af 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 83c98d87fd..363bfe82ec 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 83d6caf42b..348da84f40 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 6baf4e551e..db36e80c30 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 9889c5e7c8..22d18b2fe6 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 5ec7bf2f28..3700674831 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 c77e2aa59a..d2a28d67e7 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 0a63b0502f..86554dd9c7 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 e14ec224a6..56c87c464d 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 d9ecc3d727..106fa0b6a4 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 79f325a89e..3904f7524c 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 6acaf606f4..8b44b24a6d 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 f9817faa42..f0032426b3 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 31c690f90f..9edc4a597d 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 503a8b3d1f..175516fa20 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 c5a1afb014..1f489ab76d 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 827d396acd..d0ef27f2ee 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 fa4015d690..892b047a0a 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 095240f1f4..33dcd387b8 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 0fdca38181..ecd11ecf12 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 ce95eeaeda..d6f8fdc609 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 16da19de6c..0919528ed1 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 e7db1e1847..1b7bb5660f 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 c8cb8f653d..b61095cb02 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 e6e196af7a..89eab7c9e8 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 18b00699da..67fb40361a 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 6295352ffd..72f2aaefa8 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 d4cdc0fddb..65d9c57b2a 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 298b37f7da..9fb9526d03 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 ac11c5789b..5f2841d34e 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 35e96fba37..8592c620db 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 008ef9f34d..bcf3d7cbca 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,