fix: dev environment variable undefined (#236)

Author: BobbieGoede

src/plugin/index.ts

@@ -32,8 +32,10 @@ export const MotionPlugin = {
         const variants = options.directives[key] as MotionVariants<any>
 
         // Development warning, showing definitions missing `initial` key
-        if (!variants.initial && __DEV__) {
-          console.warn(`Your directive v-motion-${key} is missing initial variant!`)
+        if (!variants.initial && import.meta.dev) {
+          console.warn(
+            `Your directive v-motion-${key} is missing initial variant!`,
+          )
         }
 
         // Register the custom `v-motion-${key}` directive

src/utils/component.ts

@@ -122,7 +122,7 @@ export function setupMotionComponent(
     [key: number]: MotionInstance<string, MotionVariants<string>>
   }>({})
 
-  const customPresets = inject<Record<string, Variant>>(CUSTOM_PRESETS)
+  const customPresets = inject<Record<string, Variant>>(CUSTOM_PRESETS, {})
 
   // Preset variant or empty object if none is provided
   const preset = computed(() => {
@@ -195,7 +195,7 @@ export function setupMotionComponent(
   })
 
   // Replay animations on component update Vue
-  if (import.meta.env.DEV) {
+  if (import.meta.dev) {
     // Validate passed preset
     if (
       props.preset != null

vite.config.ts

@@ -3,6 +3,9 @@ import { defineConfig } from 'vite'
 
 export default defineConfig({
   root: __dirname,
+  define: {
+    dev: JSON.stringify(false),
+  },
   test: {
     environment: 'happy-dom',
     include: ['./tests/**/*.spec.ts'],