Run eslint and add :initial fallback from el.props (#52)

Author: Idered

scripts/watch.ts

@@ -9,12 +9,14 @@ const rootDir = resolve(__dirname, '..')
 const src = resolve(__dirname, '../src')
 
 // Package build promise
-const tryBuild = async () => {
+const tryBuild = async() => {
   try {
     await build(rootDir, false)
-  } catch (e) {
+  }
+  catch (e) {
     consola.log(e)
-  } finally {
+  }
+  finally {
     consola.info('Waiting for changes...')
   }
 }

src/directive/index.ts

@@ -61,8 +61,8 @@ export const directive = (
     bind: register,
     unbind: unregister,
     // Vue 3 SSR
-    getSSRProps(binding) {
-      const { initial = {} } = binding.value
+    getSSRProps(binding, el) {
+      const { initial } = binding.value || el.props || {}
 
       // No initial
       if (!initial || Object.keys(initial).length === 0) return

src/features/eventListeners.ts

@@ -134,7 +134,7 @@ export function registerEventListeners<T extends MotionVariants>({
   const _stopSync = watch(computedProperties, apply)
 
   const stop = () => {
-    _eventListeners.forEach((stopFn) => stopFn())
+    _eventListeners.forEach(stopFn => stopFn())
     _stopSync()
   }
 

src/motionValue.ts

@@ -134,9 +134,9 @@ export class MotionValue<V = any> {
     // These casts could be avoided if parseFloat would be typed better
     return this.canTrackVelocity
       ? velocityPerSecond(
-          parseFloat(this.current as any) - parseFloat(this.prev as any),
-          this.timeDelta,
-        )
+        parseFloat(this.current as any) - parseFloat(this.prev as any),
+        this.timeDelta,
+      )
       : 0
   }
 

src/reactiveTransform.ts

@@ -49,8 +49,8 @@ export function reactiveTransform(
       // Loop on defined TransformProperties state keys
       for (const [key, value] of Object.entries(newVal)) {
         if (
-          enableHardwareAcceleration &&
-          (key === 'x' || key === 'y' || key === 'z')
+          enableHardwareAcceleration
+          && (key === 'x' || key === 'y' || key === 'z')
         )
           continue
 

src/types/variants.ts

@@ -48,15 +48,15 @@ export interface TransformProperties {
  */
 export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
 export type StyleProperties = Omit<
-  CSSProperties,
-  | 'transition'
-  | 'rotate'
-  | 'scale'
-  | 'perspective'
-  | 'transform'
-  | 'transformBox'
-  | 'transformOrigin'
-  | 'transformStyle'
+CSSProperties,
+| 'transition'
+| 'rotate'
+| 'scale'
+| 'perspective'
+| 'transform'
+| 'transformBox'
+| 'transformOrigin'
+| 'transformStyle'
 >
 
 /**
@@ -72,7 +72,7 @@ export type MotionProperties =
  * Permissive properties for useSpring
  */
 export type PermissiveMotionProperties = MotionProperties &
-  Record<string, ResolvedSingleTarget>
+Record<string, ResolvedSingleTarget>
 
 /**
  * Variant

src/useElementStyle.ts

@@ -33,10 +33,10 @@ export function useElementStyle(
       // Loop on style keys
       for (const key of Object.keys(valueTypes)) {
         if (
-          el.style[key] === null ||
-          el.style[key] === '' ||
-          isTransformProp(key) ||
-          isTransformOriginProp(key)
+          el.style[key] === null
+          || el.style[key] === ''
+          || isTransformProp(key)
+          || isTransformOriginProp(key)
         )
           continue
 

src/useMotion.ts

@@ -27,8 +27,8 @@ export function useMotion<T extends MotionVariants>(
   options?: UseMotionOptions,
 ) {
   // Reactive styling and transform
-  const { motionProperties, stop: stopMotionProperties } =
-    useMotionProperties(target)
+  const { motionProperties, stop: stopMotionProperties }
+    = useMotionProperties(target)
 
   // Variants manager
   const { variant, state } = useMotionVariants<T>(variants)
@@ -67,7 +67,8 @@ export function useMotion<T extends MotionVariants>(
           _stop()
         }
       })
-    } else {
+    }
+    else {
       _stop()
     }
   }

src/useMotionControls.ts

@@ -34,8 +34,8 @@ export function useMotionControls<T extends MotionVariants>(
     motionValues,
     (newVal) => {
       // Go through every motion value, and check if any is animating
-      isAnimating.value =
-        Object.values(newVal).filter((value) => value.isAnimating()).length > 0
+      isAnimating.value
+        = Object.values(newVal).filter(value => value.isAnimating()).length > 0
     },
     {
       immediate: true,
@@ -66,8 +66,8 @@ export function useMotionControls<T extends MotionVariants>(
               key as keyof MotionProperties,
               value,
               motionProperties,
-              (variant as Variant).transition ||
-                getDefaultTransition(key, variant[key]),
+              (variant as Variant).transition
+                || getDefaultTransition(key, variant[key]),
               resolve,
             )
           })
@@ -91,7 +91,7 @@ export function useMotionControls<T extends MotionVariants>(
     })
   }
 
-  const leave = async (done: () => void) => {
+  const leave = async(done: () => void) => {
     let leaveVariant: Variant | undefined
 
     if (_variants) {

src/useMotionFeatures.ts

@@ -57,7 +57,7 @@ export function useMotionFeatures<T extends MotionVariants>(
   }
 
   // Stop all the registered features
-  const stop = () => toStop.value.forEach((_stop) => _stop())
+  const stop = () => toStop.value.forEach(_stop => _stop())
 
   // Enforce cleanup on unmounted
   tryOnUnmounted(stop)