feat: use defineComponent wrapper

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>