vue-component-geolocation

1.0.5 • Public • Published

vue-component-geolocation

Vue renderless component to use Geolocation API using scoped slots

notification button

Installation

import Geolocation from 'vue-component-geolocation'

Usage

This component is renderless so it doesn't impose any decisions about design or layout. You are free to use it as you wish.

Simple usage

<geolocation></geolocation>

More complex usage

<geolocation :auto="false">
  <div slot-scope="{ getCurrentPosition, currentLocation, loading, error }"><!-- slot-scope allow to use methods and properties -->
    <div>
      <div v-if="error">{{error.code}}: {{error.message}}</div>
      <div v-if="currentLocation.coords.latitude && currentLocation.coords.longitude">{{currentLocation.coords.latitude}}: {{currentLocation.coords.longitude}}</div>
      <button @click="getCurrentPosition" :disabled="loading">Geolocate me</button>
    </div>
  </div>
</geolocation>

Usage

Sources:

Readme

Keywords

none

Package Sidebar

Install

npm i vue-component-geolocation

Weekly Downloads

2

Version

1.0.5

License

none

Unpacked Size

4.59 kB

Total Files

3

Last publish

Collaborators

  • lbineau