feat: translations

.github/workflows/languine.yml

@@ -0,0 +1,25 @@
+name: Deploy Website
+
+on:
+  push:
+    branches:
+      - '**'
+    paths:
+      - apps/app/**
+
+jobs:
+  translate:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Languine Action
+        uses: languine-ai/languine@v.1.0.0
+        env:
+           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          api-key: ${{ secrets.LANGUINE_API_KEY }}
+          project-id: ${{ secrets.LANGUINE_PROJECT_ID }}

apps/app/languine.json

@@ -0,0 +1,19 @@
+{
+  "projectId": "prj_T04K9GpppyBHE1kqa2QPV",
+  "locale": {
+    "source": "en",
+    "targets": [
+      "es",
+      "pt",
+      "fr",
+      "no"
+    ]
+  },
+  "files": {
+    "ts": {
+      "include": [
+        "src/locales/[locale].ts"
+      ]
+    }
+  }
+}

apps/app/src/components/locale-switch.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { useChangeLocale, useCurrentLocale } from "@/locales/client";
-import { useI18n } from "@/locales/client";
+import { useChangeLocale, useCurrentLocale, useI18n } from "@/locales/client";
+import { languages } from "@/locales/client";
 import {
   Select,
   SelectContent,
@@ -12,10 +12,6 @@ import {
 } from "@bubba/ui/select";
 import { Globe } from "lucide-react";
 
-const languages = {
-  en: "English",
-} as const;
-
 export const LocaleSwitch = () => {
   const t = useI18n();
   const locale = useCurrentLocale();

apps/app/src/locales/client.ts

@@ -2,14 +2,24 @@
 
 import { createI18nClient } from "next-international/client";
 
-export const languages = ["en"];
-
 export const {
+  useI18n,
   useScopedI18n,
   I18nProviderClient,
   useCurrentLocale,
   useChangeLocale,
-  useI18n,
 } = createI18nClient({
   en: () => import("./en"),
+  es: () => import("./es"),
+  fr: () => import("./fr"),
+  no: () => import("./no"),
+  pt: () => import("./pt"),
 });
+
+export const languages = {
+  en: "English",
+  es: "Español",
+  fr: "Français",
+  no: "Norsk",
+  pt: "Português",
+} as const;

apps/app/src/locales/en.ts

@@ -6,7 +6,7 @@ export default {
   },
   languages: {
     en: "English",
-    no: "Norsk",
+    es: "Spanish",
   },
   common: {
     actions: {