First commit

Author: val-bubbleflat

ErrorComponent.vue

@@ -0,0 +1,27 @@
+<template>
+    <div v-if="$errors.has(input)" class="txt-darkRed">
+        {{ $errors.first(input) }}
+    </div>
+</template>
+<script>
+
+    export default {
+
+        props: ['input'],
+
+        data(){
+            return {}
+        },
+
+        methods: {},
+
+        computed: {},
+
+        watch: {},
+
+        mounted(){
+
+        }
+    }
+
+</script>

Errors.js

@@ -0,0 +1,37 @@
+class Errors {
+
+    constructor(){
+        this.errors = {};
+    }
+
+    has(key){
+        return this.errors[key] !== undefined
+    }
+
+    first(key){
+        if(this.has(key)){
+            return this.errors[key][0]
+        }
+    }
+
+    get(key){
+        if(this.has(key)){
+            return this.errors[key]
+        }
+    }
+
+    all(){
+        return this.errors
+    }
+
+    fill(values){
+        this.errors = values
+    }
+
+    flush() {
+        this.errors = {};
+    }
+
+}
+
+export default new Errors()

README.md

@@ -0,0 +1 @@
+

index.js

@@ -0,0 +1,41 @@
+import Errors from './Errors'
+import ErrorComponent from './ErrorComponent.vue'
+
+
+class Validator{
+
+    install(Vue){
+
+        Vue.component('error', ErrorComponent);
+
+        if(Vue.http){
+            Vue.http.interceptors.push((request, next) => {
+                next(response => {
+                    if(response.status === 422){
+                        Errors.fill(response.body)
+                    }
+                });
+            });
+        }
+
+        Vue.mixin({
+
+            beforeCreate(){
+                //errors
+                this.$options.$errors = {};
+                Vue.util.defineReactive(this.$options, '$errors', Errors);
+                if(!this.$options.computed){
+                    this.$options.computed = {}
+                }
+                this.$options.computed["$errors"] = function() {
+                    return this.$options.$errors;
+                };
+            },
+
+        })
+
+    }
+
+}
+
+export default new Validator()

package.json

@@ -0,0 +1,25 @@
+{
+  "name": "laravel-vue-validator",
+  "version": "1.0.0",
+  "description": " Simple package to display error in vue from laravel validation",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/val-bubbleflat/laravel-vue-validator.git"
+  },
+  "keywords": [
+    "laravel",
+    "vue",
+    "validate",
+    "validator"
+  ],
+  "author": "val bubbleflat <valentin@bubbleflat.com> (bubbleflat.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/val-bubbleflat/laravel-vue-validator/issues"
+  },
+  "homepage": "https://github.com/val-bubbleflat/laravel-vue-validator#readme"
+}