Align legend with survey response options

src/components/Legend.tsx

@@ -1,19 +1,12 @@
 import { colorScheme } from "../config";
+import { skills } from "../lib/parser";
 import "../styles/Legend.scss";
 
-const labels = {
-  0: "Keine Erfahrung",
-  1: "Grundkenntnisse",
-  2: "Geübte Anwendung",
-  3: "Sichere Praxisanwendung",
-  4: "Fachwissen und Erfahrung",
-};
-
 export default function Legend() {
   return (
     <div className="legend">
       <ul>
-        {Object.entries(labels).map(([level, label]) => (
+        {Object.entries(skills).map(([label, level]) => (
           <li key={level}>
             <span
               className="box"

src/lib/parser.ts

@@ -1,18 +1,14 @@
 import * as d3 from "d3";
 
+export const skills: { [key: string]: number } = {
+  "Keine Kenntnisse": 0,
+  "Geringe Kenntnisse": 1,
+  "Grundlegende Kenntnisse": 2,
+  "Gute Kenntnisse": 3,
+  "Sehr fundierte Kenntnisse": 4,
+};
+
 function mapSkillToNumber(skill: string): number {
-  const skills: { [key: string]: number } = {
-    "Gar nicht qualifiziert": 0,
-    "Leicht qualifiziert": 1,
-    "Mäßig qualifiziert": 2,
-    "Sehr qualifiziert": 3,
-    "Äußerst qualifiziert": 4,
-    "Keine Kenntnisse": 0,
-    "Geringe Kenntnisse": 1,
-    "Grundlegende Kenntnisse": 2,
-    "Gute Kenntnisse": 3,
-    "Sehr fundierte Kenntnisse": 4,
-  };
   return skills[skill] !== undefined ? skills[skill] : -1;
 }
 

tsconfig.node.json

@@ -1,9 +1,11 @@
 {
   "compilerOptions": {
     "composite": true,
-    "module": "nodenext",
+    "skipLibCheck": true,
-    "moduleResolution": "nodenext",
+    "module": "ESNext",
-    "allowSyntheticDefaultImports": true
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
   },
   "include": ["vite.config.ts"]
 }