fix: use import.meta.env.MODE to check environment

Author: BobbieGoede

src/plugin/index.ts

@@ -32,7 +32,7 @@ export const MotionPlugin = {
         const variants = options.directives[key] as MotionVariants<any>
 
         // Development warning, showing definitions missing `initial` key
-        if (!variants.initial && import.meta.env.DEV) {
+        if (!variants.initial && import.meta.env.MODE === 'development') {
           console.warn(
             `Your directive v-motion-${key} is missing initial variant!`,
           )

src/utils/component.ts

@@ -195,7 +195,7 @@ export function setupMotionComponent(
   })
 
   // Replay animations on component update Vue
-  if (import.meta.env.DEV) {
+  if (import.meta.env.MODE === 'development') {
     // Validate passed preset
     if (
       props.preset != null

src/utils/keys.ts

@@ -1,3 +1,3 @@
 export const CUSTOM_PRESETS = Symbol(
-  import.meta.env.DEV ? 'motionCustomPresets' : '',
+  import.meta.env.MODE === 'development' ? 'motionCustomPresets' : '',
 )