✨ #27 - feat: add optional internationalization support through react…

…-intl

.eslintrc.json

@@ -3,7 +3,7 @@
     "browser": true,
     "es2021": true
   },
-  "ignorePatterns": ["*.config.js", "dist/**/*", "**/*.css", "**/*.scss", "**/*.md"],
+  "ignorePatterns": ["*.js", "*.config.js", "dist/**/*", "**/*.css", "**/*.scss", "**/*.md"],
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",

.storybook/main.ts

@@ -1,3 +1,4 @@
+import { transform } from "@formatjs/ts-transformer";
 import type { StorybookConfig } from "@storybook/react-webpack5";
 import * as path from "path";
 
@@ -6,7 +7,6 @@ const config: StorybookConfig = {
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
     "@storybook/addon-interactions",
   ],
   core: {
@@ -29,6 +29,26 @@ const config: StorybookConfig = {
       use: ["style-loader", "css-loader", "sass-loader"],
       include: path.resolve(__dirname, "../"),
     });
+    config.module.rules.push({
+      test: /\.tsx?$/,
+      use: [
+        {
+          loader: "ts-loader",
+          options: {
+            getCustomTransformers() {
+              return {
+                before: [
+                  transform({
+                    overrideIdFn: "[sha512:contenthash:base64:6]",
+                  }),
+                ],
+              };
+            },
+          },
+        },
+      ],
+      exclude: /node_modules/,
+    });
 
     // Add any other webpack config modifications here
 

.storybook/preview-body.html

@@ -6,3 +6,5 @@
     margin: 0;
   }
 </style>
+<!-- Uncomment next line for Dutch translations. -->
+<!--<script>document.documentElement.lang = "nl";</script>-->