L’écosystème de VueDsfr
L’écosystème de VueDsfr, c’est :
- la présente documentation
- le storybook
- La bibliothèque
@dnum-mi/vue-dsfrsur npm ; - L’assistant de création
create-vue-dsfr; - Le module nuxt
vue-dsfr-nuxt-module; - L’extension
vue-dsfr-snippetspour VSCode ; - Le serveur Discord pour discuter avec l’équipe et entre utilisateurs.
Vous trouverez plus de détails ci-dessous.
VueDsfr
La bibliothèque est disponible sur NPM et son code source disponible sur Github.
Elle permet de créer facilement des applications Vue qui respectent le DSFR.
Le storybook avec tous les composants est disponible sur https://storybook.vue-ds.fr
Cette documentation faite avec Vitepress et disponible sur https://docs.vue-ds.fr nous a paru plus lisible et accessible qu’un storybook pour un utilisateur de la bibliothèque. Elle est toute récente et encore très incomplète, et son organisation est susceptible de changer (en fonction, notamment, des premiers retours utilisateurs).
L’assistant create-vue-dsfr
Cet assistant est aussi disponible sur NPM et son code source disponible sur GitHub.
Il permet d’échaffauder très rapidement une application avec Vue3 et Vite ou Nuxt 3, VueDsfr, TypeScript et ESLint déjà paramétrés, et optionnellement Playwright et Vitest.
Voir la page "Commencer" pour son utilisation.
Le module nuxt vue-dsfr-nuxt-module
Ce module est aussi disponible sur NPM et son code source disponible sur GitHub.
Il permet d’utiliser facilement la bibliothèque VueDsfr dans Nuxt 3.
Voir la page "Commencer" pour son utilisation.
L’extension vue-dsfr-snippets
Cette extension pour VSCode permet de gagner du temps pour ajouter des composants dans la partie template d’un composant Vue3.
Son code source disponible sur Github.
Le serveur Discord
Le serveur Discord dédié permet parler de la bibliothèque, de sa documentation, des problèmes que vous rencontrez avec, des suggestions que vous voulez nous donner, et des évolutions de la bibliothèque elle-même et de sa documentation, ainsi que de l’extension VSCode.