Nuxt Component DPE

How to use :

1. Install package

npm install nuxt-component-dpe

2. Import package

import { dpe, ges } from 'nuxt-component-dpe';

export default {
  components: { dpe, ges }
}

3. Init component in Nuxt with values

• With Export Mode (PNG):

<dpe value=100 type="logement" :style="'width:25%;'" exportMode="active"/>

<ges value=20 type="logement" :style="'width:25%;'" exportMode="active"/>

• Without Export Mode (PNG):

<dpe value=100 type="logement" :style="'width:25%;'"/>

<dpe value=20 type="logement" :style="'width:25%;'"/>

With Export Mode (PNG) | Without Export Mode (PNG) :-------------------------:|:-------------------------: | With Custom CSS | Without Custom CSS |

4. Parameters type :

<dpe value=150 type="logement" :style="'width:25%;background: white;border: 1px solid;padding: 8px;'" exportMode="active"/>

Valeurs possibles :
1. logement
2. tertiaire
3. public
4. bureaux
5. OccContinue

DPE | GES :-------------------------:|:-------------------------: logement|logement | tertiaire|tertiaire | public|public | bureaux|bureaux | OccContinue|OccContinue |

5. Compatibility

• Nuxt 2 ✅
• Nuxt 3 ❌