feat: use defineComponent wrapper

src/views/user/Login.vue

@@ -101,6 +101,7 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import {useDebounceFn} from '@vueuse/core'
 import {mapState} from 'vuex'
 
@@ -112,7 +113,7 @@ import {redirectToProvider} from '../../helpers/redirectToProvider'
 import {getLastVisited, clearLastVisited} from '../../helpers/saveLastVisited'
 import Password from '@/components/input/password'
 
-export default {
+export default defineComponent({
 	components: {
 		Password,
 		Message,
@@ -233,7 +234,7 @@ export default {
 
 		redirectToProvider,
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>

src/views/user/OpenIdAuth.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import {mapState} from 'vuex'
 
 import {LOADING} from '@/store/mutation-types'
@@ -17,7 +18,7 @@ import {getErrorText} from '@/message'
 import Message from '@/components/misc/message'
 import {clearLastVisited, getLastVisited} from '../../helpers/saveLastVisited'
 
-export default {
+export default defineComponent({
 	name: 'Auth',
 	components: {Message},
 	data() {
@@ -86,5 +87,5 @@ export default {
 			}
 		},
 	},
-}
+})
 </script>

src/views/user/settings/Avatar.vue

@@ -68,13 +68,14 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import {Cropper} from 'vue-advanced-cropper'
 import 'vue-advanced-cropper/dist/style.css'
 
 import AvatarService from '@/services/avatar'
 import AvatarModel from '@/models/avatar'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-avatar',
 	data() {
 		return {
@@ -144,7 +145,7 @@ export default {
 			reader.readAsDataURL(avatar[0])
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss">

src/views/user/settings/Caldav.vue

@@ -25,11 +25,12 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import copy from 'copy-to-clipboard'
 import {mapState} from 'vuex'
 import {CALDAV_DOCS} from '@/urls'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-caldav',
 	data() {
 		return {
@@ -51,5 +52,5 @@ export default {
 	methods: {
 		copy,
 	},
-}
+})
 </script>

src/views/user/settings/DataExport.vue

@@ -39,9 +39,10 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import DataExportService from '@/services/dataExport'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-data-export',
 	data() {
 		return {
@@ -71,5 +72,5 @@ export default {
 			this.password = ''
 		},
 	},
-}
+})
 </script>

src/views/user/settings/Deletion.vue

@@ -83,11 +83,12 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import AccountDeleteService from '@/services/accountDelete'
 import {mapState} from 'vuex'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-deletion',
 	data() {
 		return {
@@ -129,5 +130,5 @@ export default {
 			this.password = ''
 		},
 	},
-}
+})
 </script>

src/views/user/settings/EmailUpdate.vue

@@ -37,10 +37,11 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import EmailUpdateService from '@/services/emailUpdate'
 import EmailUpdateModel from '@/models/emailUpdate'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-update-email',
 	data() {
 		return {
@@ -62,5 +63,5 @@ export default {
 			this.$message.success({message: this.$t('user.settings.updateEmailSuccess')})
 		},
 	},
-}
+})
 </script>

src/views/user/settings/General.vue

@@ -132,7 +132,7 @@
 </template>
 
 <script lang="ts">
-import {computed, watch, ref} from 'vue'
+import {defineComponent, computed, watch, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
 
 import {playSoundWhenDoneKey, playPopSound} from '@/helpers/playPop'
@@ -186,7 +186,7 @@ function getPlaySoundWhenDoneSetting() {
 	return localStorage.getItem(playSoundWhenDoneKey) === 'true' || localStorage.getItem(playSoundWhenDoneKey) === null
 }
 
-export default {
+export default defineComponent({
 	name: 'user-settings-general',
 	data() {
 		return {
@@ -244,5 +244,5 @@ export default {
 			})
 		},
 	},
-}
+})
 </script>

src/views/user/settings/PasswordUpdate.vue

@@ -52,10 +52,11 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import PasswordUpdateService from '@/services/passwordUpdateService'
 import PasswordUpdateModel from '@/models/passwordUpdate'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-password-update',
 	data() {
 		return {
@@ -83,5 +84,5 @@ export default {
 			this.$message.success({message: this.$t('user.settings.passwordUpdateSuccess')})
 		},
 	},
-}
+})
 </script>

src/views/user/settings/TOTP.vue

@@ -64,11 +64,12 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import TotpService from '@/services/totp'
 import TotpModel from '@/models/totp'
 import {mapState} from 'vuex'
 
-export default {
+export default defineComponent({
 	name: 'user-settings-totp',
 	data() {
 		return {
@@ -129,5 +130,5 @@ export default {
 			this.$message.success({message: this.$t('user.settings.totp.disableSuccess')})
 		},
 	},
-}
+})
 </script>