feat: add 6 transitions

Added 6 transitions, tests and a demo

BREAKING CHANGE: removed the demo class

Author: lukas-tr

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["env"]
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "vetur.format.defaultFormatter.html": "prettyhtml",
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": true
+}

README.md

@@ -10,7 +10,7 @@
 
 <!-- [![codebeat badge](https://codebeat.co/badges/ab47d01b-9a17-43e0-b235-ace83771923d)](https://codebeat.co/projects/github-com-lukas-tr-vue-transition-collection-master) -->
 
-Easy to use transitions for your vue projects
+Easy to use transitions for your vue project.
 
 ## Usage
 
@@ -19,11 +19,32 @@ npm i vue-transition-collection
 ```
 
 ```javascript
-import VueTransitionCollection from 'vue-transition-collection'
+import VueTransitionCollection from "vue-transition-collection"
+
+Vue.use(VueTransitionCollection)
+```
+
+```html
+<vtc-fade mode="out-in" direction="right" duration="1000" delay="0">
+  <div :key="someKey">some content</div>
+</vtc-fade>
 ```
 
-TODO
+## Available transitions
+
+- `vtc-fade`
+- `vtc-zoom`
+- `vtc-bounce`
+- `vtc-flip`
+- `vtc-fade-big`
+- `vtc-rotate`
+- `vtc-slide`
 
-## Features
+## Available props
 
-- TODO
+- group: `boolean` - Use `<transition-group>` instead of `<transition>`
+- mode: `"in-out"|"out-in"` - The transition mode
+- direction: `"right"|"left"|"up"|"down"|"toggle"` - The direction of the transition
+- inverse: `boolean` - Switch left/right and up/down
+- delay: `number` - The delay until the transition starts
+- duration: `number` - The duration of the transition

demo/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8

demo/.gitignore

@@ -0,0 +1,20 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

demo/README.md

@@ -0,0 +1,25 @@
+# demo
+
+## Project setup
+
+```bash
+npm install
+```
+
+### Compiles and hot-reloads for development
+
+```bash
+npm run serve
+```
+
+### Compiles and minifies for production
+
+```bash
+npm run build
+```
+
+### Lints and fixes files
+
+```bash
+npm run lint
+```

demo/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@vue/app"]
+}