refactor: split posts meta into smaller components

2 files changed, 106 insertions, 98 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 9164b83..4928516 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -3,10 +3,6 @@
     "defaultMessage": "Others topics",
     "description": "TopicPage: topics list widget title"
   },
-  "+COyEW": {
-    "defaultMessage": "{topicsCount, plural, =0 {Topics:} one {Topic:} other {Topics:}}",
-    "description": "PostMeta: topics list label"
-  },
   "+Dre5J": {
     "defaultMessage": "Open-source projects",
     "description": "CVPage: social media widget title"
@@ -31,6 +27,10 @@
     "defaultMessage": "Failed to load.",
     "description": "TopicsList: failed to load text"
   },
+  "0pp/IQ": {
+    "defaultMessage": "{topicsCount, plural, =0 {Topics:} one {Topic:} other {Topics:}}",
+    "description": "Topics: topics list meta label"
+  },
   "0zBQpa": {
     "defaultMessage": "Message",
     "description": "ContactForm: message field label"
@@ -47,6 +47,10 @@
     "defaultMessage": "Published on:",
     "description": "RecentPosts: publication date label"
   },
+  "1r4ujR": {
+    "defaultMessage": "{thematicsCount, plural, =0 {Thematics:} one {Thematic:} other {Thematics:}}",
+    "description": "Thematics: thematics list meta label"
+  },
   "2D9tB5": {
     "defaultMessage": "Topics",
     "description": "BlogPage: topics list widget title"
@@ -67,10 +71,22 @@
     "defaultMessage": "Page not found.",
     "description": "404Page: SEO - Meta description"
   },
+  "4EMSLO": {
+    "defaultMessage": "{total, plural, =0 {No articles} one {# article} other {# articles}}",
+    "description": "PostCount: total found articles"
+  },
   "4zAUSu": {
     "defaultMessage": "Legal notice - {websiteName}",
     "description": "LegalNoticePage: SEO - Page title"
   },
+  "52Fev1": {
+    "defaultMessage": "Published on:",
+    "description": "Dates: publication date meta label"
+  },
+  "6BRtAu": {
+    "defaultMessage": "Comments:",
+    "description": "CommentsCount: comment count meta label"
+  },
   "6dXfvr": {
     "defaultMessage": "Table of Contents",
     "description": "ProjectPage: ToC sidebar aria-label"
@@ -123,6 +139,10 @@
     "defaultMessage": "Others formats",
     "description": "CVPage: cv preview widget title"
   },
+  "C+r/LF": {
+    "defaultMessage": "Updated on:",
+    "description": "Dates: update date meta label"
+  },
   "C/XGkH": {
     "defaultMessage": "Failed to load.",
     "description": "BlogPage: failed to load text"
@@ -167,18 +187,6 @@
     "defaultMessage": "All posts in {name}",
     "description": "TopicPage: posts list title"
   },
-  "Fj8WFC": {
-    "defaultMessage": "{results, plural, =0 {No articles} one {# article} other {# articles}}",
-    "description": "PostMeta: total found articles"
-  },
-  "FtokGF": {
-    "defaultMessage": "Updated on:",
-    "description": "PostMeta: update date label"
-  },
-  "GUfnQ4": {
-    "defaultMessage": "Reading time:",
-    "description": "Article meta"
-  },
   "GgIWnN": {
     "defaultMessage": "<a11y>Jump to </a11y>{title}",
     "description": "ToC: link"
@@ -223,6 +231,10 @@
     "defaultMessage": "Sidebar",
     "description": "ArticlePage: right sidebar aria-label"
   },
+  "JsOoAW": {
+    "defaultMessage": "Website:",
+    "description": "Website: website meta label"
+  },
   "KERk7L": {
     "defaultMessage": "Filter by:",
     "description": "BlogPage: sidebar title"
@@ -247,10 +259,6 @@
     "defaultMessage": "Projects",
     "description": "HomePage: link to projects"
   },
-  "N7I4lC": {
-    "defaultMessage": "less than 1 minute",
-    "description": "PostMeta: Reading time value"
-  },
   "N804XO": {
     "defaultMessage": "Topics",
     "description": "SearchPage: topics list widget title"
@@ -287,10 +295,6 @@
     "defaultMessage": "Email",
     "description": "CommentForm: Email field label"
   },
-  "Ox/daH": {
-    "defaultMessage": "{commentCount, plural, =0 {No comments} one {# comment} other {# comments}}",
-    "description": "PostMeta: comment count value"
-  },
   "P0I+Xm": {
     "defaultMessage": "Journal du hacker",
     "description": "Sharing: Journal du hacker"
@@ -355,10 +359,6 @@
     "defaultMessage": "Search",
     "description": "SearchPage: breadcrumb item"
   },
