feat: use defineComponent wrapper

src/views/namespaces/ListNamespaces.vue

@@ -69,12 +69,14 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import {mapState} from 'vuex'
 import Fancycheckbox from '../../components/input/fancycheckbox.vue'
 import {LOADING} from '@/store/mutation-types'
 import ListCard from '@/components/list/partials/list-card.vue'
 
-export default {
+export default defineComponent({
 	name: 'ListNamespaces',
 	components: {
 		ListCard,
@@ -103,7 +105,7 @@ export default {
 			localStorage.setItem('showArchived', JSON.stringify(this.showArchived))
 		},
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>

src/views/namespaces/NewNamespace.vue

@@ -41,13 +41,15 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import Message from '@/components/misc/message'
 import NamespaceModel from '../../models/namespace'
 import NamespaceService from '../../services/namespace'
 import CreateEdit from '@/components/misc/create-edit.vue'
 import ColorPicker from '../../components/input/colorPicker'
 
-export default {
+export default defineComponent({
 	name: 'NewNamespace',
 	data() {
 		return {
@@ -78,5 +80,5 @@ export default {
 			this.$router.back()
 		},
 	},
-}
+})
 </script>

src/views/namespaces/settings/archive.vue

@@ -14,9 +14,11 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import NamespaceService from '@/services/namespace'
 
-export default {
+export default defineComponent({
 	name: 'namespace-setting-archive',
 	data() {
 		return {
@@ -49,5 +51,5 @@ export default {
 			}
 		},
 	},
-}
+})
 </script>

src/views/namespaces/settings/delete.vue

@@ -13,7 +13,9 @@
 </template>
 
 <script lang="ts">
-export default {
+import {defineComponent} from 'vue'
+
+export default defineComponent({
 	name: 'namespace-setting-delete',
 	computed: {
 		namespace() {
@@ -41,5 +43,5 @@ export default {
 			this.$router.push({name: 'home'})
 		},
 	},
-}
+})
 </script>

src/views/namespaces/settings/edit.vue

@@ -56,6 +56,8 @@
 </template>
 
 <script lang="ts">
+import {defineComponent} from 'vue'
+
 import AsyncEditor from '@/components/input/AsyncEditor'
 
 import NamespaceService from '@/services/namespace'
@@ -64,7 +66,7 @@ import Fancycheckbox from '@/components/input/fancycheckbox.vue'
 import ColorPicker from '@/components/input/colorPicker.vue'
 import CreateEdit from '@/components/misc/create-edit.vue'
 
-export default {
+export default defineComponent({
 	name: 'namespace-setting-edit',
 	data() {
 		return {
@@ -118,5 +120,5 @@ export default {
 			this.$router.back()
 		},
 	},
-}
+})
 </script>

src/views/namespaces/settings/share.vue

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