From cdfaf3f238ba92c05a85e7aa133aa71af3c3f923 Mon Sep 17 00:00:00 2001
From: Johannes Noe <docnoe@users.noreply.github.com>
Date: Wed, 5 Apr 2017 10:37:07 +0200
Subject: [PATCH] Adds slot for inner html

---
 src/FileUpload.vue | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/FileUpload.vue b/src/FileUpload.vue
index ba8f118..1f9de76 100644
--- a/src/FileUpload.vue
+++ b/src/FileUpload.vue
@@ -1,3 +1,11 @@
+<template>
+  <label class="file-uploads" :class="mode === 'html5' ? 'file-uploads-html5' : 'file-uploads-html4'">
+      <span>{{title}}</span>
+      <slot></slot>
+      <input-file></input-file>
+  </label>
+</template>
+
 <style>
 .file-uploads {
     overflow: hidden;
@@ -140,22 +148,6 @@ export default {
     this.files.splice(0, this.files.length);
   },
 
-  render (h) {
-    return (
-      <label class={{
-        'file-uploads': true,
-        'file-uploads-html5': this.mode == 'html5',
-        'file-uploads-html4': this.mode == 'html4'
-      }} >
-          <span>{this.title}</span>
-          <input-file></input-file>
-      </label>
-    )
-  },
-
-
-
-
   watch: {
     drop(value) {
       this._drop(value);