GitHunt
RA

raupulus/vue-component-weather-chipiona

Componente con datos para estación meteorológica en tiempo real de la ciudad de Chipiona que muestra un resumen del tiempo en cada momento: Temperatura, humedad, tvoc, uv, uva, uvb, viento, rayos. Mirror de https://gitlab.com/raupulus/vue-component-weather-chipiona

Vue Component, Weather Chipiona

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.

General
Wind
TVOC
UV

TODO

  • Fix rollup export to standar javascript (wrapper.js)

Project setup

npm install

Build production

This creates the elements to include directly on the web and import module.

npm run build

Run develop watch

This raises a server component on port 8080 of localhost to develop it.

npm run serve

Use Mode

Esto 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

Demo example

<!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>

Languages

Vue83.9%JavaScript13.0%HTML2.8%TypeScript0.2%Shell0.2%

Contributors

GNU General Public License v3.0
Created September 26, 2020
Updated March 16, 2023