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";
 
-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,
+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 {
   return skills[skill] !== undefined ? skills[skill] : -1;
 }
 

tsconfig.node.json

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