fix: directive callback should be called in udpate hook

Clarkkkk · Jul 1, 2023 · b3e50e9 · b3e50e9
1 parent 0195dca
commit b3e50e9
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/plugin.ts b/src/plugin.ts
@@ -8,6 +8,9 @@ export function ViewTransitionsPlugin(): Plugin {
             app.directive('view-transition-name', {
                 beforeMount(el, binding) {
                     el.style.viewTransitionName = binding.value
+                },
+                beforeUpdate(el, binding) {
+                    el.style.viewTransitionName = binding.value
                 }
             })
         }
@@ -21,6 +24,10 @@ export function ViewTransitionsLegacyPlugin(): LegacyPlugin<void> {
                 bind(el: HTMLElement, binding: DirectiveBinding) {
                     // eslint-disable-next-line @typescript-eslint/no-extra-semi
                     ;(el.style as any).viewTransitionName = binding.value
+                },
+                update(el: HTMLElement, binding: DirectiveBinding) {
+                    // eslint-disable-next-line @typescript-eslint/no-extra-semi
+                    ;(el.style as any).viewTransitionName = binding.value
                 }
             })
         }