fix: access namespace only if loaded

src/store/modules/namespaces.js

@@ -90,12 +90,7 @@ export default {
 			return null
 		},
 		getNamespaceById: state => namespaceId => {
-			for (const n in state.namespaces) {
+			return state.namespaces.find(({id}) => id == namespaceId) || null
-				if (state.namespaces[n].id === namespaceId) {
-					return state.namespaces[n]
-				}
-			}
-			return null
 		},
 	},
 	actions: {

src/views/namespaces/settings/delete.vue

@@ -13,26 +13,30 @@
 </template>
 
 <script>
-import NamespaceService from '@/services/namespace'
-
 export default {
 	name: 'namespace-setting-delete',
-	data() {
+	computed: {
-		return {
+		namespace() {
-			namespaceService: new NamespaceService(),
+			return this.$store.getters['namespaces/getNamespaceById'](this.$route.params.id)
-			title: '',
+		},
-		}
+		title() {
+			if (!this.namespace) {
+				return
+			}
+			return this.$t('namespace.delete.title', {namespace: this.namespace.title})
+		},
 	},
-	created() {
+	watch: {
-		const namespace = this.$store.getters['namespaces/getNamespaceById'](this.$route.params.id)
+		title: {
-		this.title = this.$t('namespace.delete.title', {namespace: namespace.title})
+			handler(title) {
-		this.setTitle(this.title)
+				this.setTitle(title)
+			},
+			immediate: true,
+		},
 	},
 	methods: {
 		deleteNamespace() {
-			const namespace = this.$store.getters['namespaces/getNamespaceById'](this.$route.params.id)
+			this.$store.dispatch('namespaces/deleteNamespace', this.namespace)
-
-			this.$store.dispatch('namespaces/deleteNamespace', namespace)
 				.then(() => {
 					this.$message.success({message: this.$t('namespace.delete.success')})
 					this.$router.push({name: 'home'})