From b84a42b6a0bbfca6c9407b472fd09802fdabbdc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C3=ABl=20Guilloux?= <yael.guilloux@gmail.com>
Date: Sat, 2 Apr 2022 15:30:11 +0200
Subject: [PATCH] feat(directive): unref initial binding (supports refs in
 object)

---
 src/directive/index.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/directive/index.ts b/src/directive/index.ts
index 17c9b265..d317833b 100644
--- a/src/directive/index.ts
+++ b/src/directive/index.ts
@@ -1,6 +1,6 @@
 import type { Directive, DirectiveBinding, VNode } from 'vue-demi'
 import defu from 'defu'
-import { set as __set, ref } from 'vue-demi'
+import { set as __set, ref, unref } from 'vue-demi'
 import { motionState } from '../features/state'
 import type { MotionVariants } from '../types'
 import { useMotion } from '../useMotion'
@@ -57,14 +57,16 @@ export const directive = (
     created: register,
     unmounted: unregister,
     // Vue 2 Directive Hooks
-    // For Nuxt & Vue 2 compatibility
+    // For Nuxt & Vue 2 Compatibility
     // @ts-expect-error - Compatibility
     bind: register,
     unbind: unregister,
     // Vue 3 SSR
-    getSSRProps(binding, el) {
+    getSSRProps(binding, node) {
       // Get initial value from binding
-      const { initial: bindingInitial } = binding.value || (el && el.props) || {}
+      let { initial: bindingInitial } = binding.value || (node && node.props) || {}
+
+      bindingInitial = unref(bindingInitial)
 
       // Merge it with directive initial variants
       const initial = defu(variants?.initial || {}, bindingInitial || {})