feat: use defineComponent wrapper

src/components/list/partials/filter-popup.vue

@@ -28,12 +28,14 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import Filters from '@/components/list/partials/filters'
 import Popup from '@/components/misc/popup'
 
 import {getDefaultParams} from '@/composables/taskList'
 
-export default {
+export default defineComponent({
 	name: 'filter-popup',
 	components: {
 		Popup,
@@ -85,7 +87,7 @@ export default {
 			this.value = {...getDefaultParams()}
 		},
 	},
-}
+})
 </script>
 
 <style scoped lang="scss">

src/components/list/partials/filters.vue

@@ -175,6 +175,8 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import DatepickerWithRange from '@/components/date/datepickerWithRange'
 import Fancycheckbox from '../../input/fancycheckbox'
 
@@ -223,7 +225,7 @@ const DEFAULT_FILTERS = {
 
 export const ALPHABETICAL_SORT = 'title'
 
-export default {
+export default defineComponent({
 	name: 'filters',
 	components: {
 		DatepickerWithRange,
@@ -573,7 +575,7 @@ export default {
 			this.setSingleValueFilter('labels', 'labels', '', 'in')
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>