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 { 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 @@
+ :form-state="formState" />

{ 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 ', titleText: 'Testing', showForm: false, - store: new Store({ - titleHtml: '', - descriptionHtml: '', - issuableRef: '', - }), + formState: store.formState, }, }).$mount(); });