-  "U++A+B": {
-    "defaultMessage": "{readingTime, plural, =0 {# minutes} one {# minute} other {# minutes}}",
-    "description": "PostMeta: reading time value"
-  },
   "U+35YD": {
     "defaultMessage": "Search",
     "description": "SearchPage: page title"
@@ -387,10 +387,6 @@
     "defaultMessage": "Email",
     "description": "ContactForm: email field label"
   },
-  "W2G95o": {
-    "defaultMessage": "Comments:",
-    "description": "PostMeta: comment count label"
-  },
   "WGFOmA": {
     "defaultMessage": "Send",
     "description": "CommentForm: Send button"
@@ -459,10 +455,6 @@
     "defaultMessage": "{starsCount, plural, =0 {0 stars on Github} one {# star on Github} other {# stars on Github}}",
     "description": "ProjectSummary: technologies list label"
   },
-  "agLf5v": {
-    "defaultMessage": "Website:",
-    "description": "PostMeta: website label"
-  },
   "akSutM": {
     "defaultMessage": "Projects",
     "description": "MainNav: projects link"
@@ -535,10 +527,6 @@
     "defaultMessage": "Sidebar",
     "description": "TopicPage: right sidebar aria-label"
   },
-  "fGnfqp": {
-    "defaultMessage": "Published on:",
-    "description": "PostMeta: publication date label"
-  },
   "fOe8rH": {
     "defaultMessage": "Failed to load.",
     "description": "SearchPage: failed to load text"
@@ -587,9 +575,9 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
-  "jGqV2+": {
+  "jCyqZS": {
     "defaultMessage": "Written by:",
-    "description": "Article meta"
+    "description": "Author: article author meta label"
   },
   "jN+dY5": {
     "defaultMessage": "Website",
@@ -599,9 +587,13 @@
     "defaultMessage": "Resume",
     "description": "MainNav: resume link"
   },
-  "l0+ROl": {
-    "defaultMessage": "{thematicsCount, plural, =0 {Thematics:} one {Thematic:} other {Thematics:}}",
-    "description": "PostMeta: thematics list label"
+  "k7/SkN": {
+    "defaultMessage": "Approximately {number} words",
+    "description": "ReadingTime: number of words"
+  },
+  "lKGNKx": {
+    "defaultMessage": "{total, plural, =0 {No comments} one {# comment} other {# comments}}",
+    "description": "CommentsCount: comment count value"
   },
   "lKZm9t": {
     "defaultMessage": "Email",
@@ -619,6 +611,10 @@
     "defaultMessage": "{title} preview",
     "description": "ProjectSummary: cover alt text"
   },
+  "n0Gbod": {
+    "defaultMessage": "Reading time:",
+    "description": "ReadingTime: reading time meta label"
+  },
   "nFMdWI": {
     "defaultMessage": "Dark Theme 🌙",
     "description": "Prism: toggle dark theme button text"
@@ -643,6 +639,10 @@
     "defaultMessage": "{count, plural, =0 {Technologies:} one {Technology:} other {Technologies:}}",
     "description": "ProjectPreview: technologies list label"
   },
+  "p1zZ/Z": {
+    "defaultMessage": "Total:",
+    "description": "PostCount: total found articles meta label"
+  },
   "pEtJik": {
     "defaultMessage": "Load more?",
     "description": "SearchPage: load more text"
@@ -723,10 +723,6 @@
     "defaultMessage": "Popularity:",
     "description": "ProjectSummary: popularity label"
   },
-  "vhIggb": {
-    "defaultMessage": "Total:",
-    "description": "Article meta"
-  },
   "vkF/RP": {
     "defaultMessage": "Web development",
     "description": "HomePage: link to web development thematic"
@@ -747,10 +743,18 @@
     "defaultMessage": "Free",
     "description": "HomePage: link to free thematic"
   },
+  "wdqOpf": {
+    "defaultMessage": "{time, plural, =0 {# minutes} one {# minute} other {# minutes}}",
+    "description": "ReadingTime: reading time value"
+  },
   "xC3Khf": {
     "defaultMessage": "Download <link>CV in PDF</link>",
     "description": "CVPreview: download as PDF link"
   },
+  "ySsWZl": {
+    "defaultMessage": "less than 1 minute",
+    "description": "ReadingTime: Reading time value"
+  },
   "yWjXRx": {
     "defaultMessage": "Legal notice",
     "description": "FooterNav: legal notice link"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 478a9cf..645ffa9 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -3,10 +3,6 @@
     "defaultMessage": "Autres sujets",
     "description": "TopicPage: topics list widget title"
   },
-  "+COyEW": {
-    "defaultMessage": "{topicsCount, plural, =0 {Sujets :} one {Sujet :} other {Sujets :}}",
-    "description": "PostMeta: topics list label"
-  },
   "+Dre5J": {
     "defaultMessage": "Projets open-source",
     "description": "CVPage: social media widget title"
@@ -31,6 +27,10 @@
     "defaultMessage": "Échec du chargement.",
     "description": "TopicsList: failed to load text"
   },
+  "0pp/IQ": {
+    "defaultMessage": "{topicsCount, plural, =0 {Sujet :} one {Sujet :} other {Sujets :}}",
+    "description": "Topics: topics list meta label"
+  },
   "0zBQpa": {
     "defaultMessage": "Message",
     "description": "ContactForm: message field label"
@@ -47,6 +47,10 @@
     "defaultMessage": "Publié le :",
     "description": "RecentPosts: publication date label"
   },
+  "1r4ujR": {
+    "defaultMessage": "{thematicsCount, plural, =0 {Thématique :} one {Thématique :} other {Thématiques :}}",
+    "description": "Thematics: thematics list meta label"
+  },
   "2D9tB5": {
     "defaultMessage": "Sujets",
     "description": "BlogPage: topics list widget title"
@@ -67,10 +71,22 @@
     "defaultMessage": "Page non trouvée.",
     "description": "404Page: SEO - Meta description"
   },
+  "4EMSLO": {
+    "defaultMessage": "{total, plural, =0 {Aucun article} one {# article} other {# articles}}",
+    "description": "PostCount: total found articles"
+  },
   "4zAUSu": {
     "defaultMessage": "Mentions légales - {websiteName}",
     "description": "LegalNoticePage: SEO - Page title"
   },
+  "52Fev1": {
+    "defaultMessage": "Publié le :",
+    "description": "Dates: publication date meta label"
+  },
+  "6BRtAu": {
+    "defaultMessage": "Commentaires :",
+    "description": "CommentsCount: comment count meta label"
+  },
   "6dXfvr": {
     "defaultMessage": "Table des matières",
     "description": "ProjectPage: ToC sidebar aria-label"
@@ -123,6 +139,10 @@
     "defaultMessage": "Autres formats",
     "description": "CVPage: cv preview widget title"
   },
+  "C+r/LF": {
+    "defaultMessage": "Mis à jour le :",
+    "description": "Dates: update date meta label"
+  },
   "C/XGkH": {
     "defaultMessage": "Échec du chargement.",
     "description": "BlogPage: failed to load text"
@@ -167,18 +187,6 @@
     "defaultMessage": "Tous les articles dans {name}",
     "description": "TopicPage: posts list title"
   },
-  "Fj8WFC": {
-    "defaultMessage": "{results, plural, =0 {Aucun article} one {# article} other {# articles}}",
-    "description": "PostMeta: total found articles"
-  },
-  "FtokGF": {
-    "defaultMessage": "Mis à jour le :",
-    "description": "PostMeta: update date label"
-  },
-  "GUfnQ4": {
-    "defaultMessage": "Temps de lecture :",
-    "description": "Article meta"
-  },
   "GgIWnN": {
     "defaultMessage": "<a11y>Atteindre </a11y>{title}",
     "description": "ToC: link"
@@ -223,6 +231,10 @@
     "defaultMessage": "Barre latérale",
     "description": "ArticlePage: right sidebar aria-label"
   },
+  "JsOoAW": {
+    "defaultMessage": "Site web :",
+    "description": "Website: website meta label"
+  },
   "KERk7L": {
     "defaultMessage": "Filtrer par :",
     "description": "BlogPage: sidebar title"
@@ -247,10 +259,6 @@
     "defaultMessage": "Projets",
     "description": "HomePage: link to projects"
   },
-  "N7I4lC": {
-    "defaultMessage": "moins d'une minute",
-    "description": "PostMeta: Reading time value"
-  },
   "N804XO": {
     "defaultMessage": "Sujets",
     "description": "SearchPage: topics list widget title"
@@ -287,10 +295,6 @@
     "defaultMessage": "Email",
     "description": "CommentForm: Email field label"
   },
-  "Ox/daH": {
-    "defaultMessage": "{commentCount, plural, =0 {Aucun commentaire} one {# commentaire} other {# commentaires}}",
-    "description": "PostMeta: comment count value"
-  },
   "P0I+Xm": {
     "defaultMessage": "Journal du hacker",
     "description": "Sharing: Journal du hacker"
@@ -355,10 +359,6 @@
     "defaultMessage": "Recherche",
     "description": "SearchPage: breadcrumb item"
   },
-  "U++A+B": {
-    "defaultMessage": "{readingTime, plural, =0 {# minute} one {# minute} other {# minutes}}",
-    "description": "PostMeta: reading time value"
-  },
   "U+35YD": {
     "defaultMessage": "Recherche",
     "description": "SearchPage: page title"
@@ -387,10 +387,6 @@
     "defaultMessage": "Email",
     "description": "ContactForm: email field label"
   },
-  "W2G95o": {
-    "defaultMessage": "Commentaires :",
-    "description": "PostMeta: comment count label"
-  },
   "WGFOmA": {
     "defaultMessage": "Envoyer",
     "description": "CommentForm: Send button"
@@ -459,10 +455,6 @@
     "defaultMessage": "{starsCount, plural, =0 {0 étoile sur Github} one {# étoile sur Github} other {# étoiles sur Github}}",
     "description": "ProjectSummary: technologies list label"
   },
-  "agLf5v": {
-    "defaultMessage": "Site web :",
-    "description": "PostMeta: website label"
-  },
   "akSutM": {
     "defaultMessage": "Projets",
     "description": "MainNav: projects link"
@@ -535,10 +527,6 @@
     "defaultMessage": "Barre latérale",
     "description": "TopicPage: right sidebar aria-label"
   },
-  "fGnfqp": {
-    "defaultMessage": "Publié le :",
-    "description": "PostMeta: publication date label"
-  },
   "fOe8rH": {
     "defaultMessage": "Échec du chargement.",
     "description": "SearchPage: failed to load text"
@@ -587,9 +575,9 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
-  "jGqV2+": {
+  "jCyqZS": {
     "defaultMessage": "Écrit par :",
-    "description": "Article meta"
+    "description": "Author: article author meta label"
   },
   "jN+dY5": {
     "defaultMessage": "Site web",
@@ -599,9 +587,13 @@
     "defaultMessage": "CV",
     "description": "MainNav: resume link"
   },
-  "l0+ROl": {
-    "defaultMessage": "{thematicsCount, plural, =0 {Thématiques :} one {Thématique :} other {Thématiques :}}",
-    "description": "PostMeta: thematics list label"
+  "k7/SkN": {
+    "defaultMessage": "Environ {number} mots",
+    "description": "ReadingTime: number of words"
+  },
+  "lKGNKx": {
+    "defaultMessage": "{total, plural, =0 {Aucun commentaire} one {# commentaire} other {# commentaires}}",
+    "description": "CommentsCount: comment count value"
   },
   "lKZm9t": {
     "defaultMessage": "Email",
@@ -619,6 +611,10 @@
     "defaultMessage": "Aperçu de {title}",
     "description": "ProjectSummary: cover alt text"
   },
+  "n0Gbod": {
+    "defaultMessage": "Temps de lecture :",
+    "description": "ReadingTime: reading time meta label"
+  },
   "nFMdWI": {
     "defaultMessage": "Thème sombre 🌙",
     "description": "Prism: toggle dark theme button text"
@@ -643,6 +639,10 @@
     "defaultMessage": "{count, plural, =0 {Technologies :} one {Technologie :} other {Technologies :}}",
     "description": "ProjectPreview: technologies list label"
   },
+  "p1zZ/Z": {
+    "defaultMessage": "Total :",
+    "description": "PostCount: total found articles meta label"
+  },
   "pEtJik": {
     "defaultMessage": "En charger plus ?",
     "description": "SearchPage: load more text"
@@ -723,10 +723,6 @@
     "defaultMessage": "Popularité :",
     "description": "ProjectSummary: popularity label"
   },
-  "vhIggb": {
-    "defaultMessage": "Total :",
-    "description": "Article meta"
-  },
   "vkF/RP": {
     "defaultMessage": "Développement web",
     "description": "HomePage: link to web development thematic"
@@ -747,10 +743,18 @@
     "defaultMessage": "Libre",
     "description": "HomePage: link to free thematic"
   },
+  "wdqOpf": {
+    "defaultMessage": "{time, plural, =0 {# minute} one {# minute} other {# minutes}}",
+    "description": "ReadingTime: reading time value"
+  },
   "xC3Khf": {
     "defaultMessage": "Télécharger le <link>CV au format PDF</link>",
     "description": "CVPreview: download as PDF link"
   },
+  "ySsWZl": {
+    "defaultMessage": "moins d'une minute",
+    "description": "ReadingTime: Reading time value"
+  },
   "yWjXRx": {
     "defaultMessage": "Mentions légales",
     "description": "FooterNav: legal notice link"