Stop passing through the store objectissue-edit-inline-title-field

[ci skip]

5 files changed, 15 insertions, 16 deletions

diff --git a/app/assets/javascripts/issue_show/components/app.vue b/app/assets/javascripts/issue_show/components/app.vue
index ee780afc44d..abddcaa2594 100644
--- a/app/assets/javascripts/issue_show/components/app.vue
+++ b/app/assets/javascripts/issue_show/components/app.vue
@@ -59,6 +59,9 @@ export default {
     elementType() {
       return this.showForm ? 'form' : 'div';
     },
+    formState() {
+      return this.store.formState;
+    },
   },
   components: {
     descriptionComponent,
@@ -142,7 +145,7 @@ export default {
 <template>
   <div :is="elementType">
     <title-component
-      :store="store"
+      :form-state="formState"
       :show-form="showForm"
       :issuable-ref="issuableRef"
       :title-html="state.titleHtml"
diff --git a/app/assets/javascripts/issue_show/components/fields/title.vue b/app/assets/javascripts/issue_show/components/fields/title.vue
index 732a4021205..01ae6fd3dd2 100644
--- a/app/assets/javascripts/issue_show/components/fields/title.vue
+++ b/app/assets/javascripts/issue_show/components/fields/title.vue
@@ -1,16 +1,11 @@
 <script>
   export default {
     props: {
-      store: {
+      formState: {
         type: Object,
         required: true,
       },
     },
-    data() {
-      return {
-        state: this.store.formState,
-      };
-    },
   };
 </script>
 
@@ -27,6 +22,6 @@
       type="text"
       placeholder="Issue title"
       aria-label="Issue title"
-      v-model="state.title" />
+      v-model="formState.title" />
   </fieldset>
 </template>
diff --git a/app/assets/javascripts/issue_show/components/title.vue b/app/assets/javascripts/issue_show/components/title.vue
index a61ce414891..d410c61b655 100644
--- a/app/assets/javascripts/issue_show/components/title.vue
+++ b/app/assets/javascripts/issue_show/components/title.vue
@@ -27,7 +27,7 @@
         type: String,
         required: true,
       },
-      store: {
+      formState: {
         type: Object,
         required: true,
       },
@@ -56,7 +56,7 @@
   <div>
     <title-field
       v-if="showForm"
-      :store="store" />
+      :form-state="formState" />
     <h2
       v-else
       class="title"
diff --git a/spec/javascripts/issue_show/components/fields/title_spec.js b/spec/javascripts/issue_show/components/fields/title_spec.js
index 69afcd24df9..53ae038a6a2 100644
--- a/spec/javascripts/issue_show/components/fields/title_spec.js
+++ b/spec/javascripts/issue_show/components/fields/title_spec.js
@@ -17,7 +17,7 @@ describe('Title field component', () => {
 
     vm = new Component({
       propsData: {
-        store,
+        formState: store.formState,
       },
     }).$mount();
   });
diff --git a/spec/javascripts/issue_show/components/title_spec.js b/spec/javascripts/issue_show/components/title_spec.js
index 45ec8718eb6..2f648e4b79b 100644
--- a/spec/javascripts/issue_show/components/title_spec.js
+++ b/spec/javascripts/issue_show/components/title_spec.js
@@ -7,17 +7,18 @@ describe('Title component', () => {
 
   beforeEach(() => {
     const Component = Vue.extend(titleComponent);
+    const store = new Store({
+      titleHtml: '',
+      descriptionHtml: '',
+      issuableRef: '',
+    });
     vm = new Component({
       propsData: {
         issuableRef: '#1',
         titleHtml: 'Testing <img />',
         titleText: 'Testing',
         showForm: false,
-        store: new Store({
-          titleHtml: '',
-          descriptionHtml: '',
-          issuableRef: '',
-        }),
+        formState: store.formState,
       },
     }).$mount();
   });