src/store/profile.js

@@ -54,20 +54,17 @@ export default {
     }
   },
   actions: {
-    onError({commit, dispatch}) {
+    onError({commit}) {
       commit('setError')
-      dispatch('clear')
+      commit('clearProfileId')
+      commit('clearProfile')
+      commit('setNotLoading')
+      commit('hideSpinner')
     },
     onNotFound({commit, dispatch}) {
       dispatch('onError')
       commit('setNotFound', true)
     },
-    clear({commit}) {
-      commit('clearProfileId')
-      commit('clearProfile')
-      commit('hideSpinner')
-      commit('setNotLoading')
-    },
     async load({state, commit, dispatch, rootState}, profileId) {
       if (state.loading) {
         return
@@ -114,7 +111,7 @@ export default {
       const responseData = await response.json()
       commit('setProfile', responseData.profile)
       commit('hideSpinner')
-      commit('setNotLoading')
+      commit('setNotSearching')
     }
   }
 }

src/views/profile/View.vue

@@ -112,8 +112,7 @@ export default {
   },
   methods: {
     ...mapActions({
-      loadProfile: 'profile/load',
-      clearStore: 'profile/clear',
+      load: 'profile/load'
     })
   },
   computed: {
@@ -127,11 +126,8 @@ export default {
   },
   async created() {
     const id = parseInt(this.$route.params.memberId, 10)
-    this.loadProfile(id)
-  },
-  unmounted() {
-    this.clearStore()
-  },
+    this.load(id)
+  }
 };
 </script>