Restructured code and added i18n support (#36)

Author: spietras

README.md

@@ -48,6 +48,7 @@ copier copy gh:quickplates/react .
 - routing with [`React Router`](https://reactrouter.com)
 - state management with [`Zustand`](https://docs.pmnd.rs/zustand)
 - clean UI with [`Mantine`](https://mantine.dev)
+- i18n with [`Lingui`](https://lingui.dev)
 
 ## 💻 Development
 

src/.eslintrc.cjs

@@ -17,9 +17,15 @@ module.exports = {
     // Use recommended typescript-eslint rules
     "plugin:@typescript-eslint/recommended",
 
+    // Use stylistic typescript-eslint rules
+    "plugin:@typescript-eslint/stylistic",
+
     // Use recommended React rules
     "plugin:react/recommended",
 
+    // Use recommended Lingui rules
+    "plugin:lingui/recommended",
+
     // Turn off rules that might conflict with Prettier
     "prettier",
   ],
@@ -41,6 +47,15 @@ module.exports = {
   root: true,
 
   rules: {
+    // Use objects instead of records for empty types
+    "@typescript-eslint/consistent-indexed-object-style": [
+      "error",
+      "index-signature",
+    ],
+
+    // Use types instead of interfaces
+    "@typescript-eslint/consistent-type-definitions": ["error", "type"],
+
     // Allow anonymous default exports
     "import/no-anonymous-default-export": "off",
 

src/.gitignore.jinja

@@ -15,6 +15,7 @@
 
 # Build
 /build/
+/.tmp/
 
 # Debug
 npm-debug.log*

src/Taskfile.dist.yaml.jinja

@@ -204,6 +204,7 @@ tasks:
       - flake.lock
       - "*.nix"
       - index.html
+      - lingui.config.ts
       - package-lock.json
       - package.json
       - postcss.config.mjs
@@ -225,6 +226,15 @@ tasks:
     cmds:
       - task: install-internal
       - task: build-internal
+  locales:
+    desc: Extract locales
+    cmds:
+      - >
+        npm
+        run
+        --
+        locales
+        {{ '{{ .CLI_ARGS }}' }}
   dev:
     desc: Run in development mode
     interactive: true

src/lingui.config.ts

@@ -0,0 +1,18 @@
+import { LinguiConfig } from "@lingui/conf";
+import { formatter } from "@lingui/format-po";
+
+// https://lingui.dev/ref/conf
+export default {
+  catalogs: [
+    {
+      include: ["<rootDir>/src"],
+      path: "<rootDir>/src/locales/{locale}",
+    },
+  ],
+  fallbackLocales: {
+    default: "en",
+  },
+  format: formatter(),
+  locales: ["en"],
+  sourceLocale: "en",
+} satisfies LinguiConfig as LinguiConfig;