vue-weather-widget
Advanced tools
Comparing version 4.3.1 to 4.4.0
{ | ||
"name": "vue-weather-widget", | ||
"version": "4.3.1", | ||
"version": "4.4.0", | ||
"description": "Weather forecast widget for Vuejs using DarkSky api", | ||
@@ -48,9 +48,9 @@ "exportName": "vue-weather-widget", | ||
"jsonp": "^0.2.1", | ||
"vue-skycons": "^4.1.1" | ||
"vue-skycons": "^4.3.4" | ||
}, | ||
"devDependencies": { | ||
"eslint": "^7.32.0", | ||
"eslint-plugin-vue": "^7.20.0", | ||
"vue": "^2.6.14" | ||
"eslint": "^8.57.1", | ||
"eslint-plugin-vue": "^9.28.0", | ||
"vue": "^2.7.16" | ||
} | ||
} |
@@ -8,2 +8,3 @@ # Vue Weather Widget | ||
[![NPM license](https://img.shields.io/npm/l/vue-weather-widget?color=blueviolet)](https://raw.githubusercontent.com/dipu-bd/vue-weather-widget/master/LICENSE) | ||
[![Build](https://github.com/dipu-bd/vue-weather-widget/actions/workflows/publish-gh-pages.yml/badge.svg)](https://github.com/dipu-bd/vue-weather-widget/actions/workflows/publish-gh-pages.yml) | ||
@@ -75,3 +76,3 @@ Weather widget inspired by [forecast embeds](https://blog.darksky.net/forecast-embeds/) and powered by [OpenWeatherMap](https://openweathermap.org/) and [DarkSky](https://darksky.net/dev) API. | ||
| Props | Type | Default | Description | | ||
| ----------------- | ------------------- | ------------------ | -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- | --- | | ||
| ----------------- | ------------------- | ------------------ | -------------------------------------------------------------------------------------------------------------- | | ||
| api-key | String (_required_) | - | Your OpenWeatherMap or Dark Sky API key | | ||
@@ -89,5 +90,6 @@ | use-dark-sky-api | Boolean | `false` | Use DarkSky API instead of OpenWeatherMap | | ||
| ipregistry-key | String | `"f8n4kqe8pv4kii"` | Your ipregistry key to get current location from IP address | | ||
| <!-- | address | String | current | An address of a location (By default, it will use IP to find address) | --> | | ||
| <!-- | positionstack-api | String | `"7f9c71310f410847fceb9537a83f3882"` | You positionstack api key for geocoding. (Required when using https) | --> | | ||
<!-- | address | String | current | An address of a location (By default, it will use IP to find address) | --> | | ||
<!-- | positionstack-api | String | `"7f9c71310f410847fceb9537a83f3882"` | You positionstack api key for geocoding. (Required when using https) | --> | | ||
## Slots | ||
@@ -94,0 +96,0 @@ |
@@ -32,3 +32,3 @@ import Utils from "./utils"; | ||
latitude: { | ||
type: String, | ||
type: String | Number, | ||
}, | ||
@@ -39,3 +39,3 @@ | ||
longitude: { | ||
type: String, | ||
type: String | Number, | ||
}, | ||
@@ -184,5 +184,5 @@ | ||
methods: { | ||
loadWeather() { | ||
async loadWeather() { | ||
const fetchWeatherMethod = this.useDarkSkyApi ? Utils.fetchWeather : Utils.fetchOWMWeather; | ||
return fetchWeatherMethod({ | ||
const data = await fetchWeatherMethod({ | ||
apiKey: this.apiKey, | ||
@@ -193,5 +193,4 @@ lat: this.latitude, | ||
language: this.language, | ||
}).then((data) => { | ||
this.$set(this, "weather", data); | ||
}); | ||
this.$set(this, "weather", data); | ||
}, | ||
@@ -198,0 +197,0 @@ |
@@ -129,2 +129,3 @@ import jsonp from "jsonp"; | ||
opts.units = opts.units || "auto"; | ||
opts.version = opts.version || "3.0"; | ||
opts.language = opts.language || "en"; | ||
@@ -138,3 +139,3 @@ if (!opts.lat || !opts.lng) { | ||
return fetch( | ||
`https://api.openweathermap.org/data/2.5/onecall?appid=${opts.apiKey}` + | ||
`https://api.openweathermap.org/data/${opts.version}/onecall?appid=${opts.apiKey}` + | ||
`&lat=${opts.lat}` + | ||
@@ -141,0 +142,0 @@ `&lon=${opts.lng}` + |
37079
148
8
Updatedvue-skycons@^4.3.4