Skip to content

Commit

Permalink
Add updated Readme for basic setup
Browse files Browse the repository at this point in the history
  • Loading branch information
gemmadlou committed Sep 1, 2024
1 parent 397499e commit 2bbfe09
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 5 deletions.
47 changes: 42 additions & 5 deletions README.md
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.
Binary file added src/assets/epc-example.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 2bbfe09

Please sign in to comment.