🎉 First commit, from couchbase generator, basic changes

not tested / updated yet

{{cookiecutter.project_slug}}/frontend/src/components/UploadButton.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <v-btn :color="color" @click="trigger"><slot>Choose File</slot></v-btn>
+    <input :multiple="multiple" class="visually-hidden" type="file" v-on:change="files" ref="fileInput">
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Emit } from 'vue-property-decorator';
+
+@Component
+export default class UploadButton extends Vue {
+  @Prop(String) public color: string | undefined;
+  @Prop({default: false}) public multiple!: boolean;
+  @Emit()
+  public files(e): FileList {
+    return e.target.files;
+  }
+
+  public trigger() {
+    (this.$refs.fileInput as HTMLElement).click();
+  }
+}
+</script>
+
+<style scoped>
+.visually-hidden {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+</style>