display names again

src/pages/NewChat.vue

@@ -1,59 +1,36 @@
 <template>
   <q-page class="align-items-center" style="display: flex; flex-direction: column">
     <!-- Persona Selection -->
-    <q-tabs
-      v-model="selectedPersonaIdRef"
-      narrow-indicator
-      dense
-      align="justify"
-      active-color="white"
-      no-caps
-      mobile-arrows
-      class="q-pa-lg"
-    >
+    <q-tabs v-model="selectedPersonaIdRef" narrow-indicator dense align="justify" active-color="white" no-caps
+      mobile-arrows class="q-pa-lg">
       <q-tab v-for="persona of personasStore.personas" :key="persona.id" :name="persona.id">
         <q-avatar size="64px" color="white" class="q-mb-xs">
           <img :src="persona.avatarUrl" class="q-pa-xs" />
         </q-avatar>
-        {{ persona.roomName }}
+        {{ persona.name }}
       </q-tab>
     </q-tabs>
 
-    <q-expansion-item
-      v-model="advancedShownRef"
-      :icon="'img:' + selectedPersonaRef.avatarUrl"
-      label="Customize"
-      style="flex-grow: 1"
-      class="q-pa-lg"
-    >
+    <q-expansion-item v-model="advancedShownRef" :icon="'img:' + selectedPersonaRef.avatarUrl" label="Customize"
+      style="flex-grow: 1" class="q-pa-lg">
       <q-card>
         <q-card-section class="row q-col-gutter-sm">
           <q-input v-model="usernameInputRef" placeholder="user" label="Your name" standout class="col-6" />
           <q-input v-model="selectedPersonaRef.name" label="Persona name" standout class="col-6" />
         </q-card-section>
         <q-card-section class="">
-          <q-input
-            autogrow
-            v-model="selectedPersonaRef.description"
-            type="textarea"
-            label="Persona Description"
-            standout
-          />
+          <q-input autogrow v-model="selectedPersonaRef.description" type="textarea" label="Persona Description"
+            standout />
         </q-card-section>
       </q-card>
     </q-expansion-item>
 
     <div class="q-pb-xl">
-      <message-input
-        @sendMessage="sendMessage"
-        v-model="messageInputRef"
-        ref="input"
-        hint="Disclaimer: This chat bot uses personas for entertainment and informational purposes only. The
+      <message-input @sendMessage="sendMessage" v-model="messageInputRef" ref="input" hint="Disclaimer: This chat bot uses personas for entertainment and informational purposes only. The
                 chat bot's responses are not a reflection of any real person or organization's views or opinions, and should not
                 be used as a substitute for professional advice. The accuracy and reliability of the chat bot's responses cannot
                 be guaranteed. Users should exercise their own judgment and discretion when interacting with the chat bot and
-                its personas. By using this chat bot, you acknowledge and agree to these terms."
-      />
+                its personas. By using this chat bot, you acknowledge and agree to these terms." />
     </div>
   </q-page>
 </template>