@gouvminint/vue-dsfr - npm Package Compare versions

Comparing version 5.9.0 to 5.10.0

package.json

 {
   "name": "@gouvminint/vue-dsfr",
-  "version": "5.9.0",
+  "version": "5.10.0",
   "type": "module",
@@ -53,2 +53,3 @@ "files": [
     "demo": "vite",
+    "build:demo": "vite -c vite.config.demo.js build",
     "dev": "storybook dev -p 6006",
@@ -55,0 +56,0 @@ "vitest": "vitest",

README.md

@@ -9,3 +9,3 @@ # VueDsfr
 
-### TL;DR
+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.
 
@@ -30,8 +30,4 @@ Avec npm :
 
-Et suivez le guide !
+Et suivez les indications de l’assistant.
 
-### Détails :
-
-Cf. [le site officiel](https://vue-dsfr.netlify.app/?path=/docs/docs-2-guide-d-utilisation--docs)
-
 ## Comment contribuer
@@ -48,40 +44,6 @@
 
-Cf [le site officiel](https://vue-dsfr.netlify.app/?path=/docs/docs-3-guide-du-d%C3%A9veloppeur--docs)
+Cf [le site officiel](https://vue-ds.fr/guide/guide-developpeur)
 
-## Utiliser la bibliothèque dans un projet existant (ou un nouveau projet sans passer par [`create-vue-dsfr`](https://www.npmjs.com/package/create-vue-dsfr))
-### Installer la bibliothèque
+## Plus d'informations
 
-```shell
-npm install @gouvminint/vue-dsfr
-```
-### Utiliser la bibliothèque en tant que plugin Vue 3
-
-```js
-import { createApp } from 'vue'
-import App from './App.vue'
-import '@gouvminint/vue-dsfr/styles'                  // Import des styles globaux
-import VueDsfr from '@gouvminint/vue-dsfr'            // Import (par défaut) de la bibliothèque
-
-
-const app = createApp(App)
-  .use(VueDsfr)                                    // Ajout en tant que plugin
-  .mount('#app')
-```
-
-Et ensuite, les composants sont utilisables directement dans les composants de l'application :
-
-```html
-<template>
-  <DsfrHeader
-    logo-text="Gouvernement"
-    service-title="Bureau des légendes"
-  />
-  <div class="fr-container">
-    <router-view />
-  </div>
-</template>
-```
-
-# Plus d'informations
-
-Veuillez consulter [le site officiel](https://vue-dsfr.netlify.app/) pour plus d'informations.
+Veuillez consulter [le site officiel](https://vue-ds.fr/) pour plus d'informations.

types/components/DsfrHeader/DsfrHeaderMenuLinks.vue.d.ts

@@ -9,3 +9,3 @@ import { type DsfrHeaderMenuLinkProps } from './DsfrHeaderMenuLink.vue';
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    linkClick: () => void;
+    linkClick: (event: MouseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -18,3 +18,3 @@ links?: DsfrHeaderMenuLinkProps[] | undefined;
 }>>> & {
-    onLinkClick?: (() => any) | undefined;
+    onLinkClick?: ((event: MouseEvent) => any) | undefined;
 }, {
@@ -21,0 +21,0 @@ links: DsfrHeaderMenuLinkProps[];

types/components/DsfrSelect/DsfrSelect.types.d.ts

@@ -8,4 +8,4 @@ export type DsfrSelectProps = {
     label?: string;
-    options?: (string | {
-        value: string;
+    options?: (string | undefined | {
+        value: string | undefined;
         text: string;
@@ -12,0 +12,0 @@ disabled?: boolean;

types/components/DsfrSelect/DsfrSelect.vue.d.ts

@@ -31,6 +31,6 @@ import type { DsfrSelectProps } from './DsfrSelect.types';
     options: (string | {
-        value: string;
+        value: string | undefined;
         text: string;
         disabled?: boolean | undefined;
-    })[];
+    } | undefined)[];
     selectId: string;
@@ -37,0 +37,0 @@ successMessage: string;

No alert changes

Improved metrics

Lines of code

10397

increased by0.05%

Worsened metrics

Total package byte prevSize

801001

decreased by-0.06%

Number of lines in readme file

47

decreased by-44.71%

No dependency changes