nuxt-component-dpe v1.5.5
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 ❌
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
10 months ago
12 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
10 months ago
10 months ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago