Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zheng-bote/rz-weather
A VUE3 Web Component for Weather & environment data
https://github.com/zheng-bote/rz-weather
vue3 web-components
Last synced: 22 days ago
JSON representation
A VUE3 Web Component for Weather & environment data
- Host: GitHub
- URL: https://github.com/zheng-bote/rz-weather
- Owner: Zheng-Bote
- Created: 2024-02-02T20:29:24.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-12T16:00:05.000Z (9 months ago)
- Last Synced: 2024-10-05T06:41:59.317Z (about 1 month ago)
- Topics: vue3, web-components
- Language: Vue
- Homepage:
- Size: 203 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rz-weather
A VUE3 Web Component for Weather & environment data
Shows the weather and environemnt data from given loaction
## Authors
- [@Zheng-Bote](https://www.github.com/Zheng-Bote)
## Version
v0.1.1
## License
[MIT](https://choosealicense.com/licenses/mit/)
## API Reference
#### Parameters
```
```
```
```
| Parameter | Type | Description |
| :----------- | :------- | :-------------------------- |
| `location` | `string` | **Optional**. "city" |
| `title` | `string` | **Optional**. "the Weather" |
| `with_title` | `string` | **Optional**. "yes" or "no" |
## Installation
**cookie**
needs a loaclStorage key-val with API key from https://www.weatherapi.com/
```
rz-weather=
```
used folder structure
```bash
.
├── assets
│ ├── custom.css
│ ├── rz-weather.css
│ └── rz-weather.js
├── favicon.ico
└── index.html
```
## Usage/Examples
```html
Web Component
```
## Screenshots
**loaded weather data**
**no localStorage with API-Key**
**search masq**
## Used By
This web component is used by the following web sites:
- [hase-zheng.net: Micro-Frontends and Microservices](https://www.hase-zheng.net)
- [Robert Zheng Landing Page](https://www.robert.hase-zheng.net)
- [Points of Interest: Geo-Coordinates and Photos of POI's](https://www.flag-me.info/)
- [ZHENG Bote: private travel photos](https://www.bote.hase-zheng.net/)
- [DigiDocuDev: web-based documentation management](https://www.digidocu.dev/)
### the end
:vulcan_salute: