diff --git a/apps/user_status/src/components/PredefinedStatusesList.vue b/apps/user_status/src/components/PredefinedStatusesList.vue
index 6d62eee8b0c..a3ac3c68677 100644
--- a/apps/user_status/src/components/PredefinedStatusesList.vue
+++ b/apps/user_status/src/components/PredefinedStatusesList.vue
@@ -20,7 +20,7 @@
   -->
 
 <template>
-	<div v-if="hasLoaded"
+	<div v-if="statusesHaveLoaded"
 		class="predefined-statuses-list">
 		<PredefinedStatus v-for="status in predefinedStatuses"
 			:key="status.id"
@@ -38,7 +38,7 @@
 
 <script>
 import PredefinedStatus from './PredefinedStatus.vue'
-import { mapState } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 
 export default {
 	name: 'PredefinedStatusesList',
@@ -49,20 +49,13 @@ export default {
 		...mapState({
 			predefinedStatuses: state => state.predefinedStatuses.predefinedStatuses,
 		}),
-		/**
-		 * Indicator whether the predefined statuses have already been loaded
-		 *
-		 * @return {boolean}
-		 */
-		hasLoaded() {
-			return this.predefinedStatuses.length > 0
-		},
+		...mapGetters(['statusesHaveLoaded']),
 	},
 	/**
 	 * Loads all predefined statuses from the server
 	 * when this component is mounted
 	 */
-	mounted() {
+	created() {
 		this.$store.dispatch('loadAllPredefinedStatuses')
 	},
 	methods: {
diff --git a/apps/user_status/src/store/predefinedStatuses.js b/apps/user_status/src/store/predefinedStatuses.js
index 05d18b51771..0c540e5ddee 100644
--- a/apps/user_status/src/store/predefinedStatuses.js
+++ b/apps/user_status/src/store/predefinedStatuses.js
@@ -39,7 +39,11 @@ const mutations = {
 	},
 }
 
-const getters = {}
+const getters = {
+	statusesHaveLoaded(state) {
+		return state.predefinedStatuses.length > 0
+	},
+}
 
 const actions = {