Initial commit, squash trash, v0.0.2 🎉

Author: fahrenq

.babelrc

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

.eslintrc

@@ -0,0 +1,8 @@
+{
+  "parser": "babel-eslint",
+  "extends": "eslint:recommended",
+  "env": {
+    "node": true,
+    "mocha": true
+  }
+}

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+*.swp
+*.swo
+coverage

.travis.yml

@@ -0,0 +1,4 @@
+language: node_js
+node_js:
+  - "4.0"
+  - "5.0"

README.md

@@ -0,0 +1,68 @@
+# v-img
+[![npm version](https://badge.fury.io/js/v-img.svg)](https://badge.fury.io/js/v-img)
+
+> Image viewer never been that easy to setup. :foggy:
+
+![demo gif](https://media.giphy.com/media/xUPGcK6vveKz3VpHtC/giphy.gif)
+
+[More examples](https://crowdbotics.github.io/v-img/demo/index.html)
+
+## Browser support
+| Browser | Minimum version |
+|:--:|:--:|
+| Firefox (desktop) | :question: |
+| Chrome (desktop) | :question: |
+| Safari (desktop) | :question: |
+| Opera (desktop) | :question: |
+| Firefox (mobile) | :question: |
+| Chrome (mobile) | :question: |
+| Safari (mobile) | :question: |
+| Opera mini (mobile) | :question: |
+> Will be filled soon.
+
+## Getting started
+1. Install plugin with yarn or npm
+```bash
+yarn add v-img
+```
+or
+```bash
+npm install v-img --save
+```
+2. Use plugin before creating Vue instance
+```javascript
+import Vue from 'vue';
+import VueImg from 'v-img';
+
+Vue.use(VueImg);
+new Vue({...})
+```
+3. Add `v-img` directive to the image
+```vue
+<img v-img src="...">
+```
+
+## Available options
+To open only one image don't specify any directive argument:
+```vue
+<img v-img src="...">
+```
+To specify groups of images (to be able to scroll around them when opened, show counter in top left corner) add similar argument to directives:
+```vue
+<img v-img:name src="...">
+<img v-img:name src="...">
+```
+There are some available options we can specify as value of the directive:
+```vue
+<img v-img="{...}" src="...">
+```
+| Option | Description | Default value |
+| :----: | :---------: | :-----------: |
+| src    | Source of image will be displayed | src attribute from html tag|
+| cursor| Cursor when hovering original `<img>` | 'pointer' |
+
+## TODO :pencil:
+
+- [ ] Preload all custom soruces of opened group
+- [ ] Always show control bottons on mobiles
+- [ ] Add tests

demo/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    ["latest", {
+      "es2015": { "modules": false }
+    }]
+  ]
+}

demo/.gitignore

@@ -0,0 +1,4 @@
+.DS_Store
+node_modules/
+npm-debug.log
+yarn-error.log

demo/README.md

@@ -0,0 +1,18 @@
+# demo
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```
+
+For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).