@enso-ui/transitions 2.0.10 → 2.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 laravel-enso
+Copyright (c) 2026 laravel-enso
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,12 +1,6 @@
 # Transitions
 
-![npm license](https://img.shields.io/npm/l/@enso-ui/transitions.svg) 
-![npm download](https://img.shields.io/npm/dm/@enso-ui/transitions.svg) 
-![GitHub top language](https://img.shields.io/github/languages/top/enso-ui/transitions.svg) 
-![GitHub issues](https://img.shields.io/github/issues/enso-ui/transitions.svg) 
-![npm version](https://img.shields.io/npm/v/@enso-ui/transitions.svg) 
-
-A collection of Vue transitions
+A collection of Vue transitions.
 
 ## Usage
 The components can be used outside of the Enso ecosystem.
@@ -17,7 +11,7 @@ For live examples and demos, you may visit [laravel-enso.com](https://www.larave
 
 ### Installation, Configuration & Usage
 
-Be sure to check out the full documentation for this package available at [docs.laravel-enso.com](https://docs.laravel-enso.com/frontend/transitions.html)
+Be sure to check out the full documentation for this package available at [docs.laravel-enso.com](https://docs.laravel-enso.com/frontend/transitions.html).
 
 ## Contributions
 
@@ -27,4 +21,4 @@ Thank you to all the people who already contributed to Enso!
 
 ## License
 
-[ISC](https://opensource.org/licenses/ISC)
+[MIT](LICENSE)

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@enso-ui/transitions",
-  "version": "2.0.10",
+  "version": "2.1.0",
   "description": "A collection of Vue transitions",
   "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/enso-ui/transitions.git"
@@ -15,24 +12,15 @@
     "vue"
   ],
   "author": "Adrian Ocneanu <aocneanu@gmail.com>",
-  "license": "ISC",
+  "license": "MIT",
   "bugs": {
     "url": "https://github.com/enso-ui/transitions/issues"
   },
   "homepage": "https://github.com/enso-ui/transitions#readme",
   "dependencies": {
-    "animate.css": "^4.0.0",
-    "vue": "^3.0"
+    "animate.css": "^4.0.0"
   },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "5.0.0-beta.6",
-    "@vue/cli-plugin-eslint": "5.0.0-beta.6",
-    "@vue/eslint-config-airbnb": "^5.0.0",
-    "autoprefixer": "^9.6.1",
-    "babel-eslint": "^10.0.1",
-    "cross-env": "^6.0.0",
-    "eslint": "^7.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-vue": "^8.0.3"
+  "peerDependencies": {
+    "vue": "^3.0"
   }
 }

package/src/transitions/Fade.vue

@@ -11,9 +11,9 @@
 import Mirror from './Mirror.vue';
 
 export default {
-  name: 'Fade',
+    name: 'Fade',
 
-  components: { Mirror },
-}
+    components: { Mirror },
+};
 
 </script>

package/src/transitions/Mirror.vue

@@ -11,10 +11,10 @@
 import 'animate.css';
 
 const directions = {
-    'up': 'Up',
-    'down': 'Down',
-    'left': 'Left',
-    'right': 'Right',
+    up: 'Up',
+    down: 'Down',
+    left: 'Left',
+    right: 'Right',
 };
 
 const effects = ['back', 'bounce', 'fade', 'slide', 'zoom'];
@@ -42,14 +42,7 @@ export default {
             type: String,
             required: true,
             validator: validateEffect,
-        }
-    },
-
-    mounted() {
-        if (['back','slide'].includes(this.effect)
-            && !this.leave && !this.enter) {
-            throw 'Missing direction for the given effect';
-        }
+        },
     },
 
     computed: {
@@ -66,7 +59,14 @@ export default {
                 : '';
 
             return `animate__animated animate__${this.effect}Out${direction}`;
+        },
+    },
+
+    mounted() {
+        if (['back', 'slide'].includes(this.effect)
+            && !this.leave && !this.enter) {
+            throw Error('Missing direction for the given effect');
         }
-    }
+    },
 };
 </script>

package/src/transitions/Slide.vue

@@ -14,6 +14,6 @@ export default {
     name: 'Slide',
 
     components: { Mirror },
-}
+};
 
 </script>