@@ -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-
10267Et voilà ! Vous êtes prêts à utiliser VueDsfr dans votre app Nuxt ✨
10368
10469## Development
0 commit comments