chore(i18n): handle singular/plural form

3 files changed, 26 insertions, 6 deletions

diff --git a/htdocs/src/js/app.js b/htdocs/src/js/app.js
index bd92e93..e8ed928 100644
--- a/htdocs/src/js/app.js
+++ b/htdocs/src/js/app.js
@@ -140,7 +140,9 @@ function getRepos(repos) {
   const list = document.createElement('ul');
   const items = repos.map((repo) => getRepoItem(repo.name, repo.url));
   title.classList.add('project-details__title');
-  title.textContent = translate('main.project.details.repo');
+  title.textContent = translate('main.project.details.repo', {
+    count: repos.length,
+  });
   list.classList.add('list', 'list--repos');
   list.append(...items);
   wrapper.append(title, list);
@@ -157,7 +159,9 @@ function getTechs(technologies) {
 
   const title = document.createElement('h3');
   title.classList.add('project-details__title');
-  title.textContent = translate('main.project.details.tech');
+  title.textContent = translate('main.project.details.tech', {
+    count: technologies.length,
+  });
   const list = document.createElement('ul');
   const items = technologies.map((technology) => {
     const item = document.createElement('li');
diff --git a/htdocs/src/js/i18n/locales/en.js b/htdocs/src/js/i18n/locales/en.js
index d8fea40..d548757 100644
--- a/htdocs/src/js/i18n/locales/en.js
+++ b/htdocs/src/js/i18n/locales/en.js
@@ -11,8 +11,16 @@ const en = {
     project: {
       details: {
         about: 'About {{name}}',
-        repo: 'Repositories:',
-        tech: 'Technologies:',
+        repo: {
+          one: 'Repository:',
+          other: 'Repositories:',
+          zero: 'Repositories:',
+        },
+        tech: {
+          one: 'Technology:',
+          other: 'Technologies:',
+          zero: 'Technologies:',
+        },
       },
     },
   },
diff --git a/htdocs/src/js/i18n/locales/fr.js b/htdocs/src/js/i18n/locales/fr.js
index f44d459..29bf9fd 100644
--- a/htdocs/src/js/i18n/locales/fr.js
+++ b/htdocs/src/js/i18n/locales/fr.js
@@ -11,8 +11,16 @@ const fr = {
     project: {
       details: {
         about: 'À propos de {{name}}',
-        repo: 'Dépôts :',
-        tech: 'Technologies :',
+        repo: {
+          one: 'Dépôt :',
+          other: 'Dépôts :',
+          zero: 'Dépôt :',
+        },
+        tech: {
+          one: 'Technologie :',
+          other: 'Technologies :',
+          zero: 'Technologie :',
+        },
       },
     },
   },