From 2569e9d4d8e665a042e152b89a53c22bfdad04ae Mon Sep 17 00:00:00 2001
From: Marcelo Shima <marceloshima@gmail.com>
Date: Sat, 9 Oct 2021 07:58:11 -0300
Subject: [PATCH] Fix vue many-to-many relationships.

---
 generators/entity-client/index.js                           | 6 ++----
 .../main/webapp/app/entities/entity-update.component.ts.ejs | 2 +-
 .../vue/src/main/webapp/app/entities/entity-update.vue.ejs  | 6 +++---
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/generators/entity-client/index.js b/generators/entity-client/index.js
index dbfd6f49877e..9a98738ee110 100644
--- a/generators/entity-client/index.js
+++ b/generators/entity-client/index.js
@@ -24,7 +24,7 @@ const { entityClientI18nFiles } = require('../entity-i18n/files');
 const utils = require('../utils');
 const BaseBlueprintGenerator = require('../generator-base-blueprint');
 const {
-  SUPPORTED_CLIENT_FRAMEWORKS: { ANGULAR, REACT, VUE },
+  SUPPORTED_CLIENT_FRAMEWORKS: { ANGULAR, REACT },
 } = require('../generator-constants');
 const { GENERATOR_ENTITY_CLIENT } = require('../generator-list');
 const { SQL } = require('../../jdl/jhipster/database-types');
@@ -72,9 +72,7 @@ module.exports = class extends BaseBlueprintGenerator {
 
       setupCypress() {
         const entity = this.entity;
-        this.cypressBootstrapEntities =
-          (!entity.reactive || entity.databaseType !== SQL) &&
-          (this.clientFramework !== VUE || !entity.relationships.some(rel => rel.relationshipRequired && rel.collection));
+        this.cypressBootstrapEntities = !entity.reactive || entity.databaseType !== SQL;
       },
     };
   }
diff --git a/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs b/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs
index 14f1d89a3e53..97ced888faa8 100644
--- a/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs
+++ b/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs
@@ -113,7 +113,7 @@ _%>
 <%_ } _%>
 <%_ for (relationship of relationships) { _%>
   <%_ if (relationship.relationshipValidate && relationship.relationshipRequired) { _%>
-    <%= relationship.relationshipFieldName %>: {
+    <%= relationship.collection ? relationship.relationshipFieldNamePlural : relationship.relationshipFieldName %>: {
       required
     },
   <%_ } _%>
diff --git a/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.vue.ejs b/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.vue.ejs
index 01d5c3798268..81aaad60ebb2 100644
--- a/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.vue.ejs
+++ b/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.vue.ejs
@@ -195,15 +195,15 @@ _%>
   <%_ } else if (relationship.relationshipManyToMany && ownerSide) { _%>
                     <div class="form-group">
                         <label v-text="$t('<%= translationKey %>')" for="<%= entityFileName %>-<%= relationshipName %>"><%= relationshipNameHumanized %></label>
-                        <select class="form-control" id="<%= entityFileName %>-<%= relationshipName %>" data-cy="<%= relationshipFieldName %>" multiple name="<%= relationshipName %>" v-if="<%=entityInstance %>.<%=relationshipFieldNamePlural %> !== undefined" v-model="<%=entityInstance %>.<%=relationshipFieldNamePlural %>"<% if (relationshipRequired) { %> required<% } %>>
+                        <select class="form-control" id="<%= entityFileName %>-<%= relationshipFieldNamePlural %>" data-cy="<%= relationshipFieldName %>" multiple name="<%= relationshipName %>" v-if="<%=entityInstance %>.<%=relationshipFieldNamePlural %> !== undefined" v-model="<%=entityInstance %>.<%=relationshipFieldNamePlural %>"<% if (relationshipRequired) { %> required<% } %>>
                             <option v-bind:value="getSelected(<%=entityInstance %>.<%=relationshipFieldNamePlural %>, <%=otherEntityName %>Option)" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.id">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
                         </select>
                     </div>
   <%_ } _%>
   <%_ if (relationship.relationshipValidate) { _%>
-                    <div v-if="$v.<%= entityInstance %>.<%= relationshipName %>.$anyDirty && $v.<%= entityInstance %>.<%= relationshipName %>.$invalid">
+                    <div v-if="$v.<%= entityInstance %>.<%= relationship.collection ? relationshipFieldNamePlural : relationshipFieldName %>.$anyDirty && $v.<%= entityInstance %>.<%= relationship.collection ? relationshipFieldNamePlural : relationshipFieldName %>.$invalid">
     <%_ if (relationshipRequired) { _%>
-                        <small class="form-text text-danger" v-if="!$v.<%= entityInstance %>.<%= relationshipName %>.required" v-text="$t('entity.validation.required')">
+                        <small class="form-text text-danger" v-if="!$v.<%= entityInstance %>.<%= relationship.collection ? relationshipFieldNamePlural : relationshipFieldName %>.required" v-text="$t('entity.validation.required')">
                             This field is required.
                         </small>
     <%_ } _%>