From 2475bf6123f97d57269756d27ea8935ed69cb04f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Fri, 3 May 2019 22:14:18 +0200
Subject: [PATCH] add loading state

---
 examples/Components/Routes/Collaboration/index.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/examples/Components/Routes/Collaboration/index.vue b/examples/Components/Routes/Collaboration/index.vue
index c65c19196..6ac6073d2 100644
--- a/examples/Components/Routes/Collaboration/index.vue
+++ b/examples/Components/Routes/Collaboration/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="editor">
-    <editor-content class="editor__content" :editor="editor" v-if="editor" />
+    <editor-content class="editor__content" :editor="editor" v-if="editor && !loading" />
+    <em v-else>
+      Connecting to socket server …
+    </em>
   </div>
 </template>
 
@@ -19,6 +22,7 @@ export default {
 
   data() {
     return {
+      loading: true,
       editor: null,
       socket: null,
     }
@@ -26,6 +30,8 @@ export default {
 
   methods: {
     initEditor({ doc, version }) {
+      this.loading = false
+
       if (this.editor) {
         this.editor.destroy()
       }