Draft: Resolve "[Refactoring] Improve vuex store usage"

Closes #253 (closed)

pages/platforms/_platformId/contacts.vue

@@ -32,20 +32,21 @@ implied. See the Licence for the specific language governing
 permissions and limitations under the Licence.
 -->
 <template>
-  <NuxtChild/>
+  <div>
+    <ProgressIndicator
+      v-model="isLoading"
+    />
+    <NuxtChild/>
+  </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'nuxt-property-decorator'
-import { Contact } from '@/models/Contact'
-
-import HintCard from '@/components/HintCard.vue'
 import ProgressIndicator from '@/components/ProgressIndicator.vue'
 import { mapActions } from 'vuex'
 
 @Component({
   components: {
-    HintCard,
     ProgressIndicator
   },
   methods: mapActions('platforms', ['loadPlatformContacts'])
@@ -53,10 +54,6 @@ import { mapActions } from 'vuex'
 export default class PlatformContactsPage extends Vue {
   private isLoading = false
 
-  get platformId (): string {
-    return this.$route.params.platformId
-  }
-
   async created () {
     try {
       this.isLoading = true
@@ -68,6 +65,10 @@ export default class PlatformContactsPage extends Vue {
     }
   }
 
+  get platformId (): string {
+    return this.$route.params.platformId
+  }
+
   head () {
     return {
       titleTemplate: 'Contacts - %s'