create product functionality and page

components/FormInputImage.vue

@@ -10,7 +10,7 @@
         :src="croppieImage"
         :stencil-props="{ aspectRatio: 1 }"
       />
-      <div>
+      <div class="buttons">
         <button class="filter-button" @click.prevent="crop">Aplicar</button>
         <button @click.prevent="cancel">Cancelar</button>
       </div>
@@ -31,7 +31,7 @@ export default {
   components: { Cropper },
   props: {
     imageUrl: {
-      type: String,
+      type: [String, Object],
       default: null,
     },
   },
@@ -106,5 +106,10 @@ export default {
 }
 .input {
   max-width: 100%;
+  margin-bottom: 1em;
+}
+
+.buttons {
+  margin-top: 1em;
 }
 </style>