feat(User Id): UserId forced to be on lower case

src/components/UserNew.vue

@@ -8,7 +8,7 @@
         <div class="field-body">
           <div class="field">
             <p class="control">
-              <input :readonly="isMainUser" class="input" type="text" v-model="newUser.userId" />
+              <input :readonly="isMainUser" class="input" type="text" v-model="userId" />
             </p>
           </div>
         </div>
@@ -59,6 +59,7 @@ export default class UserNew extends Vue {
   public user!: IUser | null
   @Model('input', { type: Object, required: true })
   public newUser!: IUser
+  private localeUserId = (this.newUser.userId || '').toLowerCase()
 
   public maxChar(user: IUser): number {
     return 20 - (user.alias ? user.alias.length : 0)
@@ -70,6 +71,20 @@ export default class UserNew extends Vue {
     }
     return !!this.user && this.user.userId === this.newUser.userId
   }
+
+  public set userId(newUserId: string) {
+    this.localeUserId = (newUserId || '').toLowerCase()
+  }
+  public get userId(): string {
+    return this.localeUserId
+  }
+
+  @Watch('localeUserId', { immediate: true })
+  public onLocaleUserIdChange(userId: string) {
+    if (this.newUser.userId !== userId) {
+      this.newUser.userId = userId
+    }
+  }
 }
 </script>