feat: use defineComponent wrapper

src/views/list/ListKanban.vue

@@ -227,6 +227,7 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import draggable from 'vuedraggable'
 import cloneDeep from 'lodash.clonedeep'
 
@@ -252,7 +253,7 @@ const DRAG_OPTIONS = {
 
 const MIN_SCROLL_HEIGHT_PERCENT = 0.25
 
-export default {
+export default defineComponent({
 	name: 'Kanban',
 	components: {
 		ListWrapper,
@@ -602,7 +603,7 @@ export default {
 			saveCollapsedBucketState(this.listId, this.collapsedBuckets)
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss">

src/views/list/NewList.vue

@@ -32,12 +32,13 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import ListService from '../../services/list'
 import ListModel from '../../models/list'
 import CreateEdit from '@/components/misc/create-edit.vue'
 import ColorPicker from '../../components/input/colorPicker'
 
-export default {
+export default defineComponent({
 	name: 'NewList',
 	data() {
 		return {
@@ -70,5 +71,5 @@ export default {
 			})
 		},
 	},
-}
+})
 </script>

src/views/list/settings/archive.vue

@@ -12,9 +12,10 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import ListService from '@/services/list'
 
-export default {
+export default defineComponent({
 	name: 'list-setting-archive',
 	data() {
 		return {
@@ -46,5 +47,5 @@ export default {
 			}
 		},
 	},
-}
+})
 </script>

src/views/list/settings/background.vue

@@ -73,6 +73,7 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
 import {mapState} from 'vuex'
 import {getBlobFromBlurHash} from '../../../helpers/getBlobFromBlurHash'
 
@@ -85,7 +86,7 @@ import debounce from 'lodash.debounce'
 
 const SEARCH_DEBOUNCE = 300
 
-export default {
+export default defineComponent({
 	name: 'list-setting-background',
 	components: {CreateEdit},
 	data() {
@@ -179,7 +180,7 @@ export default {
 			this.$router.back()
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>

src/views/list/settings/delete.vue

@@ -13,7 +13,9 @@
 </template>
 
 <script lang="ts">
-export default {
+import {defineComponent} from 'vue'
+
+export default defineComponent({
 	name: 'list-setting-delete',
 	created() {
 		this.setTitle(this.$t('list.delete.title', {list: this.list.title}))
@@ -30,5 +32,5 @@ export default {
 			this.$router.push({name: 'home'})
 		},
 	},
-}
+})
 </script>

src/views/list/settings/duplicate.vue

@@ -14,12 +14,14 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import ListDuplicateService from '@/services/listDuplicateService'
 import NamespaceSearch from '@/components/namespace/namespace-search.vue'
 import ListDuplicateModel from '@/models/listDuplicateModel'
 import CreateEdit from '@/components/misc/create-edit.vue'
 
-export default {
+export default defineComponent({
 	name: 'list-setting-duplicate',
 	data() {
 		return {
@@ -51,5 +53,5 @@ export default {
 			this.$router.push({name: 'list.index', params: {listId: duplicate.list.id}})
 		},
 	},
-}
+})
 </script>

src/views/list/settings/edit.vue

@@ -66,6 +66,8 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import ListModel from '@/models/list'
@@ -74,7 +76,7 @@ import ColorPicker from '@/components/input/colorPicker.vue'
 import {CURRENT_LIST} from '@/store/mutation-types'
 import CreateEdit from '@/components/misc/create-edit.vue'
 
-export default {
+export default defineComponent({
 	name: 'list-setting-edit',
 	data() {
 		return {
@@ -109,5 +111,5 @@ export default {
 			this.$router.back()
 		},
 	},
-}
+})
 </script>

src/views/list/settings/share.vue

@@ -23,9 +23,11 @@
 </template>
 
 <script lang="ts">
-export default {
+import {defineComponent} from 'vue'
+
+export default defineComponent({
 	name: 'list-setting-share',
-}
+})
 </script>
 
 <script lang="ts" setup>