Skip to content

Commit 7e1b2d8

Browse files
authored
Merge pull request #21 from laruiss/feat/use-vue-dsfr-v6
Feat/use vue dsfr v6
2 parents fbe83ae + d90152d commit 7e1b2d8

File tree

7 files changed

+5743
-2618
lines changed

7 files changed

+5743
-2618
lines changed

README.md

Lines changed: 2 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@ Ce module facilite l’utilisation de la bibliothèque VueDsfr dans un projet Nu
1515

1616
<!-- Highlight some of the features your module provide here -->
1717
- 🪄 Imports automagiques des composables VueDsfr
18-
- 🪄 Imports automagiques des composants VueDsfr
19-
- ✨ Facilitation de l’utilisation des icônes de [Oh, Vue Icons](https://oh-vue-icons.netlify.app/)
18+
- 🪄 Imports automagiques des composants VueDsfr (inclus le composant VIcon)
19+
- ✨ Facilitation de l’utilisation des icônes de [@iconify/vue](https://iconify.design/docs/icon-components/vue/)
2020

2121
## Configuration rapide
2222

@@ -64,41 +64,6 @@ export default defineNuxtConfig({
6464
})
6565
```
6666

67-
4. Facultatif : ajouter des icônes à utiliser avec OhVueIcon
68-
69-
```ts
70-
import * as icons from './icons'
71-
72-
export default defineNuxtConfig({
73-
modules: [
74-
'vue-dsfr-nuxt-module'
75-
],
76-
css: [
77-
'@gouvfr/dsfr/dist/core/core.main.min.css', // Le CSS minimal du DSFR
78-
'@gouvfr/dsfr/dist/component/component.main.min.css', // Styles de tous les composants du DSFR
79-
'@gouvfr/dsfr/dist/utility/utility.main.min.css', // Classes utilitaires : les composants de VueDsfr en ont besoin, contient aussi les icônes
80-
81-
'@gouvfr/dsfr/dist/scheme/scheme.min.css', // Facultatif : Si les thèmes sont utilisés (thème sombre, thème en bernes)
82-
],
83-
runtimeConfig: {
84-
public: {
85-
vueDsfr: {
86-
icons: Object.values(icons),
87-
},
88-
},
89-
},
90-
})
91-
```
92-
93-
Et ajouter un fichier `icons.ts` à la racine dans lequel sont réexportées depuis `'oh-vue-icons/icons'` les icônes utilisées :
94-
95-
```ts
96-
export {
97-
RiFlagLine,
98-
RiHome2Line,
99-
} from 'oh-vue-icons/icons'
100-
```
101-
10267
Et voilà ! Vous êtes prêts à utiliser VueDsfr dans votre app Nuxt ✨
10368

10469
## Development

0 commit comments

Comments
 (0)