feat: add lang ts to script block

src/components/home/navigation.vue

@@ -156,7 +156,7 @@
 	</aside>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 import draggable from 'vuedraggable'
 

src/components/home/update.vue

@@ -7,7 +7,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'update',
 	data() {

src/components/input/colorPicker.vue

@@ -34,7 +34,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {createRandomID} from '@/helpers/randomId'
 
 const DEFAULT_COLORS = [

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'

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'

src/components/input/fancycheckbox.vue

@@ -19,7 +19,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {createRandomID} from '@/helpers/randomId'
 
 export default {

src/components/input/multiselect.vue

@@ -82,7 +82,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {i18n} from '@/i18n'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 

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'
 

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'
 

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'
 

src/components/misc/create-edit.vue

@@ -41,7 +41,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import { i18n } from '@/i18n'
 
 export default {

src/components/misc/dropdown.vue

@@ -15,7 +15,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 
 export default {

src/components/misc/nothing.vue

@@ -4,7 +4,7 @@
 	</p>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'nothing',
 }

src/components/misc/notification.vue

@@ -37,7 +37,7 @@
 	</notifications>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'notification',
 }

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'
 

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'

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'
 

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'

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'

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'

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'
 

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'

src/components/tasks/partials/checklist-summary.vue

@@ -11,7 +11,7 @@
 	</span>
 </template>
 
-<script>
+<script lang="ts">
 import {getChecklistStatistics} from '../../../helpers/checklistFromText'
 
 export default {

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'

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: {

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'
 

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'

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'

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'
 

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'

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'

src/components/tasks/partials/labels.vue

@@ -10,7 +10,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'labels',
 	props: {

src/components/tasks/partials/percentDoneSelect.vue

@@ -16,7 +16,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'percentDoneSelect',
 	props: {

src/components/tasks/partials/priorityLabel.vue

@@ -20,7 +20,7 @@
 	</span>
 </template>
 
-<script>
+<script lang="ts">
 import priorites from '../../../models/constants/priorities'
 
 export default {

src/components/tasks/partials/prioritySelect.vue

@@ -11,7 +11,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import priorites from '../../../models/constants/priorities'
 
 export default {

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'
 

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'

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 {

src/components/tasks/partials/repeatAfter.vue

@@ -50,7 +50,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import repeatModes from '@/models/constants/taskRepeatModes'
 
 export default {

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'

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]
 

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
+	const rgb = parseInt(color.substring(1, 7), 16)   // convert rrggbb to decimal
-	let r = (rgb >> 16) & 0xff  // extract red
+	const r = (rgb >> 16) & 0xff  // extract red
-	let g = (rgb >> 8) & 0xff  // extract green
+	const g = (rgb >> 8) & 0xff  // extract green
-	let b = (rgb >> 0) & 0xff  // extract blue
+	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
 }

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
 		}

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

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.')
 		},

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,

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)
 		})

src/views/404.vue

@@ -5,7 +5,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: '404',
 	mounted() {

src/views/About.vue

@@ -32,7 +32,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {computed} from 'vue'
 
 import { store } from '@/store'

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'

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'

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'

src/views/labels/ListLabels.vue

@@ -96,7 +96,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {mapState} from 'vuex'
 
 import LabelModel from '../../models/label'

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'

src/views/list/ListKanban.vue

@@ -226,7 +226,7 @@
 	</ListWrapper>
 </template>
 
-<script>
+<script lang="ts">
 import draggable from 'vuedraggable'
 import cloneDeep from 'lodash.clonedeep'
 

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'

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'

src/views/list/settings/archive.vue

@@ -11,7 +11,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import ListService from '@/services/list'
 
 export default {

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'
 

src/views/list/settings/delete.vue

@@ -12,7 +12,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'list-setting-delete',
 	created() {

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'

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'

src/views/migrator/Migrate.vue

@@ -20,7 +20,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {MIGRATORS} from './migrators'
 
 export default {

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'

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'

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'

src/views/namespaces/settings/archive.vue

@@ -13,7 +13,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 import NamespaceService from '@/services/namespace'
 
 export default {

src/views/namespaces/settings/delete.vue

@@ -12,7 +12,7 @@
 	</modal>
 </template>
 
-<script>
+<script lang="ts">
 export default {
 	name: 'namespace-setting-delete',
 	computed: {

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'

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'
 

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'

src/views/teams/ListTeams.vue

@@ -25,7 +25,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import TeamService from '../../services/team'
 
 export default {

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'

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'

src/views/user/Login.vue

@@ -100,7 +100,7 @@
 	</div>
 </template>
 
-<script>
+<script lang="ts">
 import {useDebounceFn} from '@vueuse/core'
 import {mapState} from 'vuex'
 

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'

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'
 

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'
 

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'

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'

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'
 

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'

src/views/user/settings/DataExport.vue

@@ -38,7 +38,7 @@
 	</card>
 </template>
 
-<script>
+<script lang="ts">
 import DataExportService from '@/services/dataExport'
 
 export default {

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'

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'
 

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'
 

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'
 

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'

vite.config.ts

@@ -60,7 +60,7 @@ export default defineConfig({
 		}),
 		VitePWA({
 			srcDir: 'src',
-			filename: 'sw.js',
+			filename: 'sw.ts',
 			base: '/',
 			strategies: 'injectManifest',
 			injectRegister: false,