Use function to define data instead of an object31849-pipeline-show-view-realtime

2 files changed, 6 insertions, 4 deletions

diff --git a/app/assets/javascripts/pipelines/pipeline_details_bundle.js b/app/assets/javascripts/pipelines/pipeline_details_bundle.js
index 03b399cc726..5aab25e0348 100644
--- a/app/assets/javascripts/pipelines/pipeline_details_bundle.js
+++ b/app/assets/javascripts/pipelines/pipeline_details_bundle.js
@@ -11,8 +11,10 @@ document.addEventListener('DOMContentLoaded', () => {
 
   const pipelineGraphApp = new Vue({
     el: '#js-pipeline-graph-vue',
-    data: {
-      mediator,
+    data() {
+      return {
+        mediator,
+      };
     },
     components: {
       pipelineGraph,
diff --git a/app/assets/javascripts/pipelines/pipeline_details_mediatior.js b/app/assets/javascripts/pipelines/pipeline_details_mediatior.js
index 5e0c60eb796..b9a6d5ca5fc 100644
--- a/app/assets/javascripts/pipelines/pipeline_details_mediatior.js
+++ b/app/assets/javascripts/pipelines/pipeline_details_mediatior.js
@@ -6,8 +6,8 @@ import PipelineStore from './stores/pipeline_store';
 import PipelineService from './services/pipeline_service';
 
 export default class pipelinesMediator {
-  constructor(options) {
-    this.options = options || {};
+  constructor(options = {}) {
+    this.options = options;
     this.store = new PipelineStore();
     this.service = new PipelineService(options.endpoint);