diff --git a/package-lock.json b/package-lock.json
index 53a05d22d..e9c811b7c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,6 +37,7 @@
         "@nextcloud/stylelint-config": "^3.2.2",
         "@nextcloud/vite-config": "^2.5.2",
         "@playwright/test": "^1.61.0",
+        "@types/node": "^25.6.1",
         "@vue/tsconfig": "^0.9.1",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-prettier": "^5.5.6",
diff --git a/package.json b/package.json
index 7773a0620..8cd3ec060 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "@nextcloud/stylelint-config": "^3.2.2",
     "@nextcloud/vite-config": "^2.5.2",
     "@playwright/test": "^1.61.0",
+    "@types/node": "^25.6.1",
     "@vue/tsconfig": "^0.9.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.6",
diff --git a/src/Forms.vue b/src/Forms.vue
index 457d44b1a..c6b55c309 100644
--- a/src/Forms.vue
+++ b/src/Forms.vue
@@ -172,8 +172,8 @@ import Sidebar from './views/Sidebar.vue'
 import FormsIcon from '../img/forms-dark.svg?raw'
 import PermissionTypes from './mixins/PermissionTypes.js'
 import { FormState } from './models/Constants.ts'
-import logger from './utils/Logger.js'
-import OcsResponse2Data from './utils/OcsResponse2Data.js'
+import logger from './utils/Logger.ts'
+import OcsResponse2Data from './utils/OcsResponse2Data.ts'
 
 const appName = 'forms'
 
diff --git a/src/FormsSettings.vue b/src/FormsSettings.vue
index 479e76b1e..9943bd0bc 100644
--- a/src/FormsSettings.vue
+++ b/src/FormsSettings.vue
@@ -114,7 +114,7 @@ import NcInputField from '@nextcloud/vue/components/NcInputField'
 import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
 import NcSelect from '@nextcloud/vue/components/NcSelect'
 import NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection'
