Avenir(s) DSAV

What is DSAV?

DSAV is the deisgn system for AVENIR(s) projects and consists of a Vue 3 project in the form of a component library.

The code is open and available on GitHub

Why DSAV?

The AVENIR(s) program has chosen its technical stack for the front end, based on Vue 3.

The AVENIR(s) program needs its own identity, hence this design system it will use on all its frontend projects.

Complete documentation

You can find the complete documentation on our github page.

Storybook demos

You can find examples of use and demo of the design system components on our github page.

Installation

In your project, run npm install @ævenirs-esr/avenirs-dsav.

In order to make the style from DSAV work in your project, make sure to import the main DSAV style in your main.ts with the following : import '@avenirs-esr/avenirs-dsav/style.css'.

Contributing

Deploying a new npm version

When your development is successfully merged in develop or main, you can run the job Release new version to npm and select the type of version bump : patch, minor or release.

Commit conventions

This repository uses Commitlint to enforce consistent and conventional commit messages.

This setup extends the conventional commit configuration (@commitlint/config-conventional) and adds custom rules:

✅ Allowed Commit Types

The following commit types are allowed:

• feat – A new feature
• fix – A bug fix
• docs – Documentation changes
• refactor – Code refactoring (no feature or bug fix)
• test – Adding or modifying tests
• build – Changes to build tools or dependencies
• revert – Revert a previous commit

🔠 Commit Message Rules

| Rule | Description | |----------------|-----------------------------------------------------------------------------| | type-enum | Only allows the types listed above | | type-case | Commit type must be lowercase | | type-empty | Commit type must not be empty | | subject-case | No restriction on subject casing (rule is disabled for flexibility) |

✅ Example Commit Messages

feat: add user login functionality
fix: handle null pointer in dashboard
docs: update installation guide

Projects using DSAV

• AVENIR(s) Cofolio : An ePortfolio for Higher Education and Research