-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
42 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,12 +1,49 @@ | ||
# Vue 3 + TypeScript + Vite | ||
# Energy Performance Certificate Rating Vue Component | ||
|
||
[![Tests](https://github.com/gemmadlou/vue-epc-component/actions/workflows/test.yml/badge.svg)](https://github.com/gemmadlou/vue-epc-component/actions/workflows/test.yml) | ||
|
||
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more. | ||
A little Vue.js component library to display the UK EPC Ratings. | ||
|
||
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup). | ||
# vue-epc-component | ||
## Usage | ||
|
||
```vue | ||
<script setup lang="ts"> | ||
import EPCRating from './components/EPCRating.vue'; | ||
</script> | ||
<template> | ||
<EPCRating :current-score="72" :potential-score="85" /> | ||
</template> | ||
``` | ||
|
||
## EPC Ratings | ||
|
||
An Energy Performance Certificate (EPC) tells you how energy efficient a property is. Ratings are grated from A-G. The UK Gov website not only states the current energy rating, but the potential rating given recommendations are implemented. | ||
|
||
You can find the energy rating for a property here: https://www.gov.uk/find-energy-certificate. | ||
|
||
![energy-performance-rating](./src/assets/epc-example.png) | ||
|
||
## Contributing | ||
|
||
This project uses Vite + Vue 3 + TypeScript. | ||
|
||
```bash | ||
# Install dependencies | ||
npm install | ||
|
||
# Run development | ||
npm run dev | ||
|
||
# Run tests | ||
npm test | ||
``` | ||
|
||
|
||
- The project uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more. | ||
|
||
- Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup). | ||
|
||
## Attributions | ||
|
||
- This component [contains public sector information licensed under the Open Government Licence v3.0](https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/). The SVG provided is from the UK Gov. Assets for all EPC related media can be found here: https://assets.publishing.service.gov.uk/media/5a748d20ed915d0e8bf19346/1790388.pdf. EPC ratings diagrams can be generated here: https://find-energy-certificate.service.gov.uk. | ||
- This component [contains public sector information licensed under the Open Government Licence v3.0](https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/). The SVG provided is from the UK Gov website within minor alterations to work with Vue.js. Assets for all EPC related media can be found here: https://assets.publishing.service.gov.uk/media/5a748d20ed915d0e8bf19346/1790388.pdf. EPC ratings diagrams can be generated here: https://find-energy-certificate.service.gov.uk. |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.