codevdesign 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +110 -0
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
# [CODEV DESIGN]
|
|
2
|
+
|
|
3
|
+
## À propos
|
|
4
|
+
|
|
5
|
+
Composants Vuetify 3 pour les projets Codev
|
|
6
|
+
|
|
7
|
+
## Table des matières
|
|
8
|
+
|
|
9
|
+
- 🪧 [À propos](#à-propos)
|
|
10
|
+
- 📦 [Prérequis](#prérequis)
|
|
11
|
+
- 🚀 [Installation](#installation)
|
|
12
|
+
- 🛠️ [Utilisation](#utilisation)
|
|
13
|
+
- 📚 [Documentation](#documentation)
|
|
14
|
+
- 🏷️ [Gestion des versions](#gestion-des-versions)
|
|
15
|
+
- 📝 [Licence](#licence)
|
|
16
|
+
|
|
17
|
+
## Prérequis
|
|
18
|
+
|
|
19
|
+
Vue 3
|
|
20
|
+
Vuetify 3
|
|
21
|
+
Vue-i18n
|
|
22
|
+
Typescript 5
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Installation
|
|
26
|
+
|
|
27
|
+
npm install codevdesign
|
|
28
|
+
|
|
29
|
+
## Utilisation
|
|
30
|
+
|
|
31
|
+
modifier vos settings i18n pour importer les traductions :import { createI18n } from 'vue-i18n'
|
|
32
|
+
|
|
33
|
+
exemple de fichier i18n
|
|
34
|
+
import { createI18n } from 'vue-i18n'
|
|
35
|
+
import { csqcEn, csqcFr } from 'codevdesign' // Importation des traductions du package `codevdesign`
|
|
36
|
+
|
|
37
|
+
const imports = {
|
|
38
|
+
fr: import.meta.glob('@/locales/**/fr.json', {
|
|
39
|
+
eager: true,
|
|
40
|
+
import: 'default',
|
|
41
|
+
}),
|
|
42
|
+
en: import.meta.glob('@/locales/**/en.json', {
|
|
43
|
+
eager: true,
|
|
44
|
+
import: 'default',
|
|
45
|
+
}),
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// Les locales disponibles
|
|
49
|
+
const locales = Object.keys(imports)
|
|
50
|
+
|
|
51
|
+
// Fusionner les traductions locales sans écraser les traductions existantes
|
|
52
|
+
const getLocaleMessages = () =>
|
|
53
|
+
locales.reduce(
|
|
54
|
+
(messages, locale) => ({
|
|
55
|
+
...messages,
|
|
56
|
+
[locale]: {
|
|
57
|
+
// Si la langue est 'fr', fusionner les traductions
|
|
58
|
+
...(locale === 'fr'
|
|
59
|
+
? {
|
|
60
|
+
...Object.values(imports[locale]).reduce(
|
|
61
|
+
(acc, current) => ({
|
|
62
|
+
...acc,
|
|
63
|
+
...current,
|
|
64
|
+
}),
|
|
65
|
+
{},
|
|
66
|
+
),
|
|
67
|
+
...csqcFr, // Ajouter les traductions "fr" du package directement
|
|
68
|
+
}
|
|
69
|
+
: {
|
|
70
|
+
...Object.values(imports[locale]).reduce(
|
|
71
|
+
(acc, current) => ({
|
|
72
|
+
...acc,
|
|
73
|
+
...current,
|
|
74
|
+
}),
|
|
75
|
+
{},
|
|
76
|
+
),
|
|
77
|
+
...csqcEn, // Ajouter les traductions "en" du package directement
|
|
78
|
+
}),
|
|
79
|
+
},
|
|
80
|
+
}),
|
|
81
|
+
{},
|
|
82
|
+
)
|
|
83
|
+
|
|
84
|
+
export default createI18n({
|
|
85
|
+
useScope: 'global',
|
|
86
|
+
messages: getLocaleMessages() || [],
|
|
87
|
+
locale: window.langue,
|
|
88
|
+
legacy: false,
|
|
89
|
+
globalInjection: true,
|
|
90
|
+
fallbackLocale: window.langue,
|
|
91
|
+
silentTranslationWarn: true,
|
|
92
|
+
})
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
exemple d'importation:
|
|
97
|
+
import { pivFooter, pivEntete, csqcMenu, csqcAlerteErreur, csqcSnackbar } from 'codevdesign'
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
## Documentation
|
|
101
|
+
|
|
102
|
+
Un bac à sable avec les props des components sont disponibles ici pour les membres de la cdpvd: https://espacedev.csqc.ca/codevdesign
|
|
103
|
+
|
|
104
|
+
## Gestion des versions
|
|
105
|
+
|
|
106
|
+
Les versions disponibles ainsi que les journaux décrivant les changements apportés sont disponibles depuis https://www.npmjs.com/package/codevdesign?activeTab=versions.
|
|
107
|
+
|
|
108
|
+
## Licence
|
|
109
|
+
|
|
110
|
+
Aucune.
|