closebuy-2.vue

<div class="six wide column">
  <form class="ui segment large form">
    <div class="ui segment">
      <div class="field">
        <div class="ui right icon input large">
          <input type="text" placeholder="Enter your address" v-model="coordinates" />
          <i class="dot circle link icon" @click="locatorButtonPressed"></i>
        </div>
      </div>
      <div class="field">
        <div class="two fields">
          <div class="field">
            <select v-model="type">
              <option value="restaurant">Restaurant</option>
            </select>
          </div>
          <div class="field">
            <select v-model="radius">
              <option value="5">5 KM</option>
              <option value="10">10 KM</option>
              <option value="15">15 KM</option>
              <option value="20">20 KM</option>
            </select>
          </div>
        </div>
      </div>
      <button class="ui button" @click="findCloseBuyButtonPressed">Find CloseBuy</button>
    </div>
  </form>
</div>