From 931918c60be7b69e58be8ecf87cf0d46bb0f5a23 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Mon, 21 Oct 2019 19:50:13 +0200
Subject: [PATCH] Movie title also gets a loading placeholder before we get a
 respons. (Loadingplaceholder are grey pulsing bars that indicate where
 content is going to load)

---
 src/components/Movie.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Movie.vue b/src/components/Movie.vue
index fd5dbee..c5de83b 100644
--- a/src/components/Movie.vue
+++ b/src/components/Movie.vue
@@ -20,7 +20,8 @@
         </figure>
 
         <div class="movie__title">
-          <h1>{{ title }}</h1>
+          <h1 v-if="movie">{{ movie.title }}</h1>
+          <loading-placeholder v-else :count="1" />
         </div>
       </div>
     </header>