From 6cbde07c7075d65d3bc23fe10d322aa7fd55dd36 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Wed, 15 Jul 2020 21:45:04 +0200
Subject: [PATCH] :dizzy: (loader) add fade out animation

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

diff --git a/src/components/ChilledMusic.vue b/src/components/ChilledMusic.vue
index e97e407..7e4e1cf 100644
--- a/src/components/ChilledMusic.vue
+++ b/src/components/ChilledMusic.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="chilled-music">
-    <img v-if="!ready" src="@/assets/loader.svg" alt="loading" />
+    <transition name="fade">
+      <img v-show="!ready" src="@/assets/loader.svg" alt="loading" />
+    </transition>
     <section v-show="false">
       <div
         class="chilled-music plyr__video-embed"