raupulus / vue-component-weather-chipiona Goto Github PK

View Code? Open in Web Editor NEW

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

License: GNU General Public License v3.0

JavaScript 12.97% Vue 83.91% Shell 0.16% HTML 2.77% TypeScript 0.19%

vue-component-weather-chipiona's Introduction

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.

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>

Recommend Projects

raupulus / vue-component-weather-chipiona Goto Github PK