chore(release): 2.2.1 [skip ci]

components/Head.tsx

@@ -3,7 +3,7 @@ import NextHead from 'next/head'
 interface HeadProps {
   title?: string
   image?: string
-  description: string
+  description?: string
   url?: string
 }
 
@@ -11,7 +11,7 @@ export const Head: React.FC<HeadProps> = (props) => {
   const {
     title = 'Divlo',
     image = 'https://divlo.fr/images/icons/icon-96x96.png',
-    description,
+    description = 'Divlo - Developer Full Stack Junior • Passionate about High-Tech',
     url = 'https://divlo.fr/'
   } = props
 

components/Profile/ProfileList/index.tsx

@@ -1,14 +1,24 @@
 import useTranslation from 'next-translate/useTranslation'
+import { useMemo } from 'react'
+
+import { DIVLO_BIRTHDAY, DIVLO_BIRTHDAY_DATE, getAge } from 'utils/getAge'
 
 import { ProfileItem } from './ProfileItem'
 
 export const ProfileList: React.FC = () => {
   const { t } = useTranslation('home')
 
+  const age = useMemo(() => {
+    return getAge(DIVLO_BIRTHDAY)
+  }, [])
+
   return (
     <ul className='m-0 list-none p-0'>
       <ProfileItem title={t('home:about.full-name')} value='Théo LUDWIG' />
-      <ProfileItem title={t('home:about.birth-date')} value='31/03/2003' />
+      <ProfileItem
+        title={t('home:about.birth-date')}
+        value={`${DIVLO_BIRTHDAY_DATE} (${age} ${t('home:about.years-old')})`}
+      />
       <ProfileItem title={t('home:about.nationality')} value='Alsace, France' />
       <ProfileItem
         title='Email'

jsonresume-theme-custom/package.json

@@ -10,10 +10,10 @@
     "modern-normalize": "1.1.0"
   },
   "devDependencies": {
-    "@parcel/config-default": "2.3.2",
-    "@parcel/core": "2.3.2",
-    "@parcel/optimizer-data-url": "^2.3.2",
-    "@parcel/transformer-inline-string": "^2.3.2",
-    "parcel": "2.3.2"
+    "@parcel/config-default": "2.4.0",
+    "@parcel/core": "2.4.0",
+    "@parcel/optimizer-data-url": "2.4.0",
+    "@parcel/transformer-inline-string": "2.4.0",
+    "parcel": "2.4.0"
   }
 }

locales/en/home.json

@@ -4,6 +4,7 @@
     "description": "Developer Full Stack Junior • Passionate about High-Tech",
     "full-name": "Full name",
     "birth-date": "Birth date",
+    "years-old": "years old",
     "nationality": "Nationality",
     "description-bottom": "I am self-taught in Computer Science by following online trainings and I am also a student at the university following the French training \"BUT Informatique\" (first year)."
   },

locales/fr/home.json

@@ -4,6 +4,7 @@
     "description": "Développeur Full Stack Junior • Passionné de High-Tech",
     "full-name": "Prénom NOM",
     "birth-date": "Date de naissance",
