feat: provides a shorthand v-trans for v-view-transition-name

Clarkkkk · Jul 29, 2023 · 4bb3f69 · 4bb3f69
1 parent 1b19096
commit 4bb3f69
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/plugin.ts b/src/plugin.ts
@@ -26,6 +26,15 @@ export function ViewTransitionsPlugin(): Plugin {
                     setViewTransitionName(el, binding.value)
                 }
             })
+
+            app.directive('trans', {
+                beforeMount(el, binding) {
+                    setViewTransitionName(el, binding.value)
+                },
+                beforeUpdate(el, binding) {
+                    setViewTransitionName(el, binding.value)
+                }
+            })
         }
     }
 }
@@ -39,6 +48,10 @@ export function ViewTransitionsLegacyPlugin(): LegacyPlugin<void> {
                     setViewTransitionName(el, binding.value)
                 }
             )
+
+            Vue.directive('trans', function (el: HTMLElement, binding: DirectiveBinding) {
+                setViewTransitionName(el, binding.value)
+            })
         }
     }
 }