Merge pull request #256 from BobbieGoede/fix/meta-env-undefined

fix: access `meta.env.X` with optional chaining

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.MODE === 'development') {
+        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.MODE === 'development') {
+  if (import.meta.env?.MODE === 'development') {
     // Validate passed preset
     if (
       props.preset != null

src/utils/events.ts

@@ -1,7 +1,7 @@
 const isBrowser = typeof window !== 'undefined'
 
-export const supportsPointerEvents = () => isBrowser && (window.onpointerdown === null || import.meta.env.TEST)
+export const supportsPointerEvents = () => isBrowser && (window.onpointerdown === null || import.meta.env?.TEST)
 
-export const supportsTouchEvents = () => isBrowser && (window.ontouchstart === null || import.meta.env.TEST)
+export const supportsTouchEvents = () => isBrowser && (window.ontouchstart === null || import.meta.env?.TEST)
 
-export const supportsMouseEvents = () => isBrowser && (window.onmousedown === null || import.meta.env.TEST)
+export const supportsMouseEvents = () => isBrowser && (window.onmousedown === null || import.meta.env?.TEST)

src/utils/keys.ts

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