feat: use defineComponent wrapper

src/views/migrator/Migrate.vue

@@ -21,9 +21,11 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import {MIGRATORS} from './migrators'
 
-export default {
+export default defineComponent({
 	name: 'Migrate',
 	mounted() {
 		this.setTitle(this.$t('migrate.title'))
@@ -35,7 +37,7 @@ export default {
 				.filter((item) => Boolean(item))
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>

src/views/migrator/MigrateService.vue

@@ -66,6 +66,8 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import AbstractMigrationService from '@/services/migrator/abstractMigration'
 import AbstractMigrationFileService from '@/services/migrator/abstractMigrationFile'
 import Logo from '@/assets/logo.svg?component'
@@ -75,7 +77,7 @@ import {MIGRATORS} from './migrators'
 
 const PROGRESS_DOTS_COUNT = 8
 
-export default {
+export default defineComponent({
 	name: 'MigrateService',
 
 	components: {
@@ -170,7 +172,7 @@ export default {
 			}
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>