.github/workflows/chromatic.yml

@@ -11,14 +11,14 @@ jobs:
     timeout-minutes: 30
     runs-on: "ubuntu-latest"
     steps:
-      - uses: "actions/checkout@v4.2.2"
+      - uses: "actions/checkout@v4.2.1"
         with:
           fetch-depth: 0
 
       - uses: "pnpm/action-setup@v4.0.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.1.0"
+        uses: "actions/setup-node@v4.0.4"
         with:
           node-version: "22.x"
           cache: "pnpm"

.github/workflows/ci.yml

@@ -11,12 +11,12 @@ jobs:
     timeout-minutes: 30
     runs-on: "ubuntu-latest"
     steps:
-      - uses: "actions/checkout@v4.2.2"
+      - uses: "actions/checkout@v4.2.1"
 
       - uses: "pnpm/action-setup@v4.0.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.1.0"
+        uses: "actions/setup-node@v4.0.4"
         with:
           node-version: "22.x"
           cache: "pnpm"
@@ -38,6 +38,6 @@ jobs:
   commitlint:
     runs-on: "ubuntu-latest"
     steps:
-      - uses: "actions/checkout@v4.2.2"
+      - uses: "actions/checkout@v4.2.1"
 
       - uses: "wagoid/commitlint-github-action@v6.1.2"

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
       pull-requests: "write"
       id-token: "write"
     steps:
-      - uses: "actions/checkout@v4.2.2"
+      - uses: "actions/checkout@v4.2.1"
         with:
           fetch-depth: 0
           persist-credentials: false
@@ -29,7 +29,7 @@ jobs:
       - uses: "pnpm/action-setup@v4.0.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.1.0"
+        uses: "actions/setup-node@v4.0.4"
         with:
           node-version: "22.x"
           cache: "pnpm"

.vscode/settings.json

@@ -7,8 +7,12 @@
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit",
-    "source.organizeImports": "never"
+    "source.organizeImports": "explicit"
   },
+  "eslint.options": {
+    "ignorePath": ".gitignore"
+  },
+  "prettier.ignorePath": ".gitignore",
   "tailwindCSS.experimental.classRegex": [
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
     ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]

CONTRIBUTING.md

