Select whole name on focus when choosing identity

src/components/Join.vue

@@ -18,7 +18,7 @@
         </div>
 
         <hr class="my-10 join-line" />
-        <div class="font-weight-black mb-4" v-if="!currentUser">Choose a name to use.</div>
+        <div class="font-weight-black mb-4" v-if="!currentUser">{{ $t("join.choose_name") }}</div>
 
         <v-row v-if="canEditProfile">
           <v-col cols="10" sm="7" class="py-0">
@@ -29,7 +29,7 @@
               outlined
               dense
               @change="selectAvatar"
-              :value="availableAvatars[0]"
+              :value="selectedProfile"
               single-line
               autofocus
             >
@@ -39,10 +39,8 @@
                   solo
                   flat
                   hide-details
-                  @click.native.stop="
-                    {
-                    }
-                  "
+                  @click.native.stop="(event) => event.target.focus()"                 
+                  @focus="$event.target.select()"
                   v-model="selectedProfile.name"
                 ></v-text-field>
               </template>