From 3978643e88cfad4d9432f7b36552b0c92cfbafc1 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Wed, 2 Dec 2020 20:16:43 +0100
Subject: [PATCH] improve collab status bar

---
 docs/src/demos/Examples/CollaborativeEditing/index.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue
index 3961c8fb..9a81754f 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue
@@ -6,10 +6,9 @@
       <div class="editor__users">
         <div :class="`editor__status editor__status--${status}`">
           {{ status }}<template v-if="status === 'connected'">
-            as {{ currentUser.name }}
+            as {{ currentUser.name }},
+            {{ users.length }} user{{ users.length === 1 ? '' : 's' }} online
           </template>
-          &middot;
-          {{ users.length }} user{{ users.length === 1 ? '' : 's' }} online
         </div>
         <div class="editor__actions">
           <button @click="setName">
@@ -73,7 +72,7 @@ export default {
       indexdb: null,
       editor: null,
       users: [],
-      status: null,
+      status: 'connecting',
     }
   },