ReferenceError: Cannot access 'variant' before initialization

I feel myself a little bit stupid because this should be simple, but I’m not fixing it…

If I try to access to variant in an Complete method, I’ve an error.

 const { variant } = useMotion(ref, {
    initial: {
      y: 0,
      scale: maxZoomTimes * 0.8,
      opacity: 0
    },
    enter: {
      y: 0,
      scale: maxZoomTimes,
      opacity: 1,
      transition: {
        delay: extraDelay,
        duration: 800,
        onComplete() {
          variant.value = 'idle';
        }
      }
    },
    idle: {
      y: 10,
      scale: maxZoomTimes,
      opacity: 1,
      transition: {
        duration: 2000,
        repeat: Infinity,
        ease: 'easeInOut',
        repeatType: 'mirror'
      }
    }
  });

Error: Uncaught (in promise) ReferenceError: Cannot access 'variant' before initialization at Object.onComplete

The code works pefect but I have the error on my console.

I think that this is happening because in the object I’ve external variables like maxZoomTimes and JavaScript evaluates the object before variant exist, if instead of using variables you have a raw object everything works fine.

[CKGrafico]

Meanwhile we wait for an official answer I have a kind of workaround… not my best code but I’ll work.

First of all I’ve created some custom types:

import { MotionInstance, MotionProperties, MotionVariants, Transition } from '@vueuse/motion';

type Variant = {
  transition?: Transition;
} & MotionProperties;

export interface CustomMotionVariants extends MotionVariants {
  idle?: Variant;
}

and then…

 const instance = useMotion<CustomMotionVariants>(ref, {
    initial: {
      transform: 'translateY(0vh)',
      opacity: 0
    },
    enter: {
      transform: 'translateY(-25vh)',
      opacity: 1,
      transition: {
        duration: 800,
        onComplete() {
          instance.variant.value = 'idle';
        }
      }
    },
    idle: {
      transform: 'translateY(-24vh)',
      opacity: 1,
      transition: {
        duration: 2000,
        repeat: Infinity,
        ease: 'easeInOut',
        repeatType: 'mirror'
      }
    }
  });

[CKGrafico]

Is not with typescript support, is it?