From 7030245fd520a50b4dd52039e2c8d93f55418c4d Mon Sep 17 00:00:00 2001
From: Kevin <kevin3ssen@gmail.com>
Date: Sun, 25 Apr 2021 18:13:15 +0200
Subject: [PATCH] add SvFile component

---
 Resources/assets/components/Form/SvFile.vue | 19 +++++++++++++++++++
 Resources/assets/globalComponents.js        |  1 +
 2 files changed, 20 insertions(+)
 create mode 100644 Resources/assets/components/Form/SvFile.vue

diff --git a/Resources/assets/components/Form/SvFile.vue b/Resources/assets/components/Form/SvFile.vue
new file mode 100644
index 0000000..600a3d5
--- /dev/null
+++ b/Resources/assets/components/Form/SvFile.vue
@@ -0,0 +1,19 @@
+<template>
+    <v-file-input v-model="form.vars.data" v-bind="Object.assign(attributes, $attrs)">
+        <!-- Pass on all slots -->
+        <slot v-if="namedSlots" v-for="slot in Object.keys(namedSlots)" :name="slot" :slot="slot"/>
+        <template v-for="slot in Object.keys(scopedSlots)" :slot="slot" slot-scope="scope">
+            <slot :name="slot" v-bind="scope"/>
+        </template>
+    </v-file-input>
+</template>
+
+<script lang="ts">
+    import {Component, Mixins} from 'vue-property-decorator';
+    import FormWidgetMixin from '@k3ssen/symfony-vuetified/components/Form/FormWidgetMixin';
+
+    @Component
+    export default class SvFile extends Mixins(FormWidgetMixin) {
+
+    }
+</script>
\ No newline at end of file
diff --git a/Resources/assets/globalComponents.js b/Resources/assets/globalComponents.js
index f5d9b8c..ee36f4f 100644
--- a/Resources/assets/globalComponents.js
+++ b/Resources/assets/globalComponents.js
@@ -26,6 +26,7 @@ Vue.component('SvRange', () => import('./components/Form/SvRange'));
 Vue.component('SvSwitch', () => import('./components/Form/SvSwitch'));
 Vue.component('SvTextarea', () => import('./components/Form/SvTextarea'));
 Vue.component('SvText', () => import('./components/Form/SvText'));
+Vue.component('SvFile', () => import('./components/Form/SvFile'));
 
 // Other components
 Vue.component('SvApp', () => import('./components/SvApp'));