+    "years-old": "ans",
     "nationality": "Nationalité",
     "description-bottom": "Je me forme en autodidacte dans l'informatique en suivant des formations en ligne et je suis aussi un étudiant à l'université suivant la formation \"BUT Informatique\" (première année)."
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "divlo",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "private": true,
   "repository": {
     "type": "git",
@@ -32,15 +32,15 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "4.5.5",
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
-    "@fortawesome/free-brands-svg-icons": "6.0.0",
-    "@fortawesome/free-solid-svg-icons": "6.0.0",
-    "@fortawesome/react-fontawesome": "0.1.17",
+    "@fontsource/montserrat": "4.5.7",
+    "@fortawesome/fontawesome-svg-core": "6.1.1",
+    "@fortawesome/free-brands-svg-icons": "6.1.1",
+    "@fortawesome/free-solid-svg-icons": "6.1.1",
+    "@fortawesome/react-fontawesome": "0.1.18",
     "classnames": "2.3.1",
     "date-and-time": "2.3.0",
     "gray-matter": "4.0.3",
-    "html-react-parser": "1.4.8",
+    "html-react-parser": "1.4.9",
     "next": "12.1.0",
     "next-mdx-remote": "4.0.0",
     "next-pwa": "5.4.6",
@@ -52,14 +52,14 @@
     "rehype-raw": "6.1.1",
     "rehype-slug": "5.0.1",
     "remark-gfm": "3.0.1",
-    "sharp": "0.30.2",
+    "sharp": "0.30.3",
     "shiki": "0.10.1",
     "unified": "10.1.2",
     "unist-util-visit": "4.1.0",
     "universal-cookie": "4.0.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "16.2.1",
+    "@commitlint/cli": "16.2.3",
     "@commitlint/config-conventional": "16.2.1",
     "@lhci/cli": "0.9.0",
     "@saithodev/semantic-release-backmerge": "2.1.2",
@@ -68,35 +68,35 @@
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.4",
     "@types/jest": "27.4.1",
-    "@types/node": "17.0.21",
-    "@types/react": "17.0.40",
+    "@types/node": "17.0.23",
+    "@types/react": "17.0.42",
     "@types/unist": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "5.14.0",
-    "autoprefixer": "10.4.2",
-    "cypress": "9.5.1",
+    "@typescript-eslint/eslint-plugin": "5.16.0",
+    "autoprefixer": "10.4.4",
+    "cypress": "9.5.2",
     "editorconfig-checker": "4.0.2",
     "eslint": "8.11.0",
-    "eslint-config-conventions": "1.1.0",
+    "eslint-config-conventions": "1.1.2",
     "eslint-config-next": "12.1.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-import": "2.25.4",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-unicorn": "41.0.0",
+    "eslint-plugin-unicorn": "41.0.1",
     "html-w3c-validator": "1.1.0",
     "husky": "7.0.4",
     "jest": "27.5.1",
     "jsonresume-theme-custom": "file:./jsonresume-theme-custom",
-    "lint-staged": "12.3.5",
+    "lint-staged": "12.3.7",
     "markdownlint-cli": "0.31.1",
     "next-secure-headers": "2.2.0",
-    "postcss": "8.4.8",
-    "prettier": "2.5.1",
+    "postcss": "8.4.12",
+    "prettier": "2.6.0",
     "prettier-plugin-tailwindcss": "0.1.8",
     "semantic-release": "19.0.2",
     "start-server-and-test": "1.14.0",
     "tailwindcss": "3.0.23",
     "typescript": "4.6.2",
-    "vercel": "24.0.0"
+    "vercel": "24.0.1"
   }
 }

pages/404.tsx

@@ -5,19 +5,16 @@ import { ErrorPage } from 'components/ErrorPage'
 import { Head } from 'components/Head'
 import { Header } from 'components/Header'
 import { Footer, FooterProps } from 'components/Footer'
-import { getDefaultDescription } from 'utils/getDefaultDescription'
 
