Skip to content

Commit d90152d

Browse files
committed
feat!: ✨ met à jour le module pour VueDsfr v6
1 parent 5f02f88 commit d90152d

File tree

7 files changed

+1289
-320
lines changed

7 files changed

+1289
-320
lines changed

README.md

Lines changed: 2 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -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-
10367
Et voilà ! Vous êtes prêts à utiliser VueDsfr dans votre app Nuxt ✨
10468

10569
## Development

0 commit comments

Comments
 (0)