-import logger from './utils/Logger.js'
+import logger from './utils/Logger.ts'
 
 export default {
 	name: 'FormsSettings',
diff --git a/src/components/AppNavigationForm.vue b/src/components/AppNavigationForm.vue
index 909830779..68356a875 100644
--- a/src/components/AppNavigationForm.vue
+++ b/src/components/AppNavigationForm.vue
@@ -120,7 +120,7 @@ import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import FormsIcon from '../../img/forms-dark.svg?raw'
 import PermissionTypes from '../mixins/PermissionTypes.js'
 import { FormState } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
+import logger from '../utils/Logger.ts'
 
 export default {
 	name: 'AppNavigationForm',
diff --git a/src/components/QRDialog.vue b/src/components/QRDialog.vue
index a5325f899..66e691d92 100644
--- a/src/components/QRDialog.vue
+++ b/src/components/QRDialog.vue
@@ -26,7 +26,7 @@
 <script>
 import QRCode from 'qrcode'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
-import logger from '../utils/Logger.js'
+import logger from '../utils/Logger.ts'
 
 export default {
 	name: 'QRDialog',
diff --git a/src/components/Questions/AnswerInput.vue b/src/components/Questions/AnswerInput.vue
index 811ff90ac..177fab481 100644
--- a/src/components/Questions/AnswerInput.vue
+++ b/src/components/Questions/AnswerInput.vue
@@ -100,8 +100,8 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
 import { INPUT_DEBOUNCE_MS, OptionType } from '../../models/Constants.ts'
-import logger from '../../utils/Logger.js'
-import OcsResponse2Data from '../../utils/OcsResponse2Data.js'
+import logger from '../../utils/Logger.ts'
+import OcsResponse2Data from '../../utils/OcsResponse2Data.ts'
 
 export default {
 	name: 'AnswerInput',
diff --git a/src/components/Questions/QuestionFile.vue b/src/components/Questions/QuestionFile.vue
index e6dda6b06..be25ee7f6 100644
--- a/src/components/Questions/QuestionFile.vue
+++ b/src/components/Questions/QuestionFile.vue
@@ -174,8 +174,8 @@ import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import Question from './Question.vue'
 import QuestionMixin from '../../mixins/QuestionMixin.js'
 import fileTypes from '../../models/FileTypes.js'
-import logger from '../../utils/Logger.js'
-import OcsResponse2Data from '../../utils/OcsResponse2Data.js'
+import logger from '../../utils/Logger.ts'
+import OcsResponse2Data from '../../utils/OcsResponse2Data.ts'
 
 /**
  * A constant object representing file size units in bytes.
diff --git a/src/components/Questions/QuestionShort.vue b/src/components/Questions/QuestionShort.vue
index d0a6e78ac..d48e63b0c 100644
--- a/src/components/Questions/QuestionShort.vue
+++ b/src/components/Questions/QuestionShort.vue
@@ -89,7 +89,7 @@ import Question from './Question.vue'
 import QuestionMixin from '../../mixins/QuestionMixin.js'
 import { INPUT_DEBOUNCE_MS } from '../../models/Constants.ts'
 import validationTypes from '../../models/ValidationTypes.js'
-import { splitRegex, validateExpression } from '../../utils/RegularExpression.js'
+import { splitRegex, validateExpression } from '../../utils/RegularExpression.ts'
 
 export default {
 	name: 'QuestionShort',
diff --git a/src/components/SidebarTabs/SharingSidebarTab.vue b/src/components/SidebarTabs/SharingSidebarTab.vue
index ee878c563..98f014392 100644
--- a/src/components/SidebarTabs/SharingSidebarTab.vue
+++ b/src/components/SidebarTabs/SharingSidebarTab.vue
@@ -230,8 +230,8 @@ import FormsIcon from '../../../img/forms-dark.svg?raw'
 import PermissionTypes from '../../mixins/PermissionTypes.js'
 import ShareLinkMixin from '../../mixins/ShareLinkMixin.js'
 import ShareTypes from '../../mixins/ShareTypes.js'
-import logger from '../../utils/Logger.js'
-import OcsResponse2Data from '../../utils/OcsResponse2Data.js'
+import logger from '../../utils/Logger.ts'
+import OcsResponse2Data from '../../utils/OcsResponse2Data.ts'
 
 export default {
 	components: {
diff --git a/src/components/SidebarTabs/TransferOwnership.vue b/src/components/SidebarTabs/TransferOwnership.vue
index 8a6340eae..44e3491f7 100644
--- a/src/components/SidebarTabs/TransferOwnership.vue
+++ b/src/components/SidebarTabs/TransferOwnership.vue
@@ -101,7 +101,7 @@ import NcDialog from '@nextcloud/vue/components/NcDialog'
 import NcSelectUsers from '@nextcloud/vue/components/NcSelectUsers'
 import NcTextField from '@nextcloud/vue/components/NcTextField'
 import UserSearchMixin from '../../mixins/UserSearchMixin.js'
-import logger from '../../utils/Logger.js'
+import logger from '../../utils/Logger.ts'
 
 export default {
 	components: {
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 030cf5e92..a7db61627 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -42,7 +42,7 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
 import PillMenu from './PillMenu.vue'
 import PermissionTypes from '../mixins/PermissionTypes.js'
-import logger from '../utils/Logger.js'
+import logger from '../utils/Logger.ts'
 
 const submitView = {
 	ariaLabel: t('forms', 'View form'),
diff --git a/src/emptyContent.js b/src/emptyContent.ts
similarity index 95%
rename from src/emptyContent.js
rename to src/emptyContent.ts
index 73558934b..b6a7763cb 100644
--- a/src/emptyContent.js
+++ b/src/emptyContent.ts
@@ -12,3 +12,5 @@ const app = createApp(FormsEmptyContent)
 app.config.globalProperties.t = translate
 app.config.globalProperties.n = translatePlural
 app.mount('#content')
+
+export default app
diff --git a/src/main.js b/src/main.ts
similarity index 93%
rename from src/main.js
rename to src/main.ts
index a01a680d9..0da0e0705 100644
--- a/src/main.js
+++ b/src/main.ts
@@ -6,7 +6,7 @@
 import { translate, translatePlural } from '@nextcloud/l10n'
 import { createApp } from 'vue'
 import Forms from './Forms.vue'
-import router from './router.js'
+import router from './router.ts'
 
 import 'vite/modulepreload-polyfill'
 import '@nextcloud/dialogs/style.css'
diff --git a/src/mixins/QuestionMixin.js b/src/mixins/QuestionMixin.js
index 2cb78dfc8..3ea72f333 100644
--- a/src/mixins/QuestionMixin.js
+++ b/src/mixins/QuestionMixin.js
@@ -9,8 +9,8 @@ import { generateOcsUrl } from '@nextcloud/router'
 import debounce from 'debounce'
 import Question from '../components/Questions/Question.vue'
 import { INPUT_DEBOUNCE_MS, OptionType } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
-import OcsResponse2Data from '../utils/OcsResponse2Data.js'
+import logger from '../utils/Logger.ts'
+import OcsResponse2Data from '../utils/OcsResponse2Data.ts'
 
 export default {
 	inheritAttrs: false,
diff --git a/src/mixins/QuestionMultipleMixin.ts b/src/mixins/QuestionMultipleMixin.ts
index ae1472497..5bafa8e4e 100644
--- a/src/mixins/QuestionMultipleMixin.ts
+++ b/src/mixins/QuestionMultipleMixin.ts
@@ -13,41 +13,62 @@ import { generateOcsUrl } from '@nextcloud/router'
 import debounce from 'debounce'
 import { defineComponent } from 'vue'
 import { INPUT_DEBOUNCE_MS, OptionType } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
+import logger from '../utils/Logger.ts'
+
+// Temporary augmentation to allow using `this.<prop>` in mixin methods
+declare module '@vue/runtime-core' {
+	interface ComponentCustomProperties {
+		options: FormsOption[]
+		values: unknown[]
+		answerType: { validate: (ctx: unknown) => boolean }
+		readOnly: boolean
+		extraSettings?: unknown
+		formId: number
+		id: number
+		shuffleArray: <T>(arr: T[]) => T[]
+		$refs: Record<string, unknown>
+	}
+}
 
 export default defineComponent({
 	emits: ['update:options'],
 
 	data() {
 		return {
-			dirtyOptionsType: null,
+			dirtyOptionsType: null as string | null,
 		}
 	},
 
 	computed: {
-		areNoneChecked() {
+		areNoneChecked(): boolean {
 			return this.values.length === 0
 		},
 
-		contentValid() {
+		contentValid(): boolean {
 			return this.answerType.validate(this)
 		},
 
-		isLastEmpty() {
-			const value = this.options[this.options.length - 1]
+		isLastEmpty(): boolean {
+			const value = this.options[this.options.length - 1] as
+				| FormsOption
+				| undefined
 			return value?.text?.trim?.().length === 0
 		},
 
-		expectedOptionTypes() {
+		expectedOptionTypes(): OptionType[] {
 			return [OptionType.Choice, OptionType.Row, OptionType.Column]
 		},
 
 		sortedOptionsPerType(): { [key: string]: FormsOption[] } {
-			const optionsPerType = Object.fromEntries(
-				this.expectedOptionTypes.map((optionType) => [optionType, []]),
-			)
+			const optionsPerType: { [key: string]: FormsOption[] } =
+				Object.fromEntries(
+					this.expectedOptionTypes.map((optionType) => [
+						optionType,
+						[] as FormsOption[],
+					]),
+				)
 
-			this.options.forEach((option) => {
+			this.options.forEach((option: FormsOption) => {
 				optionsPerType[option.optionType].push(option)
 			})
 
@@ -69,14 +90,15 @@ export default defineComponent({
 					})
 
 					if (!this.readOnly) {
-						// In edit mode append an empty option
+						// In edit mode append an empty option (cast as FormsOption temporarily)
 						optionsPerType[optionType].push({
+							id: 0,
 							local: true,
 							questionId: this.id,
 							text: '',
 							optionType,
 							order: optionsPerType[optionType].length,
-						})
+						} as FormsOption)
 					}
 				}
 			}
@@ -104,7 +126,7 @@ export default defineComponent({
 		 */
 		focusIndex(index: number, optionType: string) {
 			// refs are not guaranteed to be in correct order - we need to find the correct item
-			const item = this.$refs.input.find((instance) => {
+			const item = this.$refs.input.find((instance: unknown) => {
 				return (
 					instance.$props.optionType === optionType
 					&& instance.$props.index === index
@@ -143,12 +165,13 @@ export default defineComponent({
 				return [
 					...options,
 					{
+						id: 0,
 						local: true,
 						questionId: this.id,
 						text: '',
 						optionType,
 						order: options.length,
-					},
+					} as FormsOption,
 				]
 			}
 			return options
@@ -386,7 +409,7 @@ export default defineComponent({
 	},
 
 	watch: {
-		dirtyOptionsType: debounce(function () {
+		dirtyOptionsType: debounce(function (this: unknown) {
 			if (!this.dirtyOptionsType) {
 				return
 			}
diff --git a/src/mixins/ShareLinkMixin.js b/src/mixins/ShareLinkMixin.js
index 267820b70..5a64fd503 100644
--- a/src/mixins/ShareLinkMixin.js
+++ b/src/mixins/ShareLinkMixin.js
@@ -4,7 +4,7 @@ import { showError, showSuccess } from '@nextcloud/dialogs'
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { generateUrl } from '@nextcloud/router'
-import logger from '../utils/Logger.js'
+import logger from '../utils/Logger.ts'
 
 export default {
 	methods: {
diff --git a/src/mixins/UserSearchMixin.js b/src/mixins/UserSearchMixin.js
index ffc50e8c8..4eded6b06 100644
--- a/src/mixins/UserSearchMixin.js
+++ b/src/mixins/UserSearchMixin.js
@@ -7,8 +7,8 @@ import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 import debounce from 'debounce'
 import { INPUT_DEBOUNCE_MS } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
-import OcsResponse2Data from '../utils/OcsResponse2Data.js'
+import logger from '../utils/Logger.ts'
+import OcsResponse2Data from '../utils/OcsResponse2Data.ts'
 import ShareTypes from './ShareTypes.js'
 
 export default {
diff --git a/src/mixins/ViewsMixin.js b/src/mixins/ViewsMixin.js
index 87e78e020..e1b8e3446 100644
--- a/src/mixins/ViewsMixin.js
+++ b/src/mixins/ViewsMixin.js
@@ -10,9 +10,9 @@ import { emit } from '@nextcloud/event-bus'
 import moment from '@nextcloud/moment'
 import { generateOcsUrl } from '@nextcloud/router'
 import MarkdownIt from 'markdown-it'
-import CancelableRequest from '../utils/CancelableRequest.js'
-import logger from '../utils/Logger.js'
-import OcsResponse2Data from '../utils/OcsResponse2Data.js'
+import CancelableRequest from '../utils/CancelableRequest.ts'
+import logger from '../utils/Logger.ts'
+import OcsResponse2Data from '../utils/OcsResponse2Data.ts'
 
 export default {
 	provide() {
diff --git a/src/router.js b/src/router.js
deleted file mode 100644
index ec1f04acf..000000000
--- a/src/router.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-
-import { generateUrl } from '@nextcloud/router'
-import { createRouter, createWebHistory } from 'vue-router'
-
-const Create = () => import('./views/Create.vue')
-const Results = () => import('./views/Results.vue')
-const Submit = () => import('./views/Submit.vue')
-
-const router = createRouter({
-	history: createWebHistory(generateUrl('/apps/forms', '')),
-	linkActiveClass: 'active',
-	routes: [
-		{
-			path: '/',
-			name: 'root',
-		},
-		{
-			path: '/:hash',
-			redirect: { name: 'submit' },
-			name: 'formRoot',
-			props: true,
-		},
-		{
-			path: '/:hash/edit',
-			components: { default: Create },
-			name: 'edit',
-			props: { default: true },
-		},
-		{
-			path: '/:hash/results',
-			components: { default: Results },
-			name: 'results',
-			props: { default: true },
-		},
-		{
-			path: '/:hash/submit/:submissionId?',
-			components: { default: Submit },
-			name: 'submit',
-			props: { default: true },
-		},
-	],
-})
-
-export default router
diff --git a/src/router.ts b/src/router.ts
new file mode 100644
index 000000000..6d37b34f8
--- /dev/null
+++ b/src/router.ts
@@ -0,0 +1,54 @@
+/**
+ * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { RouteRecordRaw } from 'vue-router'
+
+import { generateUrl } from '@nextcloud/router'
+import { createRouter, createWebHistory } from 'vue-router'
+
+const Create = () => import('./views/Create.vue')
+const Results = () => import('./views/Results.vue')
+const Submit = () => import('./views/Submit.vue')
+const EmptyContent = () => import('./FormsEmptyContent.vue')
+
+const routes = [
+	{
+		path: '/',
+		name: 'root',
+		components: { default: EmptyContent },
+	},
+	{
+		path: '/:hash',
+		redirect: { name: 'submit' },
+		name: 'formRoot',
+		props: true,
+	},
+	{
+		path: '/:hash/edit',
+		components: { default: Create },
+		name: 'edit',
+		props: { default: true },
+	},
+	{
+		path: '/:hash/results',
+		components: { default: Results },
+		name: 'results',
+		props: { default: true },
+	},
+	{
+		path: '/:hash/submit/:submissionId?',
+		components: { default: Submit },
+		name: 'submit',
+		props: { default: true },
+	},
+]
+
+const router = createRouter({
+	history: createWebHistory(generateUrl('/apps/forms')),
+	linkActiveClass: 'active',
+	routes: routes as unknown as RouteRecordRaw[],
+})
+
+export default router
diff --git a/src/settings.js b/src/settings.ts
similarity index 100%
rename from src/settings.js
rename to src/settings.ts
diff --git a/src/submit.js b/src/submit.ts
similarity index 100%
rename from src/submit.js
rename to src/submit.ts
diff --git a/src/types/vite-modulepreload.d.ts b/src/types/vite-modulepreload.d.ts
new file mode 100644
index 000000000..a9f0f88af
--- /dev/null
+++ b/src/types/vite-modulepreload.d.ts
@@ -0,0 +1,6 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+declare module 'vite/modulepreload-polyfill'
diff --git a/src/utils/CancelableRequest.js b/src/utils/CancelableRequest.ts
similarity index 58%
rename from src/utils/CancelableRequest.js
rename to src/utils/CancelableRequest.ts
index 94feb65c9..01bbdd328 100644
--- a/src/utils/CancelableRequest.js
+++ b/src/utils/CancelableRequest.ts
@@ -5,13 +5,15 @@
 
 import axios from '@nextcloud/axios'
 
+type RequestFn = (url: string, options?: unknown) => Promise<unknown>
+
 /**
  * Creates a cancelable axios 'request object'.
  *
- * @param {Function} request the axios promise request
- * @return {object}
+ * @param request the axios promise request
+ * @return
  */
-function CancelableRequest(request) {
+export default function CancelableRequest(request: RequestFn) {
 	/**
 	 * Generate an axios cancel token
 	 */
@@ -21,10 +23,10 @@ function CancelableRequest(request) {
 	/**
 	 * Execute the request
 	 *
-	 * @param {string} url the url to send the request to
-	 * @param {object} [options] optional config for the request
+	 * @param url the url to send the request to
+	 * @param [options] optional config for the request
 	 */
-	const fetch = async function (url, options) {
+	const fetch = async function (url: string, options?: Array<unknown>) {
 		return request(url, { cancelToken: source.token, ...options })
 	}
 	return {
@@ -32,5 +34,3 @@ function CancelableRequest(request) {
 		cancel: source.cancel,
 	}
 }
-
-export default CancelableRequest
diff --git a/src/utils/Logger.js b/src/utils/Logger.ts
similarity index 100%
rename from src/utils/Logger.js
rename to src/utils/Logger.ts
diff --git a/src/utils/OcsResponse2Data.js b/src/utils/OcsResponse2Data.ts
similarity index 58%
rename from src/utils/OcsResponse2Data.js
rename to src/utils/OcsResponse2Data.ts
index 346f3fdf5..344dd50f0 100644
--- a/src/utils/OcsResponse2Data.js
+++ b/src/utils/OcsResponse2Data.ts
@@ -7,11 +7,9 @@
  * Extract actual data from Axios OCS response
  * Just a small wrapper for nice code.
  *
- * @param {object} response response returned by axios
- * @return {object} The actual data out of the ocs response
+ * @param response response returned by axios
+ * @return The actual data out of the ocs response
  */
-function OcsResponse2Data(response) {
+export default function OcsResponse2Data(response: unknown): unknown {
 	return response.data.ocs.data
 }
-
-export default OcsResponse2Data
diff --git a/src/utils/RegularExpression.js b/src/utils/RegularExpression.ts
similarity index 70%
rename from src/utils/RegularExpression.js
rename to src/utils/RegularExpression.ts
index 1971c89e7..38cdb5347 100644
--- a/src/utils/RegularExpression.js
+++ b/src/utils/RegularExpression.ts
@@ -15,27 +15,23 @@ const REGEX_UNESCAPED_SLASH = /(?:^|[^\\])(?:\\\\)*\//
 /**
  * Check if a regex is valid and enclosed with delimiters
  *
- * @param {string} input regular expression
- * @return {boolean}
+ * @param input regular expression
+ * @return is expression valid
  */
-export function validateExpression(input) {
-	// empty regex passes
+export function validateExpression(input: string): boolean {
 	if (input.length === 0) {
 		return true
 	}
 
-	// Validate regex has delimters
 	if (!REGEX_WITH_DELIMITERS.test(input)) {
 		return false
 	}
 
-	// Check pattern is escaped
 	const { pattern, modifiers } = splitRegex(input)
 	if (REGEX_UNESCAPED_SLASH.test(pattern)) {
 		return false
 	}
 
-	// Check if regular expression can be compiled
 	try {
 		;(() => new RegExp(pattern, modifiers))()
 		return true
@@ -47,10 +43,10 @@ export function validateExpression(input) {
 /**
  * Split an enclosed regular expression into pattern and modifiers
  *
- * @param {string} regex regular expression with delimiters
- * @return {{pattern: string, modifiers: string}} pattern and modifiers
+ * @param regex regular expression with delimiters
+ * @return pattern and modifiers
  */
-export function splitRegex(regex) {
+export function splitRegex(regex: string): { pattern: string; modifiers: string } {
 	const [, pattern, modifiers] = regex.match(REGEX_WITH_DELIMITERS) || ['', '', '']
 	return { pattern, modifiers }
 }
diff --git a/src/utils/SetWindowTitle.js b/src/utils/SetWindowTitle.js
deleted file mode 100644
index 28e57832c..000000000
--- a/src/utils/SetWindowTitle.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-
-/**
- * Set the Window-Title to current FormTitle including suffix.
- *
- * @param {string} formTitle Title of current form to set on window.
- */
-function SetWindowTitle(formTitle) {
-	if (formTitle === '') {
-		window.document.title = t('forms', 'Forms') + ' - ' + OC.theme.title
-	} else {
-		window.document.title =
-			formTitle + ' - ' + t('forms', 'Forms') + ' - ' + OC.theme.title
-	}
-}
-
-export default SetWindowTitle
diff --git a/src/utils/SetWindowTitle.ts b/src/utils/SetWindowTitle.ts
new file mode 100644
index 000000000..dd9bcd541
--- /dev/null
+++ b/src/utils/SetWindowTitle.ts
@@ -0,0 +1,20 @@
+/**
+ * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { t } from '@nextcloud/l10n'
+
+/**
+ * Set the Window-Title to current FormTitle including suffix.
+ *
+ * @param formTitle Title of current form to set on window.
+ */
+export default function SetWindowTitle(formTitle: string): void {
+	if (formTitle === '') {
+		window.document.title = t('forms', 'Forms') + ' - ' + window.OC.theme.title
+	} else {
+		window.document.title =
+			formTitle + ' - ' + t('forms', 'Forms') + ' - ' + window.OC.theme.title
+	}
+}
diff --git a/src/views/Create.vue b/src/views/Create.vue
index 9c7e98b3c..bfd221717 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -244,9 +244,9 @@ import TopBar from '../components/TopBar.vue'
 import ViewsMixin from '../mixins/ViewsMixin.js'
 import answerTypes from '../models/AnswerTypes.js'
 import { FormState, INPUT_DEBOUNCE_MS } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
-import OcsResponse2Data from '../utils/OcsResponse2Data.js'
-import SetWindowTitle from '../utils/SetWindowTitle.js'
+import logger from '../utils/Logger.ts'
+import OcsResponse2Data from '../utils/OcsResponse2Data.ts'
+import SetWindowTitle from '../utils/SetWindowTitle.ts'
 
 window.axios = axios
 
diff --git a/src/views/Results.vue b/src/views/Results.vue
index cfc61775a..c8b283419 100644
--- a/src/views/Results.vue
+++ b/src/views/Results.vue
@@ -307,9 +307,9 @@ import PermissionTypes from '../mixins/PermissionTypes.js'
 import ViewsMixin from '../mixins/ViewsMixin.js'
 import answerTypes from '../models/AnswerTypes.js'
 import { FormState, INPUT_DEBOUNCE_MS } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
-import OcsResponse2Data from '../utils/OcsResponse2Data.js'
-import SetWindowTitle from '../utils/SetWindowTitle.js'
+import logger from '../utils/Logger.ts'
+import OcsResponse2Data from '../utils/OcsResponse2Data.ts'
+import SetWindowTitle from '../utils/SetWindowTitle.ts'
 
 const SUPPORTED_FILE_FORMATS = {
 	ods: IconTable,
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index 2d071caec..029e66a7b 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -245,9 +245,9 @@ import {
 	FormState,
 	QUESTION_EXTRASETTINGS_OTHER_PREFIX,
 } from '../models/Constants.ts'
-import logger from '../utils/Logger.js'
-import OcsResponse2Data from '../utils/OcsResponse2Data.js'
-import SetWindowTitle from '../utils/SetWindowTitle.js'
+import logger from '../utils/Logger.ts'
+import OcsResponse2Data from '../utils/OcsResponse2Data.ts'
+import SetWindowTitle from '../utils/SetWindowTitle.ts'
 
 export default {
 	// eslint-disable-next-line vue/multi-word-component-names
diff --git a/tsconfig.json b/tsconfig.json
index a2f6f9707..6794d7586 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,11 +5,12 @@
 
 {
 	"extends": "@vue/tsconfig",
-	"include": ["src/**.ts", "*.ts"],
+	"include": ["src/**/*", "*.ts"],
 	"compilerOptions": {
 		"allowJs": true,
 		"target": "ESNext",
 		"module": "ESNext",
-		"moduleResolution": "Bundler"
+		"moduleResolution": "Bundler",
+		"types": ["vite/client", "node"]
 	}
 }
diff --git a/vite.config.js b/vite.config.js
index f454bf373..7b7c0f07f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,10 +8,10 @@ import { join, resolve } from 'path'
 
 export default createAppConfig(
 	{
-		emptyContent: resolve(join('src', 'emptyContent.js')),
-		main: resolve(join('src', 'main.js')),
-		submit: resolve(join('src', 'submit.js')),
-		settings: resolve(join('src', 'settings.js')),
+		emptyContent: resolve(join('src', 'emptyContent.ts')),
+		main: resolve(join('src', 'main.ts')),
+		submit: resolve(join('src', 'submit.ts')),
+		settings: resolve(join('src', 'settings.ts')),
 	},
 	{
 		config: {