Replace data with ApiClient

src/views/Applications.vue

@@ -63,11 +63,13 @@
 
 <script>
 import _ from 'lodash'
+import ApiClient from '@/api-client.js'
 import ApplicationCard from '@/components/Application/ApplicationCard'
 import ApplicationDisplaySwitcher from '@/components/Application/ApplicationDisplaySwitcher'
-import data from '@/data'
 
 export default {
+  mixins: [ApiClient],
+
   components: {
     ApplicationCard,
     ApplicationDisplaySwitcher
@@ -75,7 +77,7 @@ export default {
 
   data () {
     return {
-      applications: data.applications,
+      applications: this.getApplications(),
       display: 'grid'
     }
   },

src/views/Environment.vue

@@ -153,10 +153,12 @@
 
 <script>
 import ActionCards from '@/components/Environment/ActionCards'
+import ApiClient from '@/api-client.js'
 import ApplicationTags from '@/components/Application/ApplicationTags'
-import data from '@/data'
 
 export default {
+  mixins: [ApiClient],
+
   components: {
     ActionCards,
     ApplicationTags
@@ -167,19 +169,13 @@ export default {
     environmentName: String
   },
 
-  data () {
-    return {
-      applications: data.applications
-    }
-  },
-
   computed: {
     application: function () {
-      return this.applications[this.id]
+      return this.getApplication(this.id)
     },
 
     environment: function () {
-      return this.application['environments'][this.environmentName]
+      return this.getEnvironment(this.id, this.environmentName)
     },
 
     gitUrl: function () {

src/views/Environments.vue

@@ -82,14 +82,16 @@
 </template>
 
 <script>
+import ApiClient from '@/api-client.js'
 import ApplicationTags from '@/components/Application/ApplicationTags'
-import data from '@/data'
 import EnvironmentCards from '@/components/Environment/EnvironmentCards'
 import QuickHelp from '@/components/Environment/QuickHelp'
 import TaskLog from '@/components/Environment/TaskLog/TaskLog'
 import ToggleHelp from '@/components/Environment/ToggleHelp'
 
 export default {
+  mixins: [ApiClient],
+
   components: {
     ApplicationTags,
     EnvironmentCards,
@@ -104,7 +106,6 @@ export default {
 
   data () {
     return {
-      applications: data.applications,
       help: {
         hidden: false
       }
@@ -113,7 +114,7 @@ export default {
 
   computed: {
     application: function () {
-      return this.applications[this.id]
+      return this.getApplication(this.id)
     }
   }
 }