-interface Error404Props extends FooterProps {
-  description: string
-}
+interface Error404Props extends FooterProps {}
 
 const Error404: NextPage<Error404Props> = (props) => {
   const { t } = useTranslation()
-  const { version, description } = props
+  const { version } = props
 
   return (
     <>
-      <Head title='404 | Divlo' description={description} />
+      <Head title='404 | Divlo' />
 
       <Header showLanguage />
       <main className='flex flex-col md:mx-auto md:max-w-4xl lg:max-w-7xl'>
@@ -28,11 +25,10 @@ const Error404: NextPage<Error404Props> = (props) => {
   )
 }
 
-export const getStaticProps: GetStaticProps<FooterProps> = async () => {
+export const getStaticProps: GetStaticProps<Error404Props> = async () => {
   const { readPackage } = await import('read-pkg')
   const { version } = await readPackage()
-  const description = getDefaultDescription()
-  return { props: { version, description } }
+  return { props: { version } }
 }
 
 export default Error404

pages/500.tsx

@@ -5,19 +5,16 @@ import { ErrorPage } from 'components/ErrorPage'
 import { Head } from 'components/Head'
 import { Header } from 'components/Header'
 import { Footer, FooterProps } from 'components/Footer'
-import { getDefaultDescription } from 'utils/getDefaultDescription'
 
-interface Error500Props extends FooterProps {
-  description: string
-}
+interface Error500Props extends FooterProps {}
 
 const Error500: NextPage<Error500Props> = (props) => {
   const { t } = useTranslation()
-  const { version, description } = props
+  const { version } = props
 
   return (
     <>
-      <Head title='500 | Divlo' description={description} />
+      <Head title='500 | Divlo' />
 
       <Header showLanguage />
       <main className='flex flex-col md:mx-auto md:max-w-4xl lg:max-w-7xl'>
@@ -28,11 +25,10 @@ const Error500: NextPage<Error500Props> = (props) => {
   )
 }
 
-export const getStaticProps: GetStaticProps<FooterProps> = async () => {
+export const getStaticProps: GetStaticProps<Error500Props> = async () => {
   const { readPackage } = await import('read-pkg')
   const { version } = await readPackage()
-  const description = getDefaultDescription()
-  return { props: { version, description } }
+  return { props: { version } }
 }
 
 export default Error500

pages/index.tsx

@@ -12,19 +12,16 @@ import { Skills } from 'components/Skills'
 import { OpenSource } from 'components/OpenSource'
 import { Header } from 'components/Header'
 import { Footer, FooterProps } from 'components/Footer'
-import { getDefaultDescription } from 'utils/getDefaultDescription'
 
-interface HomeProps extends FooterProps {
-  description: string
-}
+interface HomeProps extends FooterProps {}
 
 const Home: NextPage<HomeProps> = (props) => {
   const { t } = useTranslation()
-  const { version, description } = props
+  const { version } = props
 
   return (
     <>
-      <Head description={description} />
+      <Head />
 
       <Header showLanguage />
       <main className='flex flex-col md:mx-auto md:max-w-4xl lg:max-w-7xl'>
@@ -74,11 +71,10 @@ const Home: NextPage<HomeProps> = (props) => {
   )
 }
 
-export const getStaticProps: GetStaticProps<FooterProps> = async () => {
+export const getStaticProps: GetStaticProps<HomeProps> = async () => {
   const { readPackage } = await import('read-pkg')
   const { version } = await readPackage()
-  const description = getDefaultDescription()
-  return { props: { version, description } }
+  return { props: { version } }
 }
 
 export default Home

utils/getAge.ts

@@ -1,4 +1,11 @@
-export const DIVLO_BIRTHDAY = new Date('2003-03-31')
+export const DIVLO_BIRTHDAY_DAY = '31' as const
+export const DIVLO_BIRTHDAY_MONTH = '03' as const
+export const DIVLO_BIRTHDAY_YEAR = '2003' as const
+export const DIVLO_BIRTHDAY_DATE =
+  `${DIVLO_BIRTHDAY_DAY}/${DIVLO_BIRTHDAY_MONTH}/${DIVLO_BIRTHDAY_YEAR}` as const
+export const DIVLO_BIRTHDAY_DATE_ISO_8061 =
+  `${DIVLO_BIRTHDAY_YEAR}-${DIVLO_BIRTHDAY_MONTH}-${DIVLO_BIRTHDAY_DAY}` as const
+export const DIVLO_BIRTHDAY = new Date(DIVLO_BIRTHDAY_DATE_ISO_8061)
 
 /**
  * Calculates the age of a person based on their birth date

utils/getDefaultDescription.ts

@@ -1,6 +0,0 @@
-import { DIVLO_BIRTHDAY, getAge } from './getAge'
-
-export const getDefaultDescription = (): string => {
-  const age = getAge(DIVLO_BIRTHDAY)
-  return `I'm Divlo, I'm ${age} years old, I'm from France - Developer Full Stack Junior • Passionate about High-Tech`
-}