happychallenge

import axios from 'axios'

export default() => {
    return axios.create({
        baseURL: `http://jsonplaceholder.typicode.com/`,
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        }
    })

happychallenge

<template>
    <GridLayout rows="30, auto" marginBottom="5">
        <Label ref="label" row="1" :text="placeholder" opacity="0.4"
            fontSize="14" class="input" />
        <TextField ref="textField" :secure="secure" row="1" @focus="onFocus"
            @blur="onBlur" borderBottomWidth="3" borderBottomColor="#cec8c8"
            padding="0" />
    </GridLayout>
</template>

happychallenge

<template>
	<Page class="page">
		<ActionBar title="Geolocation" class="action-bar" />
		<ScrollView>
			<StackLayout class="home-panel">
				<Image src="~/images/map-marker-icon.png" height="60" />
				<Button text="Get My Location" @tap="getLocation" class="btn btn-primary" />

				<Label :text="'Latitude: ' + lat" class="lbl" />
				<Label :text="'Longitude: ' + lon" class="lbl" />