AbstractFruitFactory

<template>
    <div>
        <md-button v-on:click="makeOrder">Make Order</md-button>
        <md-button v-on:click="takeOrder">Take Order</md-button>
        <md-button v-on:click="setAllowance">Set Allowance</md-button>
        <md-field>
          <md-input v-model="wethAmount"></md-input>
        </md-field>
        <md-button v-on:click="convertEthToWeth">Get WETH</md-button>

AbstractFruitFactory

<template>
    <div>
        <md-dialog class="dialog" :md-active.sync="showDialog">
            <md-dialog-title>Fill Order</md-dialog-title>
            <md-field>
                <label>Amount</label>
                <md-input v-model="fillAmount"></md-input>
            </md-field>
            <md-button class="md-raised md-primary" @click="takeOrder()">Submit</md-button>

AbstractFruitFactory

<script>
  var zippieprovider = require('vault-web3-provider')
  var vault = require('vault-api')
  var vaultSecp256k1 = require('vault-api/src/secp256k1.js')
  var Web3 = require('web3');
  
  export default {
    name: 'dashboard',
    data() {