MCPcopy Index your code
hub / github.com/dnum-mi/vue-dsfr

github.com/dnum-mi/vue-dsfr @v8.17.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v8.17.0 ↗ · + Follow
153 symbols 580 edges 230 files 3 documented · 2%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

VueDsfr

VueDsfr est un portage en Vue 3 du Système de Design Français (ou DSFR) sous forme de bibliothèque de composants. Il peut s'utiliser facilement en tant que plugin.

Comment l’utiliser

La façon la plus simple de commencer un projet est d’utiliser le package create-vue-dsfr, qui permet de créer un projet NPM avec le nécessaire et suffisant (ou plus, selon votre choix) pour développer un projet utilisant VueDsfr, que ce soit pour Vite (Vue3) ou pour Nuxt (Nuxt3), avec TypeScript et ESLint.

Avec npm :

npm init vue-dsfr

Avec pnpm :

pnpm create vue-dsfr

Avec yarn :

yarn create vue-dsfr

Et suivez les indications de l’assistant.

Comment contribuer

TL;DR

Les commits doivent suivre la spécification des Commits Conventionnels

Une PR doit être faite avec une branche à jour avec la branche develop en rebase (et sans merge) avant demande de fusion, et la fusion doit être demandée dans develop.

Détails

Cf le site officiel

Projets utilisant VueDsfr

  • VAO : Vacances Adaptées Organisées
  • Console : Console de management de la plateforme Cloud Pi Native
  • Basegun : identification et sécurisation d’armes à feu létales, armes d’alarme et armes factices
  • IGNF : Vitre cartographique de cartes.gouv.fr
  • Compl’Alim : Vers une circulation de compléments alimentaires sûrs et conformes
  • Aides simplifiées
  • Mission transition écologique : Transition écologique des entreprises
  • POOLPE : Le POrtail d’Observation des Liens Pressions-Ecosystèmes
  • Cynodex : (programme de certification)
  • et bien d’autres (Bibliothèque numérique, ...)

Plus d'informations

Veuillez consulter le site officiel pour plus d'informations.

Extension points exported contracts — how you extend this code

DsfrDataTableColumn (Interface)
(no doc)
src/components/DsfrDataTable/DsfrDataTable.types.ts
StoryArgs (Interface)
(no doc)
src/components/DsfrSegmented/DsfrSegmented.stories.ts

Core symbols most depended-on inside this repo

render
called by 163
src/components/DsfrInput/DsfrInput.stories.ts
render
called by 10
src/components/DsfrSearchBar/DsfrSearchBar.stories.ts
render
called by 10
src/components/DsfrHeader/DsfrHeader.stories.ts
render
called by 8
src/components/DsfrPagination/DsfrPagination.stories.ts
delay
called by 8
src/components/DsfrAccordion/DsfrAccordion.stories.ts
spy
called by 7
tests/unit/test-utils.ts
delay
called by 6
src/components/DsfrModal/DsfrModal.stories.ts
getRandomAlphaNum
called by 4
src/utils/random-utils.ts

Shape

Function 145
Method 3
Class 2
Interface 2
Enum 1

Languages

TypeScript100%

Modules by API surface

demo-app/composables/use-toaster.ts8 symbols
src/composables/useScheme.ts6 symbols
meta/custom-icon-collections-creator.js6 symbols
tests/unit/vitest-setup.ts5 symbols
src/utils/svg-data-uri-utils.ts4 symbols
src/utils/random-utils.ts4 symbols
src/composables/useCollapsable.ts4 symbols
src/components/DsfrInput/DsfrInput.stories.ts4 symbols
src/components/DsfrSideMenu/DsfrSideMenuList.stories.ts3 symbols
src/components/DsfrSideMenu/DsfrSideMenu.stories.ts3 symbols
src/components/DsfrModal/DsfrModal.stories.ts3 symbols
src/components/DsfrHeader/DsfrHeader.stories.ts3 symbols

For agents

$ claude mcp add vue-dsfr \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page