Add latest changes from gitlab-org/gitlab@master

4 files changed, 9 insertions, 0 deletions

diff --git a/doc/development/fe_guide/graphql.md b/doc/development/fe_guide/graphql.md
index 7a79081b0d9..5dd826890bb 100644
--- a/doc/development/fe_guide/graphql.md
+++ b/doc/development/fe_guide/graphql.md
@@ -477,6 +477,7 @@ const apolloProvider = new VueApollo({
 
 return new Vue({
   el,
+  name: 'MyAppRoot',
   apolloProvider,
   provide: {
     // inject local state mutations to your app
diff --git a/doc/development/fe_guide/style/vue.md b/doc/development/fe_guide/style/vue.md
index 280019527da..50805ee4406 100644
--- a/doc/development/fe_guide/style/vue.md
+++ b/doc/development/fe_guide/style/vue.md
@@ -63,6 +63,7 @@ Check the [rules](https://github.com/vuejs/eslint-plugin-vue#bulb-rules) for mor
    // bad
    return new Vue({
      el: '#element',
+     name: 'ComponentNameRoot',
      components: {
        componentName
      },
@@ -81,6 +82,7 @@ Check the [rules](https://github.com/vuejs/eslint-plugin-vue#bulb-rules) for mor
 
    return new Vue({
      el: '#element',
+     name: 'ComponentNameRoot',
      components: {
        componentName
      },
@@ -106,6 +108,7 @@ Check the [rules](https://github.com/vuejs/eslint-plugin-vue#bulb-rules) for mor
    ```javascript
    return new Vue({
      el: '#element',
+     name: 'ComponentNameRoot',
      components: {
        componentName
      },
diff --git a/doc/development/fe_guide/vue.md b/doc/development/fe_guide/vue.md
index ded44fd910b..898dfec2119 100644
--- a/doc/development/fe_guide/vue.md
+++ b/doc/development/fe_guide/vue.md
@@ -144,6 +144,7 @@ const { endpoint } = el.dataset;
 
 return new Vue({
   el,
+  name: 'MyComponentRoot',
   render(createElement) {
     return createElement('my-component', {
       provide: {
@@ -204,6 +205,7 @@ const { endpoint } = el.dataset;
 
 return new Vue({
   el,
+  name: 'MyComponentRoot',
   render(createElement) {
     return createElement('my-component', {
       props: {
@@ -258,6 +260,7 @@ export const initUserForm = () => {
 
   return new Vue({
     el,
+    name: 'UserFormRoot',
     render(h) {
       return h(UserForm, {
         props: {
@@ -311,6 +314,7 @@ initializing our Vue instance, and the data should be provided as `props` to the
 ```javascript
 return new Vue({
   el: '.js-vue-app',
+  name: 'MyComponentRoot',
   render(createElement) {
     return createElement('my-component', {
       props: {
diff --git a/doc/development/fe_guide/vuex.md b/doc/development/fe_guide/vuex.md
index 01ee50fb6ca..95204a6e91c 100644
--- a/doc/development/fe_guide/vuex.md
+++ b/doc/development/fe_guide/vuex.md
@@ -305,6 +305,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'AwesomeVueRoot',
     store: createStore(el.dataset),
     render: h => h(AwesomeVueApp)
   });