@@ -15,9 +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- - 🪄 Import automagique du composant VIcon (ou OhVueIcon)
20- - ✨ 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/ )
2120
2221## Configuration rapide
2322
@@ -65,41 +64,6 @@ export default defineNuxtConfig({
6564})
6665```
6766
68- 4 . Facultatif : ajouter des icônes à utiliser avec [ ` OhVueIcon ` ] ( https://oh-vue-icons.js.org/ )
69-
70- ``` ts{1}
71- import * as icons from './icons'
72-
73- export default defineNuxtConfig({
74- modules: [
75- 'vue-dsfr-nuxt-module'
76- ],
77- css: [
78- '@gouvfr/dsfr/dist/core/core.main.min.css', // Le CSS minimal du DSFR
79- '@gouvfr/dsfr/dist/component/component.main.min.css', // Styles de tous les composants du DSFR
80- '@gouvfr/dsfr/dist/utility/utility.main.min.css', // Classes utilitaires : les composants de VueDsfr en ont besoin, contient aussi les icônes
81-
82- '@gouvfr/dsfr/dist/scheme/scheme.min.css', // Facultatif : Si les thèmes sont utilisés (thème sombre, thème en bernes)
83- ],
84- runtimeConfig: {
85- public: {
86- vueDsfr: {
87- icons: Object.values(icons),
88- },
89- },
90- },
91- })
92- ```
93-
94- Et ajouter un fichier ` icons.ts ` à la racine dans lequel sont réexportées depuis ` 'oh-vue-icons/icons' ` les icônes utilisées :
95-
96- ``` ts
97- export {
98- RiFlagLine ,
99- RiHome2Line ,
100- } from ' oh-vue-icons/icons'
101- ```
102-
10367Et voilà ! Vous êtes prêts à utiliser VueDsfr dans votre app Nuxt ✨
10468
10569## Development
0 commit comments