From ee34cd9807941ab4c59cbd057610a85a30c8ef82 Mon Sep 17 00:00:00 2001
From: Muhammad Rizqi Nur <xstinky12@gmail.com>
Date: Mon, 21 Sep 2020 15:27:14 +0700
Subject: [PATCH 1/2] Apply transition name prop at created

Apply transition name prop at created, so that it is applied even before any route change.
---
 src/components/VuePageTransition.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/VuePageTransition.vue b/src/components/VuePageTransition.vue
index 65e5cf4..90b6e6c 100644
--- a/src/components/VuePageTransition.vue
+++ b/src/components/VuePageTransition.vue
@@ -24,6 +24,7 @@ export default {
     }
   },
   created () {
+    this.transition = this.$props.name;
     this.$router.beforeEach((to, from, next) => {
       this.transition = to.meta.transition
         ? to.meta.transition

From ae609e56012ddd9d5caf68c90993c62e6a1b9bf2 Mon Sep 17 00:00:00 2001
From: Muhammad Rizqi Nur <xstinky12@gmail.com>
Date: Mon, 21 Sep 2020 15:46:25 +0700
Subject: [PATCH 2/2] Set default for transition name prop

---
 src/components/VuePageTransition.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/VuePageTransition.vue b/src/components/VuePageTransition.vue
index 90b6e6c..f40f949 100644
--- a/src/components/VuePageTransition.vue
+++ b/src/components/VuePageTransition.vue
@@ -16,7 +16,12 @@
 <script>
 export default {
   name: 'vue-page-transition',
-  props: ['name'],
+  props: {
+    name: {
+      type: String,
+      default: 'fade'
+    }
+  },
   data () {
     return {
       transition: 'fade',