From c07f84ce129d5c6aa7a1b06ebf5050519e3973d2 Mon Sep 17 00:00:00 2001
From: LucasLeandro1204 <lucasleandro1204@gmail.com>
Date: Thu, 31 May 2018 21:52:22 -0300
Subject: [PATCH] rotateY rtl

---
 src/components/VueContentLoading.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/VueContentLoading.vue b/src/components/VueContentLoading.vue
index 6b7d366..955038e 100644
--- a/src/components/VueContentLoading.vue
+++ b/src/components/VueContentLoading.vue
@@ -1,5 +1,8 @@
 <template>
-  <svg :viewBox="viewbox" preserveAspectRatio="xMidYMid meet">
+  <svg
+    :viewBox="viewbox"
+    :style="svg"
+    preserveAspectRatio="xMidYMid meet">
     <rect
       :style="rect.style"
       :clip-path="rect.clipPath"
@@ -45,6 +48,10 @@
     name: 'VueContentLoading',
 
     props: {
+      rtl: {
+        default: false,
+        type: Boolean,
+      },
 
       speed: {
         default: 2,
@@ -91,6 +98,14 @@
         return `clipPath-${this._uid}`;
       },
 
+      svg () {
+        if (this.rtl) {
+          return {
+            transform: 'rotateY(180deg)',
+          };
+        }
+      },
+
       rect () {
         return {
           style: {