Windy in VueJs

jantold

Hello!

I'm new to VueJs and I want to implement windy in my project (a progessive web app).
I could integrate leaflet successfully, but I don't understand how to integrate windy and how to get information from the extern library from windy and I always get 'undefined' from the windy Init function.

I would really apreciate an example for the integration of windy in VueJs!

Thanks for your Help!

Korina

@jantold Hello, using Windy in your project has a certain rules. You may want to check out our API - api.windy.com and also our ToU - https://account.windy.com/agreements/windy-terms-of-use

carueda

@korina I found this entry after just doing some searching -- I also have Vue based applications where incorporating Windy would be great. I just created a trial API key.

It seems the only way to incorporate Windy it is via explicit

carueda

(sorry for the bracketed thing -- not escpated by this commenting system it seems)

It seems the only way to incorporate Windy is via explicit script tag, that is, not via an installable package from NPM, correct? The specific issue I note is that there wouldn't be a way to control the loading of the components as instructed in the documentation, that is, first Leaflet, then Windy.
For my Leaflet apps, I basically have:

import L from 'leaflet';

(and then us L as usual).

For also testing this setup with Windy, assuming an NPM-installable 'windy' package, I would then expect to be able to just do something like this:

import { windyInit } from 'windy';

and then use windyInit, etc.

Any comments or additional (technical) pointers that can clarify what's actually possible in term of integrations with frameworks like Vue would be very welcome. Thanks!