@datagouv/components-next 0.0.31 → 0.1.0

package/README.md

@@ -36,7 +36,7 @@ const runtimeConfig = useRuntimeConfig()
 app.vueApp.use(datagouv, {
     // These are the same as above…
     name: runtimeConfig.public.title,
-    baseUrl: runtimeConfig.public.i18n.baseUrl,
+    baseUrl: runtimeConfig.public.baseUrl,
     apiBase: runtimeConfig.public.apiBase,
     devApiKey: runtimeConfig.public.devApiKey,
 
@@ -69,21 +69,11 @@ app.vueApp.use(datagouv, {
 
 ### I18n
 
-`@datagouv/components` is using [`vue-i18n`](https://vue-i18n.intlify.dev/) to provide internationalisation. As always, there are two modes:
+`@datagouv/components` is using a few custom functions to provide internationalisation:
+- `$t()` inside templates
+- `const { t } = useTranslation()` inside JS
+- `<TranslationT keypath="xxx"></TranslationT>` for putting HTML inside text
 
-1. If the user is using Nuxt, it can simply add the locales files in the `nuxt.config.ts`
-
-```ts
-{
-    code: 'fr',
-    language: 'fr',
-    files: ['fr-FR.json', '../../node_modules/@datagouv/components-next/src/locales/fr.json'],
-},
-```
-
-Nuxt is responsible for building the JSON file to the correct `vue-i18n` JS format.
-
-2. If the user is not using Nuxt, it should provide the i18n object to the `datagouv` Vue plugin. The plugin will then merge the already built messages's files.
 
 ### `Suspense`
 
@@ -169,6 +159,37 @@ To do links in the application you can use the `<AppLink>` component. Not sure w
 
 Maybe this component shouldn't be exposed too, because I don't know why a user should use this instead of their own component (`<RouterLink>` or `<CdataLink>`…)
 
+## Release
+
+This package is available as `@datagouv/components-next` on [npm](https://www.npmjs.com/package/@datagouv/components-next).
+
+It follows the [semantic versioning specification](https://semver.org/).
+
+To make a new release, you have to :
+1. update the version
+2. publish to npm
+3. Commit and push the version change
+
+### Update the version
+
+Use the dedicated npm command, with the correct parameter :
+
+```
+npm version VERSION
+```
+
+Where VERSION is :
+- `major` when you make incompatible API changes
+- `minor` when you add functionality in a backward compatible manner
+- `patch` version when you make backward compatible bug fixes
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+
+### Publish to NPM
+
+```
+npm run publish-stable
+```
+
 ## 📄 License
 
 This component library is licensed under the **MIT License**, which is the same as the main project. This allows for permissive usage of the components in other projects.

package/assets/labels/hvd.svg

@@ -0,0 +1,15 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4847 3H10.4761H1.51532V9H10.4761H10.4847V3Z" fill="#003399"/>
+<path d="M6.08123 3.90656H6.39364L6.14167 4.10279L6.23979 4.41362L5.9894 4.2221L5.739 4.41362L5.83712 4.10279L5.58359 3.90656H5.8952L5.9894 3.60358L6.08123 3.90656Z" fill="#FFED00"/>
+<path d="M6.09225 7.90815H6.40465L6.15348 8.09732L6.25081 8.39638L6.00041 8.21192L5.75002 8.39638L5.84892 8.09732L5.5946 7.90815H5.90622L6.00041 7.61694L6.09225 7.90815Z" fill="#FFED00"/>
+<path d="M7.08206 7.64368H7.39524L7.14328 7.83206L7.2414 8.13112L6.99022 7.94666L6.73983 8.13112L6.83873 7.83206L6.58441 7.64368H6.89603L6.99022 7.35168L7.08206 7.64368Z" fill="#FFED00"/>
+<path d="M7.08206 4.17347H7.39524L7.14328 4.36264L7.2414 4.6617L6.99022 4.47724L6.73983 4.6617L6.83873 4.36264L6.58441 4.17347H6.89603L6.99022 3.88226L7.08206 4.17347Z" fill="#FFED00"/>
+<path d="M7.81752 4.90894H8.12914L7.87796 5.09732L7.97529 5.39638L7.7249 5.21192L7.47451 5.39638L7.57341 5.09732L7.31909 4.90894H7.63071L7.7249 4.61694L7.81752 4.90894Z" fill="#FFED00"/>
+<path d="M7.81752 6.91841H8.12914L7.87796 7.10757L7.97529 7.40663L7.7249 7.22217L7.47451 7.40663L7.57341 7.10757L7.31909 6.91841H7.63071L7.7249 6.6272L7.81752 6.91841Z" fill="#FFED00"/>
+<path d="M8.09225 5.89796H8.40544L8.15347 6.08713L8.25159 6.38619L8.00041 6.20173L7.75002 6.38619L7.84892 6.08713L7.5946 5.89796H7.90622L8.00041 5.60675L8.09225 5.89796Z" fill="#FFED00"/>
+<path d="M5.0726 4.17664H5.38421L5.13304 4.36502L5.23037 4.66408L4.97998 4.47962L4.72958 4.66408L4.82848 4.36502L4.57495 4.17664H4.88578L4.97998 3.88464L5.0726 4.17664Z" fill="#FFED00"/>
+<path d="M4.35754 4.91132H4.67073L4.41876 5.0997L4.51609 5.39876L4.2657 5.2143L4.01531 5.39876L4.11421 5.0997L3.85989 4.91132H4.17151L4.2657 4.61932L4.35754 4.91132Z" fill="#FFED00"/>
+<path d="M4.09226 5.90112H4.40466L4.15348 6.08951L4.25081 6.38857L4.00042 6.20489L3.75003 6.38857L3.84893 6.08951L3.5954 5.90112H3.90623L4.00042 5.60913L4.09226 5.90112Z" fill="#FFED00"/>
+<path d="M4.35754 6.92073H4.67073L4.41876 7.10989L4.51609 7.40895L4.2657 7.22449L4.01531 7.40895L4.11421 7.10989L3.85989 6.92073H4.17151L4.2657 6.62952L4.35754 6.92073Z" fill="#FFED00"/>
+<path d="M5.08282 7.646H5.39444L5.14326 7.83438L5.24059 8.13344L4.9902 7.94898L4.73981 8.13344L4.83871 7.83438L4.58517 7.646H4.89601L4.9902 7.354L5.08282 7.646Z" fill="#FFED00"/>
+</svg>