@@ -32,7 +32,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 ### Prerequisites
 
 - [Node.js](https://nodejs.org/) >= 22.0.0
-- [pnpm](https://pnpm.io/) >= 9.12.3 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
+- [pnpm](https://pnpm.io/) >= 9.12.1 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
 - [Docker](https://www.docker.com/)
 
 ### Installation

apps/storybook/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config"]
+}

apps/storybook/.storybook/main.ts

@@ -13,10 +13,11 @@ const config: StorybookConfig = {
     "../stories/*.mdx",
   ],
   addons: [
-    "@chromatic-com/storybook",
     "@storybook/addon-essentials",
     "@storybook/addon-storysource",
     "@storybook/addon-a11y",
+    "@storybook/addon-links",
+    "@chromatic-com/storybook",
     "@storybook/addon-interactions",
     "storybook-dark-mode",
   ],

apps/storybook/.storybook/preview.tsx

@@ -1,6 +1,7 @@
 import "@repo/config-tailwind/styles.css"
-import i18nMessages from "@repo/i18n/translations/en-US.json"
+import { defaultTranslationValues } from "@repo/i18n/config"
-import { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
+import i18nMessagesEnglish from "@repo/i18n/translations/en-US.json"
+import { LOCALE_DEFAULT } from "@repo/utils/constants"
 import type { Preview } from "@storybook/react"
 import { NextIntlClientProvider } from "next-intl"
 import { ThemeProvider as NextThemeProvider } from "next-themes"
@@ -27,7 +28,7 @@ const preview: Preview = {
       disableSaveFromUI: true,
       matchers: {
         color: /(background|color)$/i,
-        date: /date$/i,
+        date: /Date$/i,
       },
     },
   },
@@ -36,9 +37,10 @@ const preview: Preview = {
       return (
         <NextThemeProvider enableColorScheme={false}>
           <NextIntlClientProvider
-            messages={i18nMessages}
+            messages={i18nMessagesEnglish}
             locale={LOCALE_DEFAULT}
-            timeZone={TIMEZONE}
+            defaultTranslationValues={defaultTranslationValues}
+            timeZone={process.env["TZ"] ?? "UTC"}
           >
             <Story />
           </NextIntlClientProvider>

apps/storybook/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import config from "@repo/eslint-config"
-
-export default typescriptESLint.config(...config, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

apps/storybook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/storybook",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -26,13 +26,13 @@
   },
   "devDependencies": {
     "@repo/eslint-config": "workspace:*",
-    "@repo/config-typescript": "workspace:*",
     "@chromatic-com/storybook": "catalog:",
     "@playwright/test": "catalog:",
-    "@storybook/addon-essentials": "catalog:",
-    "@storybook/addon-storysource": "catalog:",
     "@storybook/addon-a11y": "catalog:",
+    "@storybook/addon-essentials": "catalog:",
     "@storybook/addon-interactions": "catalog:",
+    "@storybook/addon-links": "catalog:",
+    "@storybook/addon-storysource": "catalog:",
     "@storybook/addon-themes": "catalog:",
     "@storybook/blocks": "catalog:",
     "@storybook/nextjs": "catalog:",
@@ -51,7 +51,6 @@
     "storybook-dark-mode": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }
 }

apps/storybook/stories/Colors.mdx

@@ -6,7 +6,7 @@ import tailwindConfig from "@repo/config-tailwind"
 <Title>Colors</Title>
 
 <ColorPalette>
-  {Object.entries(tailwindConfig.theme.extend.colors).map(
+  {Object.entries(tailwindConfig.theme.colors).map(
     ([colorName, colorValue]) => {
       const colors = {}
 

apps/storybook/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "@repo/config-typescript/tsconfig.json",
-  "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ESNext"]
-  },
-  "include": ["./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
-}

apps/website/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

apps/website/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:22.11.0-slim AS node-pnpm
+FROM node:22.4.1-slim AS node-pnpm
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
 RUN corepack enable
@@ -8,7 +8,7 @@ WORKDIR /usr/src/app
 
 FROM node-pnpm AS builder
 COPY ./ ./
-RUN pnpm install --global turbo@2.2.3
+RUN pnpm install --global turbo@2.1.3
 RUN turbo prune @repo/website --docker
 
 FROM node-pnpm AS installer

apps/website/app/[locale]/(main)/blog/[slug]/page.tsx

@@ -4,20 +4,19 @@ import { notFound } from "next/navigation"
 import { getBlogPostBySlug, getBlogPosts } from "@repo/blog"
 import { BlogPostUI } from "@repo/blog/BlogPostUI"
 import type { Locale } from "@repo/utils/constants"
-import { setRequestLocale } from "next-intl/server"
+import { unstable_setRequestLocale } from "next-intl/server"
 
 interface BlogPostPageProps {
-  params: Promise<{
+  params: {
     slug: string
     locale: Locale
-  }>
+  }
 }
 
 export const generateMetadata = async (
   props: BlogPostPageProps,
 ): Promise<Metadata> => {
-  const { slug } = await props.params
+  const blogPost = await getBlogPostBySlug(props.params.slug)
-  const blogPost = await getBlogPostBySlug(slug)
   if (blogPost == null) {
     return notFound()
   }
@@ -51,11 +50,10 @@ export const generateStaticParams = async (): Promise<
 const BlogPostPage: React.FC<BlogPostPageProps> = async (props) => {
   const { params } = props
 
-  const { locale, slug } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
-  const blogPost = await getBlogPostBySlug(slug)
+  const blogPost = await getBlogPostBySlug(params.slug)
   if (blogPost == null) {
     return notFound()
   }

apps/website/app/[locale]/(main)/blog/page.tsx

@@ -1,6 +1,6 @@
 import { getBlogPosts } from "@repo/blog"
 import { BlogPosts } from "@repo/blog/BlogPosts"
-import type { LocaleProps } from "@repo/i18n/routing"
+import type { LocaleProps } from "@repo/i18n/config"
 import { MainLayout } from "@repo/ui/Layout/MainLayout"
 import {
   Section,
@@ -9,7 +9,7 @@ import {
 } from "@repo/ui/Layout/Section"
 import { LOCALE_DEFAULT } from "@repo/utils/constants"
 import type { Metadata } from "next"
-import { setRequestLocale } from "next-intl/server"
+import { unstable_setRequestLocale } from "next-intl/server"
 
 const title = "Blog | Théo LUDWIG"
 const description =
@@ -36,9 +36,8 @@ interface BlogPageProps extends LocaleProps {}
 const BlogPage: React.FC<BlogPageProps> = async (props) => {
   const { params } = props
 
-  const { locale } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
   const posts = await getBlogPosts()
 

apps/website/app/[locale]/(main)/layout.tsx

@@ -1,19 +1,18 @@
 import "@repo/config-tailwind/styles.css"
-import type { LocaleProps } from "@repo/i18n/routing"
+import type { LocaleProps } from "@repo/i18n/config"
 import { Footer } from "@repo/ui/Layout/Footer"
 import { Header } from "@repo/ui/Layout/Header"
 import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
 import { VERSION } from "@repo/utils/constants"
-import { setRequestLocale } from "next-intl/server"
+import { unstable_setRequestLocale } from "next-intl/server"
 
 interface MainLayoutProps extends React.PropsWithChildren, LocaleProps {}
 
 const MainLayout: React.FC<MainLayoutProps> = async (props) => {
   const { children, params } = props
 
-  const { locale } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
   return (
     <ThemeProvider>

apps/website/app/[locale]/(main)/page.tsx

@@ -1,4 +1,4 @@
-import type { LocaleProps } from "@repo/i18n/routing"
+import type { LocaleProps } from "@repo/i18n/config"
 import { About } from "@repo/ui/Home/About"
 import { Interests } from "@repo/ui/Home/Interests"
 import { OpenSource } from "@repo/ui/Home/OpenSource"
@@ -6,16 +6,15 @@ import { Portfolio } from "@repo/ui/Home/Portfolio"
 import { Skills } from "@repo/ui/Home/Skills"
 import { MainLayout } from "@repo/ui/Layout/MainLayout"
 import { RevealFade } from "@repo/ui/Layout/Section"
-import { setRequestLocale } from "next-intl/server"
+import { unstable_setRequestLocale } from "next-intl/server"
 
 interface HomePageProps extends LocaleProps {}
 
-const HomePage: React.FC<HomePageProps> = async (props) => {
+const HomePage: React.FC<HomePageProps> = (props) => {
   const { params } = props
 
-  const { locale } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
   return (
     <MainLayout>

apps/website/app/[locale]/curriculum-vitae/layout.tsx

@@ -1,7 +1,7 @@
 import "@repo/config-tailwind/styles.css"
-import type { LocaleProps } from "@repo/i18n/routing"
+import type { LocaleProps } from "@repo/i18n/config"
 import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
-import { setRequestLocale } from "next-intl/server"
+import { unstable_setRequestLocale } from "next-intl/server"
 
 interface CurriculumVitaeLayoutProps
   extends React.PropsWithChildren,
@@ -12,9 +12,8 @@ const CurriculumVitaeLayout: React.FC<CurriculumVitaeLayoutProps> = async (
 ) => {
   const { children, params } = props
 
-  const { locale } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
   return <ThemeProvider forcedTheme="light">{children}</ThemeProvider>
 }

apps/website/app/[locale]/curriculum-vitae/page.tsx

@@ -1,15 +1,14 @@
-import type { LocaleProps } from "@repo/i18n/routing"
+import type { LocaleProps } from "@repo/i18n/config"
 import { CurriculumVitae } from "@repo/ui/CurriculumVitae"
-import { setRequestLocale } from "next-intl/server"
+import { unstable_setRequestLocale } from "next-intl/server"
 
 interface CurriculumVitaeProps extends LocaleProps {}
 
-const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = async (props) => {
+const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = (props) => {
   const { params } = props
 
-  const { locale } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
   return <CurriculumVitae />
 }

apps/website/app/[locale]/layout.tsx

@@ -1,5 +1,5 @@
 import "@repo/config-tailwind/styles.css"
-import type { LocaleProps } from "@repo/i18n/routing"
+import type { LocaleProps } from "@repo/i18n/config"
 import type { Locale } from "@repo/utils/constants"
 import { LOCALES } from "@repo/utils/constants"
 import type { Metadata } from "next"
@@ -7,19 +7,18 @@ import { NextIntlClientProvider } from "next-intl"
 import {
   getMessages,
   getTranslations,
-  setRequestLocale,
+  unstable_setRequestLocale,
 } from "next-intl/server"
 
 export const generateMetadata = async ({
   params,
 }: LocaleProps): Promise<Metadata> => {
-  const { locale } = await params
+  const t = await getTranslations({ locale: params.locale })
-  const t = await getTranslations({ locale })
   const title = t("meta.title")
   const description = `${title} - ${t("meta.description")}`
   const image = "/images/logo.webp"
   const url = new URL("https://theoludwig.fr")
-  const locales = LOCALES.join(", ")
+  const locale = LOCALES.join(", ")
 
   return {
     title,
@@ -37,7 +36,7 @@ export const generateMetadata = async ({
           height: 96,
         },
       ],
-      locale: locales,
+      locale,
       type: "website",
     },
     twitter: {
@@ -62,14 +61,13 @@ interface LocaleLayoutProps extends React.PropsWithChildren, LocaleProps {}
 const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
   const { children, params } = props
 
-  const { locale } = await params
   // Enable static rendering
-  setRequestLocale(locale)
+  unstable_setRequestLocale(params.locale)
 
   const messages = await getMessages()
 
   return (
-    <html lang={locale} suppressHydrationWarning>
+    <html lang={params.locale} suppressHydrationWarning>
       <body>
         <NextIntlClientProvider messages={messages}>
           {children}

apps/website/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import configNextjs from "@repo/eslint-config/nextjs"
-
-export default typescriptESLint.config(...configNextjs, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

apps/website/i18n.ts

@@ -0,0 +1,3 @@
+import i18nConfig from "@repo/i18n/i18n"
+
+export default i18nConfig

apps/website/i18n/request.ts

@@ -1,3 +0,0 @@
-import i18nRequestConfig from "@repo/i18n/request"
-
-export default i18nRequestConfig

apps/website/middleware.ts

@@ -1,26 +1,25 @@
-import { routing } from "@repo/i18n/routing"
+import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/utils/constants"
-import createIntlMiddleware from "next-intl/middleware"
+import createMiddleware from "next-intl/middleware"
 
-const intlMiddleware = createIntlMiddleware(routing)
+export default createMiddleware({
-
+  locales: LOCALES,
-export default intlMiddleware
+  defaultLocale: LOCALE_DEFAULT,
+  localePrefix: LOCALE_PREFIX,
+})
 
 export const config = {
   matcher: [
     // Enable a redirect to a matching locale at the root
     "/",
 
+    // Set a cookie to remember the previous locale for
+    // all requests that have a locale prefix
     // Next.js issue, middleware matcher should support template literals:
     // https://github.com/vercel/next.js/issues/56398
     "/(en-US|fr-FR)/:path*",
 
-    /*
+    // Enable redirects that add missing locales
-     * Match all request paths except for the ones starting with:
+    // (e.g. `/pathnames` -> `/en/pathnames`)
-     * - api (API routes)
+    "/((?!_next|_vercel|.*\\..*).*)",
-     * - _next/static (static files)
-     * - _next/image (image optimization files)
-     * - favicon.ico (favicon file)
-     */
-    "/((?!api|_next/static|_next/image|images|favicon.ico).*)",
   ],
 }

apps/website/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@repo/website",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "imports": {
     "#*": "./*"
   },
   "scripts": {
-    "dev": "next dev --port 3000 --turbopack",
+    "dev": "next dev --port 3000 --turbo",
     "build": "next build",
     "start": "next start --port 3000",
-    "lint:eslint": "eslint . --max-warnings 0",
+    "lint:eslint": "eslint . --max-warnings 0 --report-unused-disable-directives",
     "lint:typescript": "tsc --noEmit"
   },
   "dependencies": {
@@ -34,7 +34,6 @@
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }
 }

package.json

@@ -1,12 +1,12 @@
 {
   "name": "repo",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@9.12.3+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee",
+  "packageManager": "pnpm@9.12.1+sha512.e5a7e52a4183a02d5931057f7a0dbff9d5e9ce3161e33fa68ae392125b79282a8a8a470a51dfc8a0ed86221442eb2fb57019b0990ed24fab519bf0e1bc5ccfc4",
   "engines": {
     "node": ">=22.0.0",
-    "pnpm": ">=9.12.3"
+    "pnpm": ">=9.12.1"
   },
   "scripts": {
     "build": "turbo run build",

packages/blog/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

packages/blog/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import configNextjs from "@repo/eslint-config/nextjs"
-
-export default typescriptESLint.config(...configNextjs, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

packages/blog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/blog",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "exports": {
@@ -9,7 +9,7 @@
     "./BlogPostUI": "./src/BlogPostUI.tsx"
   },
   "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0",
+    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
     "lint:typescript": "tsc --noEmit"
   },
   "dependencies": {
@@ -49,7 +49,6 @@
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }
 }

packages/blog/src/BlogPostContent.tsx

@@ -9,7 +9,7 @@ import rehypeSlug from "rehype-slug"
 import remarkGfm from "remark-gfm"
 import remarkMath from "remark-math"
 
-import { Link } from "@repo/i18n/routing"
+import { Link } from "@repo/i18n/navigation"
 import "katex/dist/katex.min.css"
 import { BlogPostComments } from "./BlogPostComments.tsx"
 

packages/blog/src/BlogPosts.tsx

@@ -1,4 +1,4 @@
-import { Link } from "@repo/i18n/routing"
+import { Link } from "@repo/i18n/navigation"
 import { Typography } from "@repo/ui/Design/Typography"
 import { Section, SectionContent } from "@repo/ui/Layout/Section"
 import { getISODate } from "@repo/utils/dates"

packages/config-eslint/.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "extends": ["conventions"],
+  "plugins": ["import-x"],
+  "rules": {
+    "import-x/no-absolute-path": "error",
+    "import-x/no-webpack-loader-syntax": "error",
+    "import-x/no-self-import": "error",
+    "import-x/no-useless-path-segments": "error",
+    "import-x/export": "error",
+    "import-x/no-duplicates": "error",
+    "import-x/no-named-default": "error",
+    "import-x/no-empty-named-blocks": "error",
+    "import-x/no-anonymous-default-export": "error",
+    "import-x/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "ts": "always",
+        "tsx": "always",
+        "js": "never",
+        "jsx": "never"
+      }
+    ],
+    "import-x/consistent-type-specifier-style": ["error", "prefer-top-level"]
+  }
+}

packages/config-eslint/eslint.config.js

@@ -1,40 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import configConventions from "eslint-config-conventions"
-import importX from "eslint-plugin-import-x"
-import unicorn from "eslint-plugin-unicorn"
-
-export default typescriptESLint.config(
-  {
-    ignores: [
-      ".next",
-      "**/next.config.js",
-      "**/eslint.config.js",
-      "**/tailwind.config.js",
-      "**/postcss.config.js",
-      "**/vitest.config.ts",
-      "**/kysely.config.ts",
-    ],
-  },
-  ...configConventions,
-  {
-    name: "config-eslint",
-    plugins: {
-      "import-x": importX,
-      unicorn,
-    },
-    rules: {
-      "import-x/extensions": [
-        "error",
-        "ignorePackages",
-        {
-          ts: "always",
-          tsx: "always",
-          js: "never",
-          jsx: "never",
-        },
-      ],
-      "unicorn/explicit-length-check": "error",
-      "unicorn/consistent-destructuring": "off",
-    },
-  },
-)

packages/config-eslint/index.d.ts

@@ -1,7 +0,0 @@
-import type typescriptESLint from "typescript-eslint"
-
-declare const eslintConfigConventions: ReturnType<
-  typeof typescriptESLint.config
->
-
-export default eslintConfigConventions

packages/config-eslint/nextjs/.eslintrc.json

@@ -0,0 +1,57 @@
+{
+  "extends": [
+    "../.eslintrc.json",
+    "next/core-web-vitals",
+    "plugin:tailwindcss/recommended",
+    "plugin:storybook/recommended"
+  ],
+  "ignorePatterns": [
+    "next.config.js",
+    "tailwind.config.js",
+    "postcss.config.js",
+    "vitest.config.ts"
+  ],
+  "settings": {
+    "tailwindcss": {
+      "callees": ["classNames", "cva"]
+    },
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "tailwindcss/classnames-order": "off",
+    "tailwindcss/no-custom-classname": "off",
+    "@next/next/no-html-link-for-pages": "off",
+    "react/self-closing-comp": [
+      "error",
+      {
+        "component": true,
+        "html": true
+      }
+    ],
+    "react/void-dom-elements-no-children": "error",
+    "react/jsx-boolean-value": "error",
+    "no-restricted-imports": [
+      "error",
+      {
+        "paths": [
+          {
+            "name": "next/link",
+            "message": "Please import from `@repo/i18n/navigation` instead."
+          },
+          {
+            "name": "next/navigation",
+            "importNames": [
+              "redirect",
+              "permanentRedirect",
+              "useRouter",
+              "usePathname"
+            ],
+            "message": "Please import from `@repo/i18n/navigation` instead."
+          }
+        ]
+      }
+    ]
+  }
+}

packages/config-eslint/nextjs/eslint.config.js

@@ -1,61 +0,0 @@
-import { FlatCompat } from "@eslint/eslintrc"
-import storybook from "eslint-plugin-storybook"
-import tailwind from "eslint-plugin-tailwindcss"
-import typescriptESLint from "typescript-eslint"
-import config from "../eslint.config.js"
-
-const flatCompat = new FlatCompat()
-
-export default typescriptESLint.config(
-  ...config,
-  ...flatCompat.extends("next/core-web-vitals"),
-  ...tailwind.configs["flat/recommended"],
-  ...storybook.configs["flat/recommended"],
-  {
-    name: "config-eslint/nextjs",
-    settings: {
-      tailwindcss: {
-        callees: ["classNames", "cva"],
-      },
-      react: {
-        version: "detect",
-      },
-    },
-    rules: {
-      "tailwindcss/classnames-order": "off",
-      "tailwindcss/no-custom-classname": "off",
-      "@next/next/no-html-link-for-pages": "off",
-      "@next/next/no-img-element": "off",
-      "react/self-closing-comp": [
-        "error",
-        {
-          component: true,
-          html: true,
-        },
-      ],
-      "react/void-dom-elements-no-children": "error",
-      "react/jsx-boolean-value": "error",
-      "no-restricted-imports": [
-        "error",
-        {
-          paths: [
-            {
-              name: "next/link",
-              message: "Please import from `@repo/i18n/routing` instead.",
-            },
-            {
-              name: "next/navigation",
-              importNames: [
-                "redirect",
-                "permanentRedirect",
-                "useRouter",
-                "usePathname",
-              ],
-              message: "Please import from `@repo/i18n/routing` instead.",
-            },
-          ],
-        },
-      ],
-    },
-  },
-)

packages/config-eslint/package.json

@@ -1,25 +1,15 @@
 {
   "name": "@repo/eslint-config",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
-  "type": "module",
+  "main": ".eslintrc.json",
-  "exports": {
+  "files": [
-    ".": {
+    ".eslintrc.json",
-      "types": "./index.d.ts",
+    "nextjs/.eslintrc.json"
-      "import": "./eslint.config.js",
+  ],
-      "require": "./eslint.config.js",
-      "default": "./eslint.config.js"
-    },
-    "./nextjs": {
-      "types": "./index.d.ts",
-      "import": "./nextjs/eslint.config.js",
-      "require": "./nextjs/eslint.config.js",
-      "default": "./nextjs/eslint.config.js"
-    }
-  },
   "devDependencies": {
-    "@eslint/eslintrc": "catalog:",
+    "@typescript-eslint/eslint-plugin": "catalog:",
-    "typescript-eslint": "catalog:",
+    "@typescript-eslint/parser": "catalog:",
     "eslint": "catalog:",
     "eslint-config-conventions": "catalog:",
     "eslint-plugin-promise": "catalog:",
@@ -28,7 +18,6 @@
     "eslint-plugin-storybook": "catalog:",
     "eslint-plugin-tailwindcss": "catalog:",
     "eslint-plugin-import-x": "catalog:",
-    "typescript": "catalog:",
+    "typescript": "catalog:"
-    "globals": "catalog:"
   }
 }

packages/config-tailwind/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

packages/config-tailwind/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import config from "@repo/eslint-config"
-
-export default typescriptESLint.config(...config, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

packages/config-tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/config-tailwind",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "main": "./tailwind.config.js",
@@ -24,7 +24,6 @@
     "@repo/eslint-config": "workspace:*",
     "@repo/config-typescript": "workspace:*",
     "@tailwindcss/typography": "catalog:",
-    "typescript-eslint": "catalog:",
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:"

packages/config-tailwind/styles.css

@@ -9,10 +9,6 @@
 @tailwind utilities;
 
 @layer base {
-  * {
-    min-width: 0;
-  }
-
   b,
   strong {
     @apply font-semibold;
@@ -40,11 +36,11 @@
     @apply italic tracking-wider;
   }
   blockquote {
-    @apply border-gray-lighter border-l-4 pl-3 italic;
+    @apply border-gray border-l-4 pl-3 italic;
   }
 
   kbd {
-    @apply bg-gray-lighter rounded-md px-2 dark:text-black;
+    @apply bg-gray rounded-md px-2 dark:text-black;
   }
 
   mark {
@@ -86,7 +82,7 @@ body {
 }
 
 .prose {
-  @apply dark:text-gray-lighter !max-w-5xl scroll-smooth text-black;
+  @apply dark:text-gray !max-w-5xl scroll-smooth text-black;
 }
 
 .prose p {
@@ -111,7 +107,7 @@ body {
 }
 
 .prose strong {
-  @apply dark:text-gray-lighter text-black;
+  @apply dark:text-gray text-black;
 }
 
 .prose h2,

packages/config-tailwind/tailwind.config.js

@@ -3,34 +3,39 @@ import { fontFamily } from "tailwindcss/defaultTheme"
 
 /** @type {Omit<import('tailwindcss').Config, "content">} */
 const config = {
-  darkMode: "selector",
+  darkMode: "class",
   theme: {
+    colors: {
+      primary: {
+        DEFAULT: "#0056b3",
+        dark: "#00aeff",
+      },
+      background: {
+        DEFAULT: "#fff",
+        dark: "#181818",
+      },
+      white: "#fff",
+      black: "#000",
+      gray: "#d1d5db",
+      "gray-darker": {
+        DEFAULT: "#4b5563",
+        dark: "#9ca3af",
+      },
+      yellow: "#fef08a",
+      transparent: "transparent",
+      inherit: "inherit",
+      current: "currentColor",
+    },
+    boxShadow: {
+      dark: "0px 0px 2px 2px rgba(0, 0, 0, 0.25)",
+      light: "0px 0px 2px 2px rgba(0, 0, 0, 0.10)",
+      darkFlag: "0px 1px 10px hsla(0, 0%, 100%, 0.2)",
+      lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
+    },
+    fontFamily: {
+      sans: ["'Montserrat'", ...fontFamily.sans],
+    },
     extend: {
-      colors: {
-        primary: {
-          DEFAULT: "#0056b3",
-          dark: "#00aeff",
-        },
-        background: {
-          DEFAULT: "#fff",
-          dark: "#181818",
-        },
-        "gray-lighter": "#d1d5db",
-        "gray-darker": {
-          DEFAULT: "#4b5563",
-          dark: "#9ca3af",
-        },
-        yellow: "#fef08a",
-      },
-      boxShadow: {
-        dark: "0px 0px 2px 2px rgba(0, 0, 0, 0.25)",
-        light: "0px 0px 2px 2px rgba(0, 0, 0, 0.10)",
-        darkFlag: "0px 1px 10px hsla(0, 0%, 100%, 0.2)",
-        lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
-      },
-      fontFamily: {
-        sans: ["'Montserrat'", ...fontFamily.sans],
-      },
       typography: {
         DEFAULT: {
           css: {

packages/config-typescript/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/config-typescript",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "files": [
     "tsconfig.json"

packages/config-typescript/tsconfig.json

@@ -24,6 +24,9 @@
     "target": "ESNext",
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
   }
 }

packages/i18n/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

packages/i18n/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import config from "@repo/eslint-config"
-
-export default typescriptESLint.config(...config, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

packages/i18n/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@repo/i18n",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "exports": {
     "./translations/*.json": "./src/translations/*.json",
+    "./config": "./src/config.tsx",
+    "./i18n": "./src/i18n.ts",
     "./messages.d.ts": "./src/messages.d.ts",
-    "./request": "./src/request.ts",
+    "./navigation": "./src/navigation.ts"
-    "./routing": "./src/routing.ts"
   },
   "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0",
+    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
     "lint:typescript": "tsc --noEmit",
     "test": "vitest run"
   },
@@ -29,7 +30,6 @@
     "@types/react-dom": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
     "eslint": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:",
     "vitest": "catalog:"
   }

packages/i18n/src/config.tsx

@@ -0,0 +1,26 @@
+import type { Locale } from "@repo/utils/constants"
+import type { RichTranslationValues } from "next-intl"
+
+export interface LocaleProps {
+  params: {
+    locale: Locale
+  }
+}
+
+export const defaultTranslationValues: RichTranslationValues = {
+  br: () => {
+    return <br />
+  },
+  strong: (children) => {
+    return <strong>{children}</strong>
+  },
+  em: (children) => {
+    return <em>{children}</em>
+  },
+  s: (children) => {
+    return <s>{children}</s>
+  },
+  u: (children) => {
+    return <u>{children}</u>
+  },
+}

packages/i18n/src/i18n.ts

@@ -1,14 +1,15 @@
 import deepmerge from "deepmerge"
 import type { AbstractIntlMessages } from "next-intl"
 import { getRequestConfig } from "next-intl/server"
+import { notFound } from "next/navigation"
 
 import type { Locale } from "@repo/utils/constants"
 import { LOCALE_DEFAULT, LOCALES } from "@repo/utils/constants"
+import { defaultTranslationValues } from "./config.tsx"
 
-export default getRequestConfig(async ({ requestLocale }) => {
+export default getRequestConfig(async ({ locale }) => {
-  let locale = await requestLocale
   if (!LOCALES.includes(locale as Locale)) {
-    locale = LOCALE_DEFAULT
+    return notFound()
   }
 
   const userMessages = (await import(`./translations/${locale}.json`)).default
@@ -21,7 +22,7 @@ export default getRequestConfig(async ({ requestLocale }) => {
   )
 
   return {
-    locale,
     messages,
+    defaultTranslationValues,
   }
 })

packages/i18n/src/navigation.ts

@@ -0,0 +1,9 @@
+import { createSharedPathnamesNavigation } from "next-intl/navigation"
+
+import { LOCALES, LOCALE_PREFIX } from "@repo/utils/constants"
+
+export const { Link, redirect, usePathname, useRouter, permanentRedirect } =
+  createSharedPathnamesNavigation({
+    locales: LOCALES,
+    localePrefix: LOCALE_PREFIX,
+  })

packages/i18n/src/routing.ts

@@ -1,26 +0,0 @@
-import { createNavigation } from "next-intl/navigation"
-
-import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/utils/constants"
-import { defineRouting } from "next-intl/routing"
-import type { Locale } from "@repo/utils/constants"
-
-export interface LocaleProps {
-  params: Promise<{
-    locale: Locale
-  }>
-}
-
-export const routing = defineRouting({
-  locales: LOCALES,
-  defaultLocale: LOCALE_DEFAULT,
-  localePrefix: LOCALE_PREFIX,
-})
-
-export const {
-  Link,
-  redirect,
-  usePathname,
-  useRouter,
-  getPathname,
-  permanentRedirect,
-} = createNavigation(routing)

packages/i18n/src/translations/en-US.json

@@ -10,10 +10,10 @@
         "institution": "Conservatoire National des Arts et Métiers (CNAM), in Eckbolsheim - UIMM Alsace - ITII Alsace",
         "study-type": "Engineer in Computer Science and Information Systems (IS)",
         "years": {
-          "2024-2027": {
+          "2024-2025": {
             "courses": {},
-            "description": "",
+            "description": "1st year",
-            "title": "2024 - 2027"
+            "title": "2024 - 2025"
           }
         }
       },

packages/i18n/src/translations/fr-FR.json

@@ -10,10 +10,10 @@
         "institution": "Conservatoire National des Arts et Métiers (CNAM) à Eckbolsheim - UIMM Alsace - ITII Alsace",
         "study-type": "Ingénieur en Informatique et Systèmes d'Information (SI)",
         "years": {
-          "2024-2027": {
+          "2024-2025": {
             "courses": {},
-            "description": "",
+            "description": "1ère année",
-            "title": "2024 - 2027"
+            "title": "2024 - 2025"
           }
         }
       },

packages/react-hooks/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

packages/react-hooks/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import configNextjs from "@repo/eslint-config/nextjs"
-
-export default typescriptESLint.config(...configNextjs, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

packages/react-hooks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/react-hooks",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "exports": {
@@ -8,7 +8,7 @@
     "./useIsMounted": "./src/useIsMounted.ts"
   },
   "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0",
+    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
     "lint:typescript": "tsc --noEmit",
     "test": "vitest run --browser.headless",
     "test:ui": "vitest --ui --no-open"
@@ -25,11 +25,10 @@
     "@types/react-dom": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
     "@vitest/browser": "catalog:",
-    "@vitest/coverage-v8": "catalog:",
+    "@vitest/coverage-istanbul": "catalog:",
     "@vitest/ui": "catalog:",
     "eslint": "catalog:",
     "playwright": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:",
     "vitest": "catalog:"
   }

packages/react-hooks/vitest.config.ts

@@ -1,19 +1,15 @@
 import { defineConfig } from "vitest/config"
 
 export default defineConfig({
-  optimizeDeps: {
-    include: ["@vitest/coverage-v8/browser"],
-  },
   test: {
     browser: {
       provider: "playwright",
       enabled: true,
       name: "chromium",
-      screenshotFailures: false,
     },
     coverage: {
       enabled: true,
-      provider: "v8",
+      provider: "istanbul",
     },
   },
 })

packages/ui/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

packages/ui/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import configNextjs from "@repo/eslint-config/nextjs"
-
-export default typescriptESLint.config(...configNextjs, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/ui",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "exports": {
@@ -23,7 +23,7 @@
     "./Layout/Section": "./src/Layout/Section/Section.tsx"
   },
   "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0",
+    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
     "lint:typescript": "tsc --noEmit"
   },
   "dependencies": {
@@ -51,7 +51,6 @@
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }
 }

packages/ui/src/CurriculumVitae/CurriculumVitaeAbout.tsx

@@ -13,13 +13,7 @@ export const CurriculumVitaeAbout: React.FC<CurriculumVitaeAboutProps> = () => {
       title={t("curriculum-vitae.about.title")}
       icon={<FaUser size={24} />}
     >
-      <p>
+      <p>{t.rich("curriculum-vitae.about.description")}</p>
-        {t.rich("curriculum-vitae.about.description", {
-          br: () => {
-            return <br />
-          },
-        })}
-      </p>
     </CurriculumVitaeSection>
   )
 }

packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx

@@ -11,10 +11,10 @@ export const CurriculumVitaeEducation: React.FC<
 
   const educations = [
     {
-      years: t("curriculum-vitae.education.cnam.years.2024-2027.title"),
+      years: t("curriculum-vitae.education.cnam.years.2024-2025.title"),
       studyType: t("curriculum-vitae.education.cnam.study-type"),
       institution: t("curriculum-vitae.education.cnam.institution"),
-      score: t("curriculum-vitae.education.cnam.years.2024-2027.description"),
+      score: t("curriculum-vitae.education.cnam.years.2024-2025.description"),
       courses: [],
     },
     {

packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx

@@ -1,4 +1,4 @@
-import { Link } from "@repo/i18n/routing"
+import { Link } from "@repo/i18n/navigation"
 import { useTranslations } from "next-intl"
 import Image from "next/image"
 import { BirthDate } from "../Home/About/AboutList/BirthDate.tsx"

packages/ui/src/Design/Button/Button.tsx

@@ -1,5 +1,5 @@
 import { classNames } from "@repo/config-tailwind/classNames"
-import { Link as NextLink } from "@repo/i18n/routing"
+import { Link as NextLink } from "@repo/i18n/navigation"
 import type { VariantProps } from "cva"
 import { cva } from "cva"
 
@@ -12,7 +12,7 @@ const buttonVariants = cva({
     variant: {
       solid: "bg-primary hover:bg-primary/80 text-white",
       outline:
-        "dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-primary border bg-transparent hover:text-white",
+        "dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-gray border bg-transparent dark:hover:bg-transparent",
     },
     size: {
       small: "h-9 rounded-md px-3",

packages/ui/src/Design/Link/Link.tsx

@@ -1,5 +1,5 @@
 import { classNames } from "@repo/config-tailwind/classNames"
-import { Link as NextLink } from "@repo/i18n/routing"
+import { Link as NextLink } from "@repo/i18n/navigation"
 import { FiExternalLink } from "react-icons/fi"
 
 export interface LinkProps extends React.ComponentProps<typeof NextLink> {

packages/ui/src/Errors/ErrorServer/ErrorServer.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useRouter } from "@repo/i18n/routing"
+import { useRouter } from "@repo/i18n/navigation"
 import { useTranslations } from "next-intl"
 import { useEffect, useTransition } from "react"
 import { Button } from "../../Design/Button/Button.tsx"

packages/ui/src/Home/About/AboutDescription.tsx

@@ -8,13 +8,9 @@ export const AboutDescription: React.FC<AboutDescriptionProps> = () => {
   const t = useTranslations()
 
   return (
-    <div className="dark:text-gray-lighter my-6 max-w-md text-center text-black">
+    <div className="dark:text-gray my-6 max-w-md text-center text-black">
       <Typography as="p" variant="text1" className="my-6">
-        {t.rich("home.about.description", {
+        {t.rich("home.about.description")}
-          strong: (children) => {
-            return <strong>{children}</strong>
-          },
-        })}
       </Typography>
 
       <Button href="/curriculum-vitae" variant="outline">

packages/ui/src/Home/About/AboutList/AboutItem.tsx

@@ -12,7 +12,7 @@ export const AboutItem: React.FC<AboutItemProps> = (props) => {
       <strong className="w-24 text-sm text-black lg:w-32 dark:text-white">
         {label}
       </strong>
-      <span className="dark:text-gray-lighter block text-sm font-normal text-black">
+      <span className="dark:text-gray block text-sm font-normal text-black">
         {link != null ? (
           <a className="hover:underline" href={link}>
             {value}

packages/ui/src/Home/Interests/InterestItem.tsx

@@ -17,7 +17,7 @@ export const InterestItem: React.FC<InterestItemProps> = (props) => {
       <Typography
         as="p"
         variant="text1"
-        className="dark:text-gray-lighter my-2 text-black"
+        className="dark:text-gray my-2 text-black"
       >
         {description}
       </Typography>

packages/ui/src/Home/Interests/Interests.tsx

@@ -19,12 +19,6 @@ export const Interests: React.FC<InterestsProps> = () => {
       id: "code",
       title: t("home.interests.code.title"),
       description: t.rich("home.interests.code.description", {
-        br: () => {
-          return <br />
-        },
-        strong: (children) => {
-          return <strong>{children}</strong>
-        },
         "abbr-ux": (children) => {
           return <abbr title="User Experience">{children}</abbr>
         },
@@ -35,12 +29,6 @@ export const Interests: React.FC<InterestsProps> = () => {
       id: "open-source",
       title: t("home.interests.open-source.title"),
       description: t.rich("home.interests.open-source.description", {
-        br: () => {
-          return <br />
-        },
-        strong: (children) => {
-          return <strong>{children}</strong>
-        },
         "github-link": (children) => {
           return (
             <Link href={GIT_REPO_LINK} target="_blank">

packages/ui/src/Layout/Header/Locales/Locales.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { classNames } from "@repo/config-tailwind/classNames"
-import { usePathname, useRouter } from "@repo/i18n/routing"
+import { usePathname, useRouter } from "@repo/i18n/navigation"
 import type { Locale } from "@repo/utils/constants"
 import { LOCALES } from "@repo/utils/constants"
 import { useLocale } from "next-intl"

packages/utils/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": ["@repo/eslint-config"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "projectService": true
+      }
+    }
+  ]
+}

packages/utils/eslint.config.js

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import config from "@repo/eslint-config"
-
-export default typescriptESLint.config(...config, {
-  files: ["**/*.ts", "**/*.tsx"],
-  languageOptions: {
-    parser: typescriptESLint.parser,
-    parserOptions: {
-      projectService: true,
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})

packages/utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/utils",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "exports": {
@@ -9,7 +9,7 @@
     "./strings": "./src/strings.ts"
   },
   "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0",
+    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
     "lint:typescript": "tsc --noEmit",
     "test": "vitest run",
     "test:ui": "vitest --ui --no-open"
@@ -19,10 +19,9 @@
     "@repo/config-typescript": "workspace:*",
     "@types/node": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
-    "@vitest/coverage-v8": "catalog:",
+    "@vitest/coverage-istanbul": "catalog:",
     "@vitest/ui": "catalog:",
     "eslint": "catalog:",
-    "typescript-eslint": "catalog:",
     "typescript": "catalog:",
     "vitest": "catalog:"
   }

packages/utils/src/constants.ts

@@ -1,7 +1,10 @@
-import packageJSON from "../package.json" with { type: "json" }
+import packageJSON from "../package.json"
+
+export const VERSION =
+  process.env["NODE_ENV"] === "development"
+    ? "0.0.0-development"
+    : packageJSON.version
 
-export const IS_PRODUCTION = process.env["NODE_ENV"] === "production"
-export const VERSION = IS_PRODUCTION ? packageJSON.version : "0.0.0-development"
 export const GIT_REPO_LINK = "https://github.com/theoludwig/theoludwig"
 
 export const LOCALES = ["en-US", "fr-FR"] as const
@@ -13,8 +16,6 @@ export const THEMES = ["light", "dark"] as const
 export type Theme = (typeof THEMES)[number]
 export const THEME_DEFAULT = "light" as Theme
 
-export const TIMEZONE = process.env["TZ"] ?? "UTC"
-
 export const BIRTH_DATE_DAY = "31"
 export const BIRTH_DATE_MONTH = "03"
 export const BIRTH_DATE_YEAR = "2003"

packages/utils/vitest.config.ts

@@ -4,7 +4,7 @@ export default defineConfig({
   test: {
     coverage: {
       enabled: true,
-      provider: "v8",
+      provider: "istanbul",
     },
   },
 })

pnpm-workspace.yaml

@@ -4,7 +4,7 @@ packages:
 
 catalog:
   # Turborepo and Releases
-  "turbo": "2.2.3"
+  "turbo": "2.1.3"
   "@saithodev/semantic-release-backmerge": "4.0.1"
   "@semantic-release/exec": "6.0.3"
   "@semantic-release/git": "10.0.1"
@@ -15,13 +15,13 @@ catalog:
   "deepmerge": "4.3.1"
 
   # React.js/Next.js
-  "next": "15.0.3"
+  "next": "14.2.15"
-  "next-intl": "3.25.0"
+  "next-intl": "3.21.1"
-  "next-themes": "0.4.3"
+  "next-themes": "0.3.0"
   "react": "18.3.1"
   "react-dom": "18.3.1"
   "react-icons": "5.3.0"
-  "@types/react": "18.3.12"
+  "@types/react": "18.3.11"
   "@types/react-dom": "18.3.1"
 
   # Blog
@@ -35,70 +35,70 @@ catalog:
   "rehype-slug": "6.0.0"
   "remark-gfm": "4.0.0"
   "remark-math": "6.0.0"
-  "shiki": "1.12.0"
+  "shiki": "1.22.0"
-  "@shikijs/rehype": "1.12.0"
+  "@shikijs/rehype": "1.22.0"
-
-  # Markdown Lint
-  "markdownlint-cli2": "0.14.0"
-  "markdownlint": "0.35.0"
-  "markdownlint-rule-relative-links": "3.0.0"
 
   # TypeScript
-  "typescript": "5.6.3"
+  "typescript": "5.5.4"
   "@total-typescript/ts-reset": "0.6.1"
-  "@types/node": "22.9.0"
+  "@types/node": "22.7.5"
 
   # ESLint
-  "globals": "15.12.0"
+  "@typescript-eslint/eslint-plugin": "8.8.1"
-  "typescript-eslint": "8.13.0"
+  "@typescript-eslint/parser": "8.8.1"
-  "@eslint/eslintrc": "3.1.0"
+  "eslint": "8.57.1"
-  "eslint": "9.14.0"
+  "eslint-config-conventions": "16.0.1"
-  "eslint-config-conventions": "17.0.0"
   "eslint-plugin-promise": "7.1.0"
-  "eslint-plugin-unicorn": "56.0.0"
+  "eslint-plugin-unicorn": "55.0.0"
-  "eslint-config-next": "15.0.3"
+  "eslint-config-next": "14.2.15"
-  "eslint-plugin-storybook": "0.11.0"
+  "eslint-plugin-storybook": "0.9.0"
   "eslint-plugin-tailwindcss": "3.17.5"
-  "eslint-plugin-import-x": "4.4.0"
+  "eslint-plugin-import-x": "4.3.1"
 
   # Prettier
   "prettier": "3.3.3"
   "prettier-plugin-tailwindcss": "0.6.8"
   "editorconfig-checker": "6.0.0"
 
+  # Markdown Lint
+  "markdownlint-cli2": "0.14.0"
+  "markdownlint": "0.35.0"
+  "markdownlint-rule-relative-links": "3.0.0"
+
   # Storybook
-  "@chromatic-com/storybook": "3.2.2"
+  "@chromatic-com/storybook": "2.0.2"
-  "@storybook/addon-a11y": "8.4.2"
+  "@storybook/addon-a11y": "8.3.5"
-  "@storybook/addon-essentials": "8.4.2"
+  "@storybook/addon-essentials": "8.3.5"
-  "@storybook/addon-interactions": "8.4.2"
+  "@storybook/addon-interactions": "8.3.5"
-  "@storybook/addon-storysource": "8.4.2"
+  "@storybook/addon-links": "8.3.5"
-  "@storybook/addon-themes": "8.4.2"
+  "@storybook/addon-storysource": "8.3.5"
-  "@storybook/blocks": "8.4.2"
+  "@storybook/addon-themes": "8.3.5"
-  "@storybook/nextjs": "8.4.2"
+  "@storybook/blocks": "8.3.5"
-  "@storybook/react": "8.4.2"
+  "@storybook/nextjs": "8.3.5"
-  "@storybook/test": "8.4.2"
+  "@storybook/react": "8.3.5"
+  "@storybook/test": "8.3.5"
   "@storybook/test-runner": "0.19.1"
-  "chromatic": "11.18.0"
+  "chromatic": "11.12.5"
   "http-server": "14.1.1"
-  "storybook": "8.4.2"
+  "storybook": "8.3.5"
   "storybook-dark-mode": "4.0.2"
 
   # Testing
-  "playwright": "1.48.2"
+  "playwright": "1.48.0"
-  "@playwright/test": "1.48.2"
+  "@playwright/test": "1.48.0"
   "axe-playwright": "2.0.3"
   "start-server-and-test": "2.0.8"
-  "@vitest/browser": "2.1.4"
+  "@vitest/browser": "2.1.2"
-  "@vitest/coverage-v8": "2.1.4"
+  "@vitest/coverage-istanbul": "2.1.2"
-  "@vitest/ui": "2.1.4"
+  "@vitest/ui": "2.1.2"
-  "vitest": "2.1.4"
+  "vitest": "2.1.2"
   "@testing-library/react": "16.0.1"
 
   # CSS
   "postcss": "8.4.47"
-  "tailwindcss": "3.4.14"
+  "tailwindcss": "3.4.13"
+  "tailwind-merge": "2.5.3"
   "@tailwindcss/typography": "0.5.15"
-  "tailwind-merge": "2.5.4"
-  "clsx": "2.0.0"
-  "cva": "1.0.0-beta.1"
   "@fontsource/montserrat": "5.1.0"
+  "clsx": "2.1.0"
+  "cva": "1.0.0-beta.1"