This component adds onu widget with weather information in the town of chipiona in real time (seconds of one minute from the last reading) returning information on temperature, wind, air quality and UVA / UVB rays.
- Fix rollup export to standar javascript (wrapper.js)
npm install
This creates the elements to include directly on the web and import module.
npm run buildThis raises a server component on port 8080 of localhost to develop it.
npm run serveEsto desde la actualización a vue3 + typescript con rollup no he conseguido aún que funcione
Para comenzar necesitas tener en tu proyecto (o por lo menos en la página dónde usarás este componente) vue.js insertado.
Necesitas tener la llamada al script, utiliza la ruta adecuada según si lo descargas a tu proyecto, usas un cdn o lo traes desde npm.
<script src="./v-component-weather-chipiona.min.js"></script>Una vez tienes Vue.js y la llamada al componente en tu web, puedes crear un bloque para añadir este componente dentro de él usando la etiqueta
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<div id="app"></div>
<!--vue-->
<script src="https://unpkg.com/vue@next"></script>
<script src="./v-component-weather-chipiona.min.js"></script>
<script>
//Vue.component(ChipionaWeatherComponent);
Vue.createApp({}).mount("#app");
</script>
</body>
</html>