softauthor

<?php

$par_args = array(
    'parent' => 0
);

$parent_categories = get_categories($par_args); 

foreach($parent_categories as $parent_category) {
   echo '<h2 class="ui header">' . $parent_category->name . '</h2>'; 

softauthor

$par_args = array(
    'parent' => 0
);
$parent_categories = get_categories($par_args); 

softauthor

mounted() {
  new google.maps.places.Autocomplete(
    this.$refs["autocomplete"]
  );
},

softauthor

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=yourapikey"></script>

softauthor

locatorButtonPressed() {
  navigator.geolocation.getCurrentPosition(
    position => {
      this.getStreetAddressFrom(position.coords.latitude, position.coords.longitude)
    },
    error => {
      console.log(error.message);
    }
  );
},

softauthor

async getStreetAddressFrom(lat, long) {
  try {
    var { data } = await axios.get(
      "https://maps.googleapis.com/maps/api/geocode/json?latlng=" +
        lat +
        "," +
        long +
        "&key={yourAPIKey}"
    );
    if(data.error_message) {

softauthor

locatorButtonPressed() {
  navigator.geolocation.getCurrentPosition(
     position => {
       console.log(position.coords.latitude);
       console.log(position.coords.longitude);
     },
     error => {
       console.log(error.message);
     },
  )   

softauthor

<script>
export default {
  data() {
    return {
      address: "",
    };
  },
  methods: {
    locatorButtonPressed() {
    },

softauthor

<template>
  <section class="ui two column centered grid">
    <div class="column">
      <form class="ui segment large form">
          <div class="field">
            <div class="ui right icon input large">
              <input
                type="text"
                placeholder="Enter your address"
                v-model="address"

softauthor

<template>
  <div class="ui middle aligned center aligned grid">
    <div class="column">
      <form class="ui large form">
        <div class="ui stacked secondary segment">
          <div class="field"></div>
          <div class="field">
            <div class="ui left icon input large">
              <i class="mail icon"></i>
              <input type="text" name="email" placeholder="E-mail address" v-model="email" />