From 9e834cdc58fb72f0f487457981e4043cab2ea048 Mon Sep 17 00:00:00 2001
From: Stefan Probst <stefanprobst@posteo.de>
Date: Mon, 17 Jul 2023 07:20:22 +0200
Subject: [PATCH] chore: cleanup [skip ci]

---
 babel.config.js                               |   4 -
 .../lemmata}/lemma-list.spec.ts               |   3 +-
 package-lock.json                             | 499 ++++++++++--------
 package.json                                  |  26 +-
 server/index.ts                               |  41 +-
 src/features/articles/annotation.vue          |   2 +-
 src/features/articles/editor-loader.vue       |   4 +-
 src/features/articles/editor.vue              |   2 +-
 src/features/common/side-bar.vue              |  10 +-
 src/features/issues/issue-board.vue           |   8 +-
 src/features/issues/issue-details.vue         |   2 +-
 src/features/issues/issue-list.vue            |   6 +-
 src/features/issues/issue-manager.vue         |   4 +-
 src/features/issues/lemma-labels.vue          |   8 +-
 src/features/issues/user-avatar.vue           |   2 +-
 src/features/lemmata/data-filter.vue          |   7 +-
 .../lemmata/details/full-name-array-field.vue |   4 +-
 .../lemmata/details/lemma-details.vue         |  12 +-
 .../lemmata/details/lobid-gnd-search.vue      |   5 +-
 .../lemmata/details/zotero-search.vue         | 106 ++--
 .../lemmata/import/import-file-dialog.vue     |   4 +-
 src/features/lemmata/lemma-add.vue            |   3 +-
 src/features/lemmata/lemma-manager.vue        |  27 +-
 src/features/lemmata/lemma-scrape-result.vue  |   2 +-
 src/features/ui/badge.vue                     |   4 +-
 src/features/ui/date-field.vue                | 196 +------
 src/features/ui/resizable-drawer.vue          |   4 +-
 src/features/ui/select-menu.vue               |   4 +-
 src/features/ui/switch-button.vue             |   8 +-
 src/features/ui/text-field-alternatives.vue   |   6 +-
 src/features/ui/text-field.vue                |  58 +-
 src/features/ui/virtual-table.vue             |   2 +
 src/lib/lemmaimport/datacontainers.ts         |   2 +-
 src/lib/lemmaimport/dataconversion.ts         |   8 +-
 src/lib/lemmaimport/lemmaimport.ts            |   4 +-
 src/lib/lemmaimport/optionmanagement.ts       |   4 +-
 src/lib/router.ts                             |  26 +-
 src/pages/lemmata/index.vue                   |  14 +-
 src/pages/lemmata/list/[id]/index.vue         |  30 ++
 src/service/zotero.ts                         |   2 +-
 src/store/article.ts                          |   2 +-
 src/store/confirm.ts                          |   3 +-
 src/store/issue.ts                            |   6 +-
 src/store/lemma.ts                            |   8 +-
 src/styles/index.css                          |  10 +-
 tsconfig.json                                 |   4 +-
 vue.config.js                                 |   2 +-
 47 files changed, 567 insertions(+), 631 deletions(-)
 rename e2e/{LemmaManager => features/lemmata}/lemma-list.spec.ts (90%)
 create mode 100644 src/pages/lemmata/list/[id]/index.vue

diff --git a/babel.config.js b/babel.config.js
index a8a4028..e2c225f 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,8 +1,4 @@
 const config = {
-	/**
-	 * Note that `vue-property-decorator has an issue when compiled with babel:
-	 * @see https://github.com/kaorun343/vue-property-decorator/issues/336
-	 */
 	presets: ["@vue/cli-plugin-babel/preset"],
 };
 
diff --git a/e2e/LemmaManager/lemma-list.spec.ts b/e2e/features/lemmata/lemma-list.spec.ts
similarity index 90%
rename from e2e/LemmaManager/lemma-list.spec.ts
rename to e2e/features/lemmata/lemma-list.spec.ts
index b066081..ede503d 100644
--- a/e2e/LemmaManager/lemma-list.spec.ts
+++ b/e2e/features/lemmata/lemma-list.spec.ts
@@ -1,4 +1,4 @@
-import { expect, test } from "../fixtures";
+import { expect, test } from "~/e2e/fixtures";
 
 test("add new lemmalist", async ({ page }) => {
 	// https://playwright.dev/docs/test-timeouts#set-timeout-for-a-single-test
@@ -6,7 +6,6 @@ test("add new lemmalist", async ({ page }) => {
 
 	const randomListName = `Testliste ${Math.random().toString(36).substring(2, 10)}`;
 
-	await page.goto("/");
 	await page.goto("/lemmata");
 
 	expect(page.getByRole("heading", { name: "Lemmabibliothek" })).toBeVisible();
diff --git a/package-lock.json b/package-lock.json
index 3dc2f4e..21b919c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,7 @@
 			"name": "@acdh-oeaw/irs",
 			"license": "MIT",
 			"dependencies": {
-				"@acdh-oeaw/lib": "^0.1.4",
+				"@acdh-oeaw/lib": "^0.1.5",
 				"@babel/polyfill": "^7.12.1",
 				"@mdi/font": "^7.2.96",
 				"@tiptap/extension-highlight": "^2.0.3",
@@ -20,18 +20,14 @@
 				"dexie": "^3.2.4",
 				"express": "^4.18.2",
 				"file-dialog": "^0.0.8",
-				"human-readable-numbers": "^0.9.5",
-				"lodash": "^4.17.20",
+				"lodash": "^4.17.21",
 				"neat-csv": "^5.2.0",
 				"pretty-file-icons": "^2.2.1",
 				"socket.io": "^3.1.1",
 				"socket.io-client": "^3.1.1",
-				"tippy.js": "^6.3.1",
-				"tslib": "^2.5.3",
-				"uuid": "^8.3.2",
+				"tippy.js": "^6.3.7",
+				"uuid": "^9.0.0",
 				"vue": "^2.7.14",
-				"vue-class-component": "^7.2.6",
-				"vue-property-decorator": "^9.1.2",
 				"vue-router": "^3.6.5",
 				"vue-virtual-table": "^0.2.22",
 				"vuedraggable": "^2.24.3",
@@ -46,21 +42,21 @@
 				"@acdh-oeaw/prettier-config": "^1.0.1",
 				"@acdh-oeaw/stylelint-config": "^1.0.5",
 				"@acdh-oeaw/tsconfig": "^1.0.1",
-				"@fontsource-variable/roboto-flex": "^5.0.3",
-				"@playwright/test": "^1.35.1",
+				"@fontsource-variable/roboto-flex": "^5.0.5",
+				"@playwright/test": "^1.36.0",
 				"@types/compression": "^1.7.2",
 				"@types/express": "^4.17.17",
 				"@types/lodash": "^4.14.195",
 				"@types/node": "^18.16.19",
-				"@types/uuid": "^8.3.4",
+				"@types/uuid": "^9.0.2",
 				"@vue/cli-plugin-babel": "~5.0.8",
 				"@vue/cli-plugin-router": "~5.0.8",
 				"@vue/cli-plugin-typescript": "~5.0.8",
 				"@vue/cli-service": "~5.0.8",
 				"buffer": "^6.0.3",
 				"dotenv-cli": "^7.2.1",
-				"eslint": "^8.43.0",
-				"lint-staged": "^13.2.2",
+				"eslint": "^8.45.0",
+				"lint-staged": "^13.2.3",
 				"npm-run-all2": "^6.0.6",
 				"openapi-typescript-codegen": "0.9.3",
 				"prettier": "^2.8.8",
@@ -70,10 +66,10 @@
 				"schema-dts": "^1.1.2",
 				"simple-git-hooks": "^2.8.1",
 				"stream-browserify": "^3.0.0",
-				"stylelint": "^15.10.0",
+				"stylelint": "^15.10.1",
 				"ts-node": "^9.1.1",
 				"ts-node-dev": "^1.1.6",
-				"typescript": "~5.1.3",
+				"typescript": "~5.1.6",
 				"undici": "^5.22.1",
 				"vue-cli-plugin-vuetify": "~2.5.8",
 				"vue-tsc": "^1.8.4",
@@ -138,9 +134,9 @@
 			}
 		},
 		"node_modules/@acdh-oeaw/lib": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/@acdh-oeaw/lib/-/lib-0.1.4.tgz",
-			"integrity": "sha512-ob2SP1i4T03uYwmGRMah1W1SetVohAB/faaQ8NnVWoJUgULiCDTxnbfFJe/SnyCadf1fdahIX4eQo6g4pJJSfA==",
+			"version": "0.1.5",
+			"resolved": "https://registry.npmjs.org/@acdh-oeaw/lib/-/lib-0.1.5.tgz",
+			"integrity": "sha512-GyprRuzIKQF7aSkH1bhG7JvN/o0rLhOmzCLJIIfJpbwdKbkmDonGMUEmM4LCwodkJOO9nUjlvSMmz0QVG7hZAw==",
 			"engines": {
 				"node": ">=18",
 				"pnpm": ">=8"
@@ -2151,9 +2147,9 @@
 			}
 		},
 		"node_modules/@fontsource-variable/roboto-flex": {
-			"version": "5.0.4",
-			"resolved": "https://registry.npmjs.org/@fontsource-variable/roboto-flex/-/roboto-flex-5.0.4.tgz",
-			"integrity": "sha512-QepTVIBtEMmyBBna6JUXyuOZ1mCrYrPynyrdesGPEDWUf/iRUmDN07UIp3dpg9rg9vcShN9AA8WTUMFMBcUbrg==",
+			"version": "5.0.5",
+			"resolved": "https://registry.npmjs.org/@fontsource-variable/roboto-flex/-/roboto-flex-5.0.5.tgz",
+			"integrity": "sha512-6wVl3KHN0RWg9MEv0UEldcDZO1m1Bw8elP32X4iEi5tPA6/I1N0nLGTs1lPJ/IBZxLNQO2b153NICMXN/r1EwA==",
 			"dev": true
 		},
 		"node_modules/@hapi/hoek": {
@@ -2445,13 +2441,13 @@
 			}
 		},
 		"node_modules/@playwright/test": {
-			"version": "1.35.1",
-			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.35.1.tgz",
-			"integrity": "sha512-b5YoFe6J9exsMYg0pQAobNDR85T1nLumUYgUTtKm4d21iX2L7WqKq9dW8NGJ+2vX0etZd+Y7UeuqsxDXm9+5ZA==",
+			"version": "1.36.1",
+			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.36.1.tgz",
+			"integrity": "sha512-YK7yGWK0N3C2QInPU6iaf/L3N95dlGdbsezLya4n0ZCh3IL7VgPGxC6Gnznh9ApWdOmkJeleT2kMTcWPRZvzqg==",
 			"dev": true,
 			"dependencies": {
 				"@types/node": "*",
-				"playwright-core": "1.35.1"
+				"playwright-core": "1.36.1"
 			},
 			"bin": {
 				"playwright": "cli.js"
@@ -3294,9 +3290,9 @@
 			"peer": true
 		},
 		"node_modules/@types/uuid": {
-			"version": "8.3.4",
-			"resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
-			"integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
+			"version": "9.0.2",
+			"resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.2.tgz",
+			"integrity": "sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==",
 			"dev": true
 		},
 		"node_modules/@types/webpack-env": {
@@ -5236,29 +5232,33 @@
 			}
 		},
 		"node_modules/camelcase-keys": {
-			"version": "6.2.2",
-			"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-			"integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-7.0.2.tgz",
+			"integrity": "sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==",
 			"dev": true,
 			"dependencies": {
-				"camelcase": "^5.3.1",
-				"map-obj": "^4.0.0",
-				"quick-lru": "^4.0.1"
+				"camelcase": "^6.3.0",
+				"map-obj": "^4.1.0",
+				"quick-lru": "^5.1.1",
+				"type-fest": "^1.2.1"
 			},
 			"engines": {
-				"node": ">=8"
+				"node": ">=12"
 			},
 			"funding": {
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/camelcase-keys/node_modules/camelcase": {
-			"version": "5.3.1",
-			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+		"node_modules/camelcase-keys/node_modules/type-fest": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+			"integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
 			"dev": true,
 			"engines": {
-				"node": ">=6"
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/caniuse-api": {
@@ -6373,12 +6373,15 @@
 			}
 		},
 		"node_modules/decamelize": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-			"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-5.0.1.tgz",
+			"integrity": "sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==",
 			"dev": true,
 			"engines": {
-				"node": ">=0.10.0"
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/decamelize-keys": {
@@ -6397,6 +6400,15 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/decamelize-keys/node_modules/decamelize": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+			"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/decamelize-keys/node_modules/map-obj": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
@@ -7096,9 +7108,9 @@
 			}
 		},
 		"node_modules/eslint": {
-			"version": "8.44.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.44.0.tgz",
-			"integrity": "sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==",
+			"version": "8.45.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.45.0.tgz",
+			"integrity": "sha512-pd8KSxiQpdYRfYa9Wufvdoct3ZPQQuVuU5O6scNgMuOMYuxvH0IGaYK0wUFjo4UYYQQCUndlXiMbnxopwvvTiw==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.2.0",
@@ -7126,7 +7138,6 @@
 				"globals": "^13.19.0",
 				"graphemer": "^1.4.0",
 				"ignore": "^5.2.0",
-				"import-fresh": "^3.0.0",
 				"imurmurhash": "^0.1.4",
 				"is-glob": "^4.0.0",
 				"is-path-inside": "^3.0.3",
@@ -7138,7 +7149,6 @@
 				"natural-compare": "^1.4.0",
 				"optionator": "^0.9.3",
 				"strip-ansi": "^6.0.1",
-				"strip-json-comments": "^3.1.0",
 				"text-table": "^0.2.0"
 			},
 			"bin": {
@@ -8844,11 +8854,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/human-readable-numbers": {
-			"version": "0.9.5",
-			"resolved": "https://registry.npmjs.org/human-readable-numbers/-/human-readable-numbers-0.9.5.tgz",
-			"integrity": "sha512-VC1uYLm7FR+4UkLaQdXPLodz7xTVLBte3X6iMCYK/uPJywoHyEZfR40+kCN4YqYd+FNCPJAJNYv2CSMvAprgsQ=="
-		},
 		"node_modules/human-signals": {
 			"version": "4.3.1",
 			"resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
@@ -10135,26 +10140,26 @@
 			}
 		},
 		"node_modules/meow": {
-			"version": "9.0.0",
-			"resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
-			"integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+			"version": "10.1.5",
+			"resolved": "https://registry.npmjs.org/meow/-/meow-10.1.5.tgz",
+			"integrity": "sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==",
 			"dev": true,
 			"dependencies": {
-				"@types/minimist": "^1.2.0",
-				"camelcase-keys": "^6.2.2",
-				"decamelize": "^1.2.0",
+				"@types/minimist": "^1.2.2",
+				"camelcase-keys": "^7.0.0",
+				"decamelize": "^5.0.0",
 				"decamelize-keys": "^1.1.0",
 				"hard-rejection": "^2.1.0",
 				"minimist-options": "4.1.0",
-				"normalize-package-data": "^3.0.0",
-				"read-pkg-up": "^7.0.1",
-				"redent": "^3.0.0",
-				"trim-newlines": "^3.0.0",
-				"type-fest": "^0.18.0",
-				"yargs-parser": "^20.2.3"
+				"normalize-package-data": "^3.0.2",
+				"read-pkg-up": "^8.0.0",
+				"redent": "^4.0.0",
+				"trim-newlines": "^4.0.2",
+				"type-fest": "^1.2.2",
+				"yargs-parser": "^20.2.9"
 			},
 			"engines": {
-				"node": ">=10"
+				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
 			},
 			"funding": {
 				"url": "https://github.com/sponsors/sindresorhus"
@@ -10199,10 +10204,45 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/meow/node_modules/read-pkg": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-6.0.0.tgz",
+			"integrity": "sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==",
+			"dev": true,
+			"dependencies": {
+				"@types/normalize-package-data": "^2.4.0",
+				"normalize-package-data": "^3.0.2",
+				"parse-json": "^5.2.0",
+				"type-fest": "^1.0.1"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/meow/node_modules/read-pkg-up": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-8.0.0.tgz",
+			"integrity": "sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==",
+			"dev": true,
+			"dependencies": {
+				"find-up": "^5.0.0",
+				"read-pkg": "^6.0.0",
+				"type-fest": "^1.0.1"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/meow/node_modules/type-fest": {
-			"version": "0.18.1",
-			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-			"integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+			"integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
 			"dev": true,
 			"engines": {
 				"node": ">=10"
@@ -11519,9 +11559,9 @@
 			}
 		},
 		"node_modules/playwright-core": {
-			"version": "1.35.1",
-			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.35.1.tgz",
-			"integrity": "sha512-pNXb6CQ7OqmGDRspEjlxE49w+4YtR6a3X6mT1hZXeJHWmsEz7SunmvZeiG/+y1yyMZdHnnn73WKYdtV1er0Xyg==",
+			"version": "1.36.1",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.36.1.tgz",
+			"integrity": "sha512-7+tmPuMcEW4xeCL9cp9KxmYpQYHKkyjwoXRnoeTowaeNat8PoBMk/HwCYhqkH2fRkshfKEOiVus/IhID2Pg8kg==",
 			"dev": true,
 			"bin": {
 				"playwright-core": "cli.js"
@@ -12640,12 +12680,15 @@
 			]
 		},
 		"node_modules/quick-lru": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-			"integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+			"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
 			"dev": true,
 			"engines": {
-				"node": ">=8"
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/randombytes": {
@@ -12827,16 +12870,31 @@
 			}
 		},
 		"node_modules/redent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-			"integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/redent/-/redent-4.0.0.tgz",
+			"integrity": "sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==",
 			"dev": true,
 			"dependencies": {
-				"indent-string": "^4.0.0",
-				"strip-indent": "^3.0.0"
+				"indent-string": "^5.0.0",
+				"strip-indent": "^4.0.0"
 			},
 			"engines": {
-				"node": ">=8"
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/redent/node_modules/indent-string": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
+			"integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/regenerate": {
@@ -13767,6 +13825,15 @@
 				"websocket-driver": "^0.7.4"
 			}
 		},
+		"node_modules/sockjs/node_modules/uuid": {
+			"version": "8.3.2",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+			"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+			"dev": true,
+			"bin": {
+				"uuid": "dist/bin/uuid"
+			}
+		},
 		"node_modules/sortablejs": {
 			"version": "1.10.2",
 			"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
@@ -14031,15 +14098,18 @@
 			}
 		},
 		"node_modules/strip-indent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-			"integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
+			"integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
 			"dev": true,
 			"dependencies": {
-				"min-indent": "^1.0.0"
+				"min-indent": "^1.0.1"
 			},
 			"engines": {
-				"node": ">=8"
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/strip-json-comments": {
@@ -14077,9 +14147,9 @@
 			}
 		},
 		"node_modules/stylelint": {
-			"version": "15.10.0",
-			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.10.0.tgz",
-			"integrity": "sha512-uDCwoZA+C2Ee29wEFi8irICpH+wie1Ku/57QrWKqtKh+ZE1LuVDkUQUg9Zp3WlWMu8IABXxFaFj3/szy+SRc0Q==",
+			"version": "15.10.1",
+			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.10.1.tgz",
+			"integrity": "sha512-CYkzYrCFfA/gnOR+u9kJ1PpzwG10WLVnoxHDuBA/JiwGqdM9+yx9+ou6SE/y9YHtfv1mcLo06fdadHTOx4gBZQ==",
 			"dev": true,
 			"dependencies": {
 				"@csstools/css-parser-algorithms": "^2.3.0",
@@ -14105,7 +14175,7 @@
 				"is-plain-object": "^5.0.0",
 				"known-css-properties": "^0.27.0",
 				"mathml-tag-names": "^2.1.3",
-				"meow": "^9.0.0",
+				"meow": "^10.1.5",
 				"micromatch": "^4.0.5",
 				"normalize-path": "^3.0.0",
 				"picocolors": "^1.0.0",
@@ -14124,7 +14194,7 @@
 				"write-file-atomic": "^5.0.1"
 			},
 			"bin": {
-				"stylelint": "bin/stylelint.js"
+				"stylelint": "bin/stylelint.mjs"
 			},
 			"engines": {
 				"node": "^14.13.1 || >=16.0.0"
@@ -14746,12 +14816,15 @@
 			}
 		},
 		"node_modules/trim-newlines": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-			"integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+			"version": "4.1.1",
+			"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.1.1.tgz",
+			"integrity": "sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==",
 			"dev": true,
 			"engines": {
-				"node": ">=8"
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/ts-loader": {
@@ -14939,7 +15012,8 @@
 		"node_modules/tslib": {
 			"version": "2.6.0",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-			"integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+			"integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+			"dev": true
 		},
 		"node_modules/tsutils": {
 			"version": "3.21.0",
@@ -15166,9 +15240,9 @@
 			}
 		},
 		"node_modules/uuid": {
-			"version": "8.3.2",
-			"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-			"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+			"version": "9.0.0",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+			"integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
 			"bin": {
 				"uuid": "dist/bin/uuid"
 			}
@@ -15210,14 +15284,6 @@
 				"csstype": "^3.1.0"
 			}
 		},
-		"node_modules/vue-class-component": {
-			"version": "7.2.6",
-			"resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-7.2.6.tgz",
-			"integrity": "sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==",
-			"peerDependencies": {
-				"vue": "^2.0.0"
-			}
-		},
 		"node_modules/vue-cli-plugin-vuetify": {
 			"version": "2.5.8",
 			"resolved": "https://registry.npmjs.org/vue-cli-plugin-vuetify/-/vue-cli-plugin-vuetify-2.5.8.tgz",
@@ -15392,15 +15458,6 @@
 			"resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-0.4.6.tgz",
 			"integrity": "sha512-xo0CEVdkjSjhJoDdLSvoZoQrw/H2BlzB5jrCBKGZNXN2zdZgMuZ9BKrxXDjNP2AxlcCoKc8OahI3F3r3JGLv2Q=="
 		},
-		"node_modules/vue-property-decorator": {
-			"version": "9.1.2",
-			"resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-9.1.2.tgz",
-			"integrity": "sha512-xYA8MkZynPBGd/w5QFJ2d/NM0z/YeegMqYTphy7NJQXbZcuU6FC6AOdUAcy4SXP+YnkerC6AfH+ldg7PDk9ESQ==",
-			"peerDependencies": {
-				"vue": "*",
-				"vue-class-component": "*"
-			}
-		},
 		"node_modules/vue-resize": {
 			"version": "0.4.5",
 			"resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-0.4.5.tgz",
@@ -16381,9 +16438,9 @@
 			}
 		},
 		"@acdh-oeaw/lib": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/@acdh-oeaw/lib/-/lib-0.1.4.tgz",
-			"integrity": "sha512-ob2SP1i4T03uYwmGRMah1W1SetVohAB/faaQ8NnVWoJUgULiCDTxnbfFJe/SnyCadf1fdahIX4eQo6g4pJJSfA=="
+			"version": "0.1.5",
+			"resolved": "https://registry.npmjs.org/@acdh-oeaw/lib/-/lib-0.1.5.tgz",
+			"integrity": "sha512-GyprRuzIKQF7aSkH1bhG7JvN/o0rLhOmzCLJIIfJpbwdKbkmDonGMUEmM4LCwodkJOO9nUjlvSMmz0QVG7hZAw=="
 		},
 		"@acdh-oeaw/prettier-config": {
 			"version": "1.0.1",
@@ -17742,9 +17799,9 @@
 			"dev": true
 		},
 		"@fontsource-variable/roboto-flex": {
-			"version": "5.0.4",
-			"resolved": "https://registry.npmjs.org/@fontsource-variable/roboto-flex/-/roboto-flex-5.0.4.tgz",
-			"integrity": "sha512-QepTVIBtEMmyBBna6JUXyuOZ1mCrYrPynyrdesGPEDWUf/iRUmDN07UIp3dpg9rg9vcShN9AA8WTUMFMBcUbrg==",
+			"version": "5.0.5",
+			"resolved": "https://registry.npmjs.org/@fontsource-variable/roboto-flex/-/roboto-flex-5.0.5.tgz",
+			"integrity": "sha512-6wVl3KHN0RWg9MEv0UEldcDZO1m1Bw8elP32X4iEi5tPA6/I1N0nLGTs1lPJ/IBZxLNQO2b153NICMXN/r1EwA==",
 			"dev": true
 		},
 		"@hapi/hoek": {
@@ -17976,14 +18033,14 @@
 			}
 		},
 		"@playwright/test": {
-			"version": "1.35.1",
-			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.35.1.tgz",
-			"integrity": "sha512-b5YoFe6J9exsMYg0pQAobNDR85T1nLumUYgUTtKm4d21iX2L7WqKq9dW8NGJ+2vX0etZd+Y7UeuqsxDXm9+5ZA==",
+			"version": "1.36.1",
+			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.36.1.tgz",
+			"integrity": "sha512-YK7yGWK0N3C2QInPU6iaf/L3N95dlGdbsezLya4n0ZCh3IL7VgPGxC6Gnznh9ApWdOmkJeleT2kMTcWPRZvzqg==",
 			"dev": true,
 			"requires": {
 				"@types/node": "*",
 				"fsevents": "2.3.2",
-				"playwright-core": "1.35.1"
+				"playwright-core": "1.36.1"
 			}
 		},
 		"@polka/url": {
@@ -18625,9 +18682,9 @@
 			"peer": true
 		},
 		"@types/uuid": {
-			"version": "8.3.4",
-			"resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
-			"integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
+			"version": "9.0.2",
+			"resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.2.tgz",
+			"integrity": "sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==",
 			"dev": true
 		},
 		"@types/webpack-env": {
@@ -20075,20 +20132,21 @@
 			"dev": true
 		},
 		"camelcase-keys": {
-			"version": "6.2.2",
-			"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-			"integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-7.0.2.tgz",
+			"integrity": "sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==",
 			"dev": true,
 			"requires": {
-				"camelcase": "^5.3.1",
-				"map-obj": "^4.0.0",
-				"quick-lru": "^4.0.1"
+				"camelcase": "^6.3.0",
+				"map-obj": "^4.1.0",
+				"quick-lru": "^5.1.1",
+				"type-fest": "^1.2.1"
 			},
 			"dependencies": {
-				"camelcase": {
-					"version": "5.3.1",
-					"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-					"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+				"type-fest": {
+					"version": "1.4.0",
+					"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+					"integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
 					"dev": true
 				}
 			}
@@ -20881,9 +20939,9 @@
 			}
 		},
 		"decamelize": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-			"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-5.0.1.tgz",
+			"integrity": "sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==",
 			"dev": true
 		},
 		"decamelize-keys": {
@@ -20896,6 +20954,12 @@
 				"map-obj": "^1.0.0"
 			},
 			"dependencies": {
+				"decamelize": {
+					"version": "1.2.0",
+					"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+					"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+					"dev": true
+				},
 				"map-obj": {
 					"version": "1.0.1",
 					"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
@@ -21412,9 +21476,9 @@
 			"integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
 		},
 		"eslint": {
-			"version": "8.44.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.44.0.tgz",
-			"integrity": "sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==",
+			"version": "8.45.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.45.0.tgz",
+			"integrity": "sha512-pd8KSxiQpdYRfYa9Wufvdoct3ZPQQuVuU5O6scNgMuOMYuxvH0IGaYK0wUFjo4UYYQQCUndlXiMbnxopwvvTiw==",
 			"dev": true,
 			"requires": {
 				"@eslint-community/eslint-utils": "^4.2.0",
@@ -21442,7 +21506,6 @@
 				"globals": "^13.19.0",
 				"graphemer": "^1.4.0",
 				"ignore": "^5.2.0",
-				"import-fresh": "^3.0.0",
 				"imurmurhash": "^0.1.4",
 				"is-glob": "^4.0.0",
 				"is-path-inside": "^3.0.3",
@@ -21454,7 +21517,6 @@
 				"natural-compare": "^1.4.0",
 				"optionator": "^0.9.3",
 				"strip-ansi": "^6.0.1",
-				"strip-json-comments": "^3.1.0",
 				"text-table": "^0.2.0"
 			},
 			"dependencies": {
@@ -22682,11 +22744,6 @@
 				}
 			}
 		},
-		"human-readable-numbers": {
-			"version": "0.9.5",
-			"resolved": "https://registry.npmjs.org/human-readable-numbers/-/human-readable-numbers-0.9.5.tgz",
-			"integrity": "sha512-VC1uYLm7FR+4UkLaQdXPLodz7xTVLBte3X6iMCYK/uPJywoHyEZfR40+kCN4YqYd+FNCPJAJNYv2CSMvAprgsQ=="
-		},
 		"human-signals": {
 			"version": "4.3.1",
 			"resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
@@ -23615,23 +23672,23 @@
 			"dev": true
 		},
 		"meow": {
-			"version": "9.0.0",
-			"resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
-			"integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+			"version": "10.1.5",
+			"resolved": "https://registry.npmjs.org/meow/-/meow-10.1.5.tgz",
+			"integrity": "sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==",
 			"dev": true,
 			"requires": {
-				"@types/minimist": "^1.2.0",
-				"camelcase-keys": "^6.2.2",
-				"decamelize": "^1.2.0",
+				"@types/minimist": "^1.2.2",
+				"camelcase-keys": "^7.0.0",
+				"decamelize": "^5.0.0",
 				"decamelize-keys": "^1.1.0",
 				"hard-rejection": "^2.1.0",
 				"minimist-options": "4.1.0",
-				"normalize-package-data": "^3.0.0",
-				"read-pkg-up": "^7.0.1",
-				"redent": "^3.0.0",
-				"trim-newlines": "^3.0.0",
-				"type-fest": "^0.18.0",
-				"yargs-parser": "^20.2.3"
+				"normalize-package-data": "^3.0.2",
+				"read-pkg-up": "^8.0.0",
+				"redent": "^4.0.0",
+				"trim-newlines": "^4.0.2",
+				"type-fest": "^1.2.2",
+				"yargs-parser": "^20.2.9"
 			},
 			"dependencies": {
 				"hosted-git-info": {
@@ -23664,10 +23721,33 @@
 						"validate-npm-package-license": "^3.0.1"
 					}
 				},
+				"read-pkg": {
+					"version": "6.0.0",
+					"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-6.0.0.tgz",
+					"integrity": "sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==",
+					"dev": true,
+					"requires": {
+						"@types/normalize-package-data": "^2.4.0",
+						"normalize-package-data": "^3.0.2",
+						"parse-json": "^5.2.0",
+						"type-fest": "^1.0.1"
+					}
+				},
+				"read-pkg-up": {
+					"version": "8.0.0",
+					"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-8.0.0.tgz",
+					"integrity": "sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==",
+					"dev": true,
+					"requires": {
+						"find-up": "^5.0.0",
+						"read-pkg": "^6.0.0",
+						"type-fest": "^1.0.1"
+					}
+				},
 				"type-fest": {
-					"version": "0.18.1",
-					"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-					"integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+					"version": "1.4.0",
+					"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+					"integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
 					"dev": true
 				},
 				"yallist": {
@@ -24629,9 +24709,9 @@
 			}
 		},
 		"playwright-core": {
-			"version": "1.35.1",
-			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.35.1.tgz",
-			"integrity": "sha512-pNXb6CQ7OqmGDRspEjlxE49w+4YtR6a3X6mT1hZXeJHWmsEz7SunmvZeiG/+y1yyMZdHnnn73WKYdtV1er0Xyg==",
+			"version": "1.36.1",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.36.1.tgz",
+			"integrity": "sha512-7+tmPuMcEW4xeCL9cp9KxmYpQYHKkyjwoXRnoeTowaeNat8PoBMk/HwCYhqkH2fRkshfKEOiVus/IhID2Pg8kg==",
 			"dev": true
 		},
 		"popper.js": {
@@ -25427,9 +25507,9 @@
 			"dev": true
 		},
 		"quick-lru": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-			"integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+			"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
 			"dev": true
 		},
 		"randombytes": {
@@ -25569,13 +25649,21 @@
 			}
 		},
 		"redent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-			"integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/redent/-/redent-4.0.0.tgz",
+			"integrity": "sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==",
 			"dev": true,
 			"requires": {
-				"indent-string": "^4.0.0",
-				"strip-indent": "^3.0.0"
+				"indent-string": "^5.0.0",
+				"strip-indent": "^4.0.0"
+			},
+			"dependencies": {
+				"indent-string": {
+					"version": "5.0.0",
+					"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
+					"integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
+					"dev": true
+				}
 			}
 		},
 		"regenerate": {
@@ -26273,6 +26361,14 @@
 				"faye-websocket": "^0.11.3",
 				"uuid": "^8.3.2",
 				"websocket-driver": "^0.7.4"
+			},
+			"dependencies": {
+				"uuid": {
+					"version": "8.3.2",
+					"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+					"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+					"dev": true
+				}
 			}
 		},
 		"sortablejs": {
@@ -26483,12 +26579,12 @@
 			"dev": true
 		},
 		"strip-indent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-			"integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
+			"integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
 			"dev": true,
 			"requires": {
-				"min-indent": "^1.0.0"
+				"min-indent": "^1.0.1"
 			}
 		},
 		"strip-json-comments": {
@@ -26514,9 +26610,9 @@
 			}
 		},
 		"stylelint": {
-			"version": "15.10.0",
-			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.10.0.tgz",
-			"integrity": "sha512-uDCwoZA+C2Ee29wEFi8irICpH+wie1Ku/57QrWKqtKh+ZE1LuVDkUQUg9Zp3WlWMu8IABXxFaFj3/szy+SRc0Q==",
+			"version": "15.10.1",
+			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.10.1.tgz",
+			"integrity": "sha512-CYkzYrCFfA/gnOR+u9kJ1PpzwG10WLVnoxHDuBA/JiwGqdM9+yx9+ou6SE/y9YHtfv1mcLo06fdadHTOx4gBZQ==",
 			"dev": true,
 			"requires": {
 				"@csstools/css-parser-algorithms": "^2.3.0",
@@ -26542,7 +26638,7 @@
 				"is-plain-object": "^5.0.0",
 				"known-css-properties": "^0.27.0",
 				"mathml-tag-names": "^2.1.3",
-				"meow": "^9.0.0",
+				"meow": "^10.1.5",
 				"micromatch": "^4.0.5",
 				"normalize-path": "^3.0.0",
 				"picocolors": "^1.0.0",
@@ -27001,9 +27097,9 @@
 			"dev": true
 		},
 		"trim-newlines": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-			"integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+			"version": "4.1.1",
+			"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.1.1.tgz",
+			"integrity": "sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==",
 			"dev": true
 		},
 		"ts-loader": {
@@ -27135,7 +27231,8 @@
 		"tslib": {
 			"version": "2.6.0",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-			"integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+			"integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+			"dev": true
 		},
 		"tsutils": {
 			"version": "3.21.0",
@@ -27286,9 +27383,9 @@
 			"integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA=="
 		},
 		"uuid": {
-			"version": "8.3.2",
-			"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-			"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
+			"version": "9.0.0",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+			"integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg=="
 		},
 		"v-tooltip": {
 			"version": "2.0.2",
@@ -27324,12 +27421,6 @@
 				"csstype": "^3.1.0"
 			}
 		},
-		"vue-class-component": {
-			"version": "7.2.6",
-			"resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-7.2.6.tgz",
-			"integrity": "sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==",
-			"requires": {}
-		},
 		"vue-cli-plugin-vuetify": {
 			"version": "2.5.8",
 			"resolved": "https://registry.npmjs.org/vue-cli-plugin-vuetify/-/vue-cli-plugin-vuetify-2.5.8.tgz",
@@ -27447,12 +27538,6 @@
 			"resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-0.4.6.tgz",
 			"integrity": "sha512-xo0CEVdkjSjhJoDdLSvoZoQrw/H2BlzB5jrCBKGZNXN2zdZgMuZ9BKrxXDjNP2AxlcCoKc8OahI3F3r3JGLv2Q=="
 		},
-		"vue-property-decorator": {
-			"version": "9.1.2",
-			"resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-9.1.2.tgz",
-			"integrity": "sha512-xYA8MkZynPBGd/w5QFJ2d/NM0z/YeegMqYTphy7NJQXbZcuU6FC6AOdUAcy4SXP+YnkerC6AfH+ldg7PDk9ESQ==",
-			"requires": {}
-		},
 		"vue-resize": {
 			"version": "0.4.5",
 			"resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-0.4.5.tgz",
diff --git a/package.json b/package.json
index f60653b..0e9bfd5 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
 		"validate": "run-p format:check lint:check types:check test test:e2e"
 	},
 	"dependencies": {
-		"@acdh-oeaw/lib": "^0.1.4",
+		"@acdh-oeaw/lib": "^0.1.5",
 		"@babel/polyfill": "^7.12.1",
 		"@mdi/font": "^7.2.96",
 		"@tiptap/extension-highlight": "^2.0.3",
@@ -51,18 +51,14 @@
 		"dexie": "^3.2.4",
 		"express": "^4.18.2",
 		"file-dialog": "^0.0.8",
-		"human-readable-numbers": "^0.9.5",
-		"lodash": "^4.17.20",
+		"lodash": "^4.17.21",
 		"neat-csv": "^5.2.0",
 		"pretty-file-icons": "^2.2.1",
 		"socket.io": "^3.1.1",
 		"socket.io-client": "^3.1.1",
-		"tippy.js": "^6.3.1",
-		"tslib": "^2.5.3",
-		"uuid": "^8.3.2",
+		"tippy.js": "^6.3.7",
+		"uuid": "^9.0.0",
 		"vue": "^2.7.14",
-		"vue-class-component": "^7.2.6",
-		"vue-property-decorator": "^9.1.2",
 		"vue-router": "^3.6.5",
 		"vue-virtual-table": "^0.2.22",
 		"vuedraggable": "^2.24.3",
@@ -77,21 +73,21 @@
 		"@acdh-oeaw/prettier-config": "^1.0.1",
 		"@acdh-oeaw/stylelint-config": "^1.0.5",
 		"@acdh-oeaw/tsconfig": "^1.0.1",
-		"@fontsource-variable/roboto-flex": "^5.0.3",
-		"@playwright/test": "^1.35.1",
+		"@fontsource-variable/roboto-flex": "^5.0.5",
+		"@playwright/test": "^1.36.0",
 		"@types/compression": "^1.7.2",
 		"@types/express": "^4.17.17",
 		"@types/lodash": "^4.14.195",
 		"@types/node": "^18.16.19",
-		"@types/uuid": "^8.3.4",
+		"@types/uuid": "^9.0.2",
 		"@vue/cli-plugin-babel": "~5.0.8",
 		"@vue/cli-plugin-router": "~5.0.8",
 		"@vue/cli-plugin-typescript": "~5.0.8",
 		"@vue/cli-service": "~5.0.8",
 		"buffer": "^6.0.3",
 		"dotenv-cli": "^7.2.1",
-		"eslint": "^8.43.0",
-		"lint-staged": "^13.2.2",
+		"eslint": "^8.45.0",
+		"lint-staged": "^13.2.3",
 		"npm-run-all2": "^6.0.6",
 		"openapi-typescript-codegen": "0.9.3",
 		"prettier": "^2.8.8",
@@ -101,10 +97,10 @@
 		"schema-dts": "^1.1.2",
 		"simple-git-hooks": "^2.8.1",
 		"stream-browserify": "^3.0.0",
-		"stylelint": "^15.10.0",
+		"stylelint": "^15.10.1",
 		"ts-node": "^9.1.1",
 		"ts-node-dev": "^1.1.6",
-		"typescript": "~5.1.3",
+		"typescript": "~5.1.6",
 		"undici": "^5.22.1",
 		"vue-cli-plugin-vuetify": "~2.5.8",
 		"vue-tsc": "^1.8.4",
diff --git a/server/index.ts b/server/index.ts
index 0cf548a..421307e 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -4,27 +4,30 @@ import express from "express";
 import fs from "fs";
 import http from "http";
 import socketIo from "socket.io";
+import { z } from 'zod'
 
 import zotero from "./zotero";
 
-if (process.env.ZOTERO_API_KEY === undefined || process.env.ZOTERO_USER === undefined) {
-	const environment = JSON.stringify({
-		ZOTERO_USER: process.env.ZOTERO_USER,
-		ZOTERO_API_KEY: process.env.ZOTERO_API_KEY,
-	});
-	throw new Error(`Zotero is not correctly configered. See environment: ${environment}`);
-}
+const schema = z.object({
+	ZOTERO_API_KEY: z.string().min(1),
+	ZOTERO_USER: z.string().min(1),
+	ALLOWED_ORIGIN: z.string().min(1),
+	SERVICE_SECRET: z.string().min(1),
+	PORT: z.coerce.number().default(3333)
+})
+
+const env = schema.parse(process.env)
 
 const app = express();
-const port = process.env.NODE_PORT || process.env.PORT || 3333;
+const port = env.PORT
 
-const serviceSecret = process.env.SERVICE_SECRET;
+const serviceSecret = env.SERVICE_SECRET;
 
 const server = http.createServer(app);
 // @ts-expect-error FIXME:
 const io = socketIo(server, {
 	cors: {
-		origin: JSON.parse(process.env.ALLOWED_ORIGIN),
+		origin: JSON.parse(env.ALLOWED_ORIGIN),
 	},
 });
 
@@ -62,10 +65,10 @@ app.post("/message/import-lemmas", (req, res) => {
 app.get("/zotero/search/:query", async (req, res) => {
 	const x = await (
 		await fetch(
-			"https://api.zotero.org/users/" + process.env.ZOTERO_USER + "/items?q=" + req.params.query,
+			"https://api.zotero.org/users/" + env.ZOTERO_USER + "/items?q=" + req.params.query,
 			{
 				headers: {
-					"Zotero-API-Key": process.env.ZOTERO_API_KEY,
+					"Zotero-API-Key": env.ZOTERO_API_KEY,
 				},
 			},
 		)
@@ -75,7 +78,7 @@ app.get("/zotero/search/:query", async (req, res) => {
 
 app.get("/zotero/item/:id", async (request, response) => {
 	const zoteroHeaders = new Headers();
-	zoteroHeaders.set("Zotero-API-Key", process.env.ZOTERO_API_KEY);
+	zoteroHeaders.set("Zotero-API-Key", env.ZOTERO_API_KEY);
 	zoteroHeaders.set("Zotero-Api-Version", "3");
 	zoteroHeaders.set("Content-Type", "application/json");
 
@@ -87,10 +90,12 @@ app.get("/zotero/item/:id", async (request, response) => {
 	}
 
 	const zoteroResponse = await fetch(
-		"https://api.zotero.org/users/" + process.env.ZOTERO_USER + "/items/" + request.params.id,
+		"https://api.zotero.org/users/" + env.ZOTERO_USER + "/items/" + request.params.id,
 		{ headers: zoteroHeaders },
 	);
+	// @ts-expect-error Remove later
 	response.header["zoteroStatus"] = String(zoteroResponse.status);
+	// @ts-expect-error Remove later
 	response.header["zoteroStatusText"] = zoteroResponse.statusText;
 
 	let responseBody = null;
@@ -103,12 +108,12 @@ app.get("/zotero/item/:id", async (request, response) => {
 app.patch("/zotero/item/:id", async (req, res) => {
 	console.log(req.body);
 	const x = await fetch(
-		"https://api.zotero.org/users/" + process.env.ZOTERO_USER + "/items/" + req.params.id,
+		"https://api.zotero.org/users/" + env.ZOTERO_USER + "/items/" + req.params.id,
 		{
 			method: "PATCH",
 			body: JSON.stringify(req.body),
 			headers: {
-				"Zotero-API-Key": process.env.ZOTERO_API_KEY,
+				"Zotero-API-Key": env.ZOTERO_API_KEY,
 			},
 		},
 	);
@@ -133,11 +138,11 @@ app.patch("/zotero/item/:id", async (req, res) => {
 
 app.post("/zotero/item", async (req, res) => {
 	console.log(req.body);
-	const x = await fetch("https://api.zotero.org/users/" + process.env.ZOTERO_USER + "/items/", {
+	const x = await fetch("https://api.zotero.org/users/" + env.ZOTERO_USER + "/items/", {
 		method: "POST",
 		body: JSON.stringify(req.body),
 		headers: {
-			"Zotero-API-Key": process.env.ZOTERO_API_KEY,
+			"Zotero-API-Key": env.ZOTERO_API_KEY,
 		},
 	});
 	if (x.ok) {
diff --git a/src/features/articles/annotation.vue b/src/features/articles/annotation.vue
index 9997c4d..8853792 100644
--- a/src/features/articles/annotation.vue
+++ b/src/features/articles/annotation.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
+import { debounce } from "@acdh-oeaw/lib";
 import { type Editor } from "@tiptap/vue-2";
-import { debounce } from "lodash";
 import { computed, ref, watch } from "vue";
 
 import { type AnnotationAttributes } from "@/features/articles/extension-annotation";
diff --git a/src/features/articles/editor-loader.vue b/src/features/articles/editor-loader.vue
index 9179adf..40b0dd7 100644
--- a/src/features/articles/editor-loader.vue
+++ b/src/features/articles/editor-loader.vue
@@ -101,7 +101,7 @@ watch(
 		const newestVersion: LemmaArticleVersion | undefined = articleStore.newestVersion;
 
 		// and give the user great feedback!
-		if (newestVersion === undefined) {
+		if (newestVersion == null) {
 			setState(
 				"ERROR",
 				// We could not load any version for this article.
@@ -181,7 +181,7 @@ function selectVersion(versionId: number): void {
 
 	const versionToSelect = articleStore.value.versions.find((version) => version.id === versionId);
 
-	if (versionToSelect === undefined) {
+	if (versionToSelect == null) {
 		console.error({
 			message:
 				"There must be some programming error. This method should only be called with existing versions. Check it out.",
diff --git a/src/features/articles/editor.vue b/src/features/articles/editor.vue
index b5fa18f..4a22aa7 100644
--- a/src/features/articles/editor.vue
+++ b/src/features/articles/editor.vue
@@ -20,7 +20,7 @@ const props = defineProps<{
 }>();
 
 function dateToLocale(isoDate?: string): string {
-	return isoDate === undefined
+	return isoDate == null
 		? "(Das Datum konnte nicht ermittelt werden)"
 		: new Date(isoDate).toLocaleString("de");
 }
diff --git a/src/features/common/side-bar.vue b/src/features/common/side-bar.vue
index ee77955..72f23a5 100644
--- a/src/features/common/side-bar.vue
+++ b/src/features/common/side-bar.vue
@@ -167,11 +167,9 @@ async function createLemmaList(event: DragEvent | MouseEvent) {
 
 	const lemmaNameRules = [
 		(n: string | null) =>
-			n === null || (typeof n === "string" && n.trim() === "")
-				? "Geben Sie einen Namen ein."
-				: true,
+			n == null || (typeof n === "string" && n.trim() === "") ? "Geben Sie einen Namen ein." : true,
 		(n: string | null) => {
-			if (n === null) {
+			if (n == null) {
 				return "Geben Sie einen Namen ein";
 			} else if (
 				filteredLemmaLists.value.findIndex(
@@ -310,7 +308,7 @@ function onToggleDrawer() {
 				<VIcon class="mr-1" small>mdi-chevron-down</VIcon>
 				Meine Listen
 				<VSpacer />
-				<VBVtn
+				<VBtn
 					class="droppable rounded-lg"
 					style="margin-right: -2px"
 					elevation="0"
@@ -322,7 +320,7 @@ function onToggleDrawer() {
 				>
 					Liste anlegen
 					<VIcon class="ml-2" small>mdi-plus-circle-outline</VIcon>
-				</VBVtn>
+				</VBtn>
 			</VSubheader>
 
 			<VList v-show="showMyLists" class="pa-0 ma-0 lemma-nav-list x-dense" color="transparent" nav>
diff --git a/src/features/issues/issue-board.vue b/src/features/issues/issue-board.vue
index f88130e..7df0272 100644
--- a/src/features/issues/issue-board.vue
+++ b/src/features/issues/issue-board.vue
@@ -11,11 +11,13 @@ interface Column extends LemmaStatus {
 	order: number;
 }
 
-const props = defineProps<{
+const props = withDefaults( defineProps<{
 	animate: boolean;
 	columns: Array<Column>;
 	selectedLemma: IssueLemma;
-}>();
+}>(), {
+	columns: () => []
+});
 
 const emit = defineEmits<{
 	(event: "end-drag", e: Event): void;
@@ -124,7 +126,7 @@ const selectedStyle = {
 
 .issue-lemma-card {
 	/* FIXME: this looks like crap */
-	box-shadow: 0 2px 4px hsl(0deg 0% 0%) !important;
+	box-shadow: 0 2px 4px hsl(0deg 0% 0% / 10%) !important;
 	cursor: default;
 }
 
diff --git a/src/features/issues/issue-details.vue b/src/features/issues/issue-details.vue
index a877d1a..dbfc317 100644
--- a/src/features/issues/issue-details.vue
+++ b/src/features/issues/issue-details.vue
@@ -218,7 +218,7 @@ async function addNote() {
 					<template #append>
 						<VBtn
 							small
-							:disabled="newNote === null || newNote.trim() === ''"
+							:disabled="newNote == null || newNote.trim() === ''"
 							elevation="0"
 							class="rounded-lg"
 							icon
diff --git a/src/features/issues/issue-list.vue b/src/features/issues/issue-list.vue
index a6579b2..204614c 100644
--- a/src/features/issues/issue-list.vue
+++ b/src/features/issues/issue-list.vue
@@ -10,11 +10,13 @@ interface Column extends LemmaStatus {
 	items: Array<IssueLemma>;
 }
 
-const props = defineProps<{
+const props = withDefaults( defineProps<{
 	animate: boolean;
 	columns: Array<Column>;
 	selectedLemma: IssueLemma;
-}>();
+}>(), {
+	columns: () => []
+});
 
 const emit = defineEmits<{
 	(event: "end-drag", e: Event): void;
diff --git a/src/features/issues/issue-manager.vue b/src/features/issues/issue-manager.vue
index aa4c88c..fbd956f 100644
--- a/src/features/issues/issue-manager.vue
+++ b/src/features/issues/issue-manager.vue
@@ -32,7 +32,7 @@ const issueStatus = computed(() => {
 });
 
 function convertUnknownStatus(l: WithId<IssueLemma>): WithId<IssueLemma> {
-	if (issueStatus.value.find((s) => s.id === l.status) === undefined) {
+	if (issueStatus.value.find((s) => s.id === l.status) == null) {
 		return { ...l, status: issueStatus.value[0]?.id };
 	} else {
 		return l;
@@ -560,7 +560,7 @@ onMounted(() => {
 
 <style scoped>
 .selected {
-	background: hsl(0deg 0% 0%);
+	background: hsl(0deg 0% 0% / 10%);
 }
 
 .filter-autocomplete-item {
diff --git a/src/features/issues/lemma-labels.vue b/src/features/issues/lemma-labels.vue
index 0043f3f..47ec7b0 100644
--- a/src/features/issues/lemma-labels.vue
+++ b/src/features/issues/lemma-labels.vue
@@ -7,9 +7,11 @@ import store from "@/store";
 import confirm from "@/store/confirm";
 import { type Label } from "@/types/issue";
 
-const props = defineProps<{
+const props = withDefaults( defineProps<{
 	value: Array<number>;
-}>();
+}>(), {
+	value: () => []
+});
 
 const emit = defineEmits<{
 	(event: "update", value: any): void;
@@ -172,7 +174,7 @@ function onRemove(label: Label) {
 			</template>
 			<template #prepend-item>
 				<VListItem
-					style="border-bottom: 1px solid rgb(0 0 0 / 10%)"
+					style="border-bottom: 1px solid hsl(0deg 0% 0% / 10%)"
 					@click="addLabel(searchText || 'unbenanntes Label')"
 				>
 					<VListItemAvatar size="15">
diff --git a/src/features/issues/user-avatar.vue b/src/features/issues/user-avatar.vue
index 4e9459c..4b22743 100644
--- a/src/features/issues/user-avatar.vue
+++ b/src/features/issues/user-avatar.vue
@@ -21,7 +21,7 @@ const initials = computed(() => {
 
 <template>
 	<VAvatar
-		:class="['text-body-2', value === null ? 'text--secondary font-weight-light' : 'text-primary']"
+		:class="['text-body-2', value == null ? 'text--secondary font-weight-light' : 'text-primary']"
 		:color="value != null ? 'background darken-1' : 'transparent'"
 		min-width="30"
 		height="30"
diff --git a/src/features/lemmata/data-filter.vue b/src/features/lemmata/data-filter.vue
index c709e65..b1759ad 100644
--- a/src/features/lemmata/data-filter.vue
+++ b/src/features/lemmata/data-filter.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { clone, debounce } from "lodash";
+import { debounce } from "@acdh-oeaw/lib";
+import { clone } from "lodash";
 import { computed } from "vue";
 
 import SelectMenu from "@/features/ui/select-menu.vue";
@@ -25,7 +26,7 @@ function emitInput() {
 	emit("input", localFilterItems.value);
 }
 
-const debouncedEmitInput = debounce(emitInput);
+const debouncedEmitInput = debounce(emitInput, 150);
 
 function isFilterWithInput(f: LemmaFilterItem): boolean {
 	return f.comparator !== "exists" && f.comparator !== "exists-not";
@@ -130,7 +131,7 @@ function removeFilterItem(i: number) {
 				<div class="flex-nowrap text-no-wrap">
 					<VBtn
 						:disabled="
-							localFilterItems.length === 1 && (filter.query === '' || filter.query === null)
+							localFilterItems.length === 1 && (filter.query === '' || filter.query == null)
 						"
 						icon
 						small
diff --git a/src/features/lemmata/details/full-name-array-field.vue b/src/features/lemmata/details/full-name-array-field.vue
index d4f46b4..b304973 100644
--- a/src/features/lemmata/details/full-name-array-field.vue
+++ b/src/features/lemmata/details/full-name-array-field.vue
@@ -88,8 +88,8 @@ function editItem(edit_index: number) {
 			<h4 class="py-2">
 				{{ lemmaRowTranslations.alternativeNames.de }}
 			</h4>
-			<VCardActions :class="{ 'justify-center': selectedToEdit === null }">
-				<div v-if="selectedToEdit === null" class="add-new-full-name-btn">
+			<VCardActions :class="{ 'justify-center': selectedToEdit == null }">
+				<div v-if="selectedToEdit == null" class="add-new-full-name-btn">
 					<VBtn class="rounded-lg" icon @click.stop="createEmptyItem()">
 						Weiteren Namen hinzufügen
 						<VIcon class="pl-6">mdi-plus-circle-outline</VIcon>
diff --git a/src/features/lemmata/details/lemma-details.vue b/src/features/lemmata/details/lemma-details.vue
index 424417a..abcb666 100644
--- a/src/features/lemmata/details/lemma-details.vue
+++ b/src/features/lemmata/details/lemma-details.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
-import { groupBy, isNonEmptyArray } from "@acdh-oeaw/lib";
+import { debounce, groupBy, isNonEmptyArray } from "@acdh-oeaw/lib";
 import fileDialog from "file-dialog";
-import { debounce } from "lodash";
 import { ref } from "vue";
 
 import { GenderAe0Enum, type List } from "@/api";
@@ -325,6 +324,9 @@ const debouncedUpdateData = debounce(updateData, 300);
 								</VBtn>
 							</template>
 						</TextField>
+
+						<!-- FIXME: why are noble title and alternative noble titles not handled like other user columns? -->
+
 						<!-- @vue-expect-error -->
 						<TextField
 							tabindex="-1"
@@ -351,12 +353,14 @@ const debouncedUpdateData = debounce(updateData, 300);
 								<v-icon>mdi-plus-circle-outline</v-icon>
 							</VBtn>
 						</TextField>
+
 						<!-- @vue-expect-error -->
 						<TextFieldAlternatives
 							:label="lemmaRowTranslations.nobleTitle.de"
 							:value="value.columns_user.alternativeNobleTitle"
 							@input="updateUserColumns('alternativeNobleTitle', $event)"
 						/>
+
 						<VSpacer class="my-5" />
 						<DateField
 							:key="'dateOfBirth_' + value.id"
@@ -431,8 +435,8 @@ const debouncedUpdateData = debounce(updateData, 300);
 						<TextField
 							v-for="(userValue, userKey) in value.columns_user"
 							:key="userKey"
-							:value="userValue"
-							:label="userKey"
+							:value="String(userValue)"
+							:label="String(userKey)"
 							@input="debouncedUpdateUserColumns(String(userKey), $event)"
 						/>
 					</VCardText>
diff --git a/src/features/lemmata/details/lobid-gnd-search.vue b/src/features/lemmata/details/lobid-gnd-search.vue
index 6b60da0..ee55732 100644
--- a/src/features/lemmata/details/lobid-gnd-search.vue
+++ b/src/features/lemmata/details/lobid-gnd-search.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { clone, debounce } from "lodash";
+import { debounce } from "@acdh-oeaw/lib";
+import { clone } from "lodash";
 import { ref, watch } from "vue";
 
 import LobidPreviewCard from "@/features/lemmata/lobid-preview-card.vue";
@@ -62,7 +63,7 @@ watch(
 );
 
 function useCustomGnd(gnd: string | null) {
-	if (gnd === null) {
+	if (gnd == null) {
 		return;
 	}
 	const normalizedGND = gnd.trim();
diff --git a/src/features/lemmata/details/zotero-search.vue b/src/features/lemmata/details/zotero-search.vue
index fc0279c..0a00126 100644
--- a/src/features/lemmata/details/zotero-search.vue
+++ b/src/features/lemmata/details/zotero-search.vue
@@ -1,73 +1,75 @@
 <script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
+import { computed, ref, watch } from "vue";
 
 import zoteroStore from "@/service/zotero";
 import { type ZoteroItem } from "@/types/zotero";
 
-const props = defineProps<{
-	exclude?: Array<ZoteroItem>
-}>()
+const props = withDefaults( defineProps<{
+	exclude?: Array<ZoteroItem>;
+}>(), {
+	exclude: () => []
+});
 
 const emit = defineEmits<{
-	(event: "submit", value: ZoteroItem): void
-}>()
+	(event: "submit", value: ZoteroItem): void;
+}>();
 
-	const searchTerm = ref<string | null | undefined>("");
-	const zoteroResults = ref<Array<ZoteroItem>>([]);
-	const zoteroErrorMessages = ref<Array<string>>([]);
-	const loading = ref(false);
+const searchTerm = ref<string | null | undefined>("");
+const zoteroResults = ref<Array<ZoteroItem>>([]);
+const zoteroErrorMessages = ref<Array<string>>([]);
+const loading = ref(false);
 
-	// function clearZoteroResults(): void {
-	// 	zoteroResults.value = [];
-	// }
+// function clearZoteroResults(): void {
+// 	zoteroResults.value = [];
+// }
 
-	watch(searchTerm, (searchTerm) => {
-		if (searchTerm == null) return;
-		if (searchTerm.trim().length === 0) return;
+watch(searchTerm, (searchTerm) => {
+	if (searchTerm == null) return;
+	if (searchTerm.trim().length === 0) return;
 
-		loading.value = true;
+	loading.value = true;
 
-		zoteroStore
-			.searchItem(searchTerm)
-			.then((zoteroItems: Array<ZoteroItem>) => {
-				loading.value = false;
-				zoteroResults.value = zoteroItems;
-				zoteroErrorMessages.value = [];
-			})
-			.catch((event) => {
-				loading.value = false;
-				zoteroResults.value = [];
-				zoteroErrorMessages.value.push(event.message);
-			});
-	})
-
-	const filteredAndFormattedZoteroResults = computed(() => {
-		const exclude = props.exclude ?? []
-		const exclude_keys = exclude.map((zoteroItem: ZoteroItem) => zoteroItem.key);
+	zoteroStore
+		.searchItem(searchTerm)
+		.then((zoteroItems: Array<ZoteroItem>) => {
+			loading.value = false;
+			zoteroResults.value = zoteroItems;
+			zoteroErrorMessages.value = [];
+		})
+		.catch((event) => {
+			loading.value = false;
+			zoteroResults.value = [];
+			zoteroErrorMessages.value.push(event.message);
+		});
+});
 
-		const filteredResults = zoteroResults.value.filter(
-			(zoteroItem: ZoteroItem) => !exclude_keys.includes(zoteroItem.key),
-		);
+const filteredAndFormattedZoteroResults = computed(() => {
+	const exclude = props.exclude ?? [];
+	const exclude_keys = exclude.map((zoteroItem: ZoteroItem) => zoteroItem.key);
 
-		return filteredResults.map((zoteroItem) => {
-			return {
-				value: zoteroItem.key,
-				text: `${zoteroItem.data.title}, ${zoteroItem.data.date ? zoteroItem.data.date : "o. J."}`,
-			};
-		});
-	})
+	const filteredResults = zoteroResults.value.filter(
+		(zoteroItem: ZoteroItem) => !exclude_keys.includes(zoteroItem.key),
+	);
 
-	function submitItem(zoteroKey: string) {
-		const zoteroItem = zoteroResults.value.find((zoteroItem) => zoteroItem.key === zoteroKey);
+	return filteredResults.map((zoteroItem) => {
+		return {
+			value: zoteroItem.key,
+			text: `${zoteroItem.data.title}, ${zoteroItem.data.date ? zoteroItem.data.date : "o. J."}`,
+		};
+	});
+});
 
-		if (zoteroItem === undefined) {
-			throw new Error(
-				`Could not find selected zoteroItem with Key ${zoteroKey} from auto-complete in auto-complete list.`,
-			);
-		}
+function submitItem(zoteroKey: string) {
+	const zoteroItem = zoteroResults.value.find((zoteroItem) => zoteroItem.key === zoteroKey);
 
-		emit("submit", zoteroItem);
+	if (zoteroItem == null) {
+		throw new Error(
+			`Could not find selected zoteroItem with Key ${zoteroKey} from auto-complete in auto-complete list.`,
+		);
 	}
+
+	emit("submit", zoteroItem);
+}
 </script>
 
 <template>
diff --git a/src/features/lemmata/import/import-file-dialog.vue b/src/features/lemmata/import/import-file-dialog.vue
index 57821f8..97ed377 100644
--- a/src/features/lemmata/import/import-file-dialog.vue
+++ b/src/features/lemmata/import/import-file-dialog.vue
@@ -119,7 +119,7 @@ const vuetifyDataTableItems = computed(() => {
 				<VFileInput
 					:accept="fileType"
 					label="Bitte eine Datei auswählen"
-					@change="file = $event === undefined ? null : $event"
+					@change="file = $event == null ? null : $event"
 				/>
 				<VSpacer />
 				<VSelect
@@ -148,7 +148,7 @@ const vuetifyDataTableItems = computed(() => {
 			</VRow>
 			<VRow class="submit">
 				<VCol>
-					<VBtn :disabled="rawData === null" @click="submit()">Weiter</VBtn>
+					<VBtn :disabled="rawData == null" @click="submit()">Weiter</VBtn>
 				</VCol>
 			</VRow>
 			<VRow class="data-preview">
diff --git a/src/features/lemmata/lemma-add.vue b/src/features/lemmata/lemma-add.vue
index 81ed9a7..b910dc6 100644
--- a/src/features/lemmata/lemma-add.vue
+++ b/src/features/lemmata/lemma-add.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { clone, debounce } from "lodash";
+import { debounce } from "@acdh-oeaw/lib";
+import { clone } from "lodash";
 import { computed, ref, watch } from "vue";
 
 import LemmaDetails from "@/features/lemmata/details/lemma-details.vue";
diff --git a/src/features/lemmata/lemma-manager.vue b/src/features/lemmata/lemma-manager.vue
index bb56cb4..fa04d3b 100644
--- a/src/features/lemmata/lemma-manager.vue
+++ b/src/features/lemmata/lemma-manager.vue
@@ -19,9 +19,8 @@ import { type LemmaColumn, type LemmaFilterItem, type LemmaRow } from "@/types/l
 const LemmaImportManager = () => import("@/features/lemmata/import/lemma-import-manager.vue");
 
 const props = defineProps<{
-	// FIXME: where is lemmaListId set?
-	lemmaListId: number | null;
-	highlightId: number | null;
+	lemmaListId?: number;
+	highlightId?: number | null;
 }>();
 
 const toolbarMinHeight = 80;
@@ -42,6 +41,10 @@ const filteredLemmas = computed(() => store.lemma.lemmas);
 
 const importerOpened = ref(false);
 
+const toolbarHeight = computed(() => {
+	return store.settings.showLemmaFilter ? 120 : 80;
+});
+
 function onKeyDown(e: KeyboardEvent) {
 	if (e.key.toLowerCase() === "enter") {
 		e.preventDefault();
@@ -205,16 +208,12 @@ function toggleDrawer() {
 	};
 }
 
-const toolbarHeight = computed(() => {
-	return store.settings.showLemmaFilter ? 120 : 80;
-});
-
 function getTableHeight() {
 	return window.innerHeight - toolbarHeight.value;
 }
 
 function sortLemmas(c: LemmaColumn) {
-	const sort = c.sort === null || c.sort === undefined || c.sort === "desc" ? "asc" : "desc";
+	const sort = c.sort == null || c.sort === "desc" ? "asc" : "desc";
 	columns.value = columns.value.map((cO) => ({
 		...cO,
 		sort: cO.value === c.value ? sort : undefined,
@@ -222,7 +221,7 @@ function sortLemmas(c: LemmaColumn) {
 }
 
 const sortedFilteredLemmas = computed(() => {
-	const sortByColumn = columns.value.find((c) => c.sort != null && c.sort != null);
+	const sortByColumn = columns.value.find((c) => c.sort != null);
 	if (sortByColumn != null) {
 		return orderBy(store.lemma.lemmas, sortByColumn.value, sortByColumn.sort || "asc");
 	} else {
@@ -447,9 +446,9 @@ function dragListener(item: LemmaRow, ev: DragEvent) {
 					<!-- FIXME: a11y why som many h1 -->
 					<h1
 						v-if="
-							store.lemma.selectedLemmaFilterId === null &&
-							store.lemma.selectedLemmaIssueId === null &&
-							lemmaListId === null
+							store.lemma.selectedLemmaFilterId == null &&
+							store.lemma.selectedLemmaIssueId == null &&
+							lemmaListId == null
 						"
 					>
 						Lemmabibliothek
@@ -547,7 +546,7 @@ function dragListener(item: LemmaRow, ev: DragEvent) {
 							</VListItem>
 							<VListItem
 								v-if="
-									store.lemma.selectedLemmaFilterId === null &&
+									store.lemma.selectedLemmaFilterId == null &&
 									Object.keys(store.lemma.currentFilters).length > 0
 								"
 								dense
@@ -762,7 +761,7 @@ function dragListener(item: LemmaRow, ev: DragEvent) {
 }
 
 .virtual-table .table-row.selected {
-	background-color: hsl(0deg 0% 0%) !important;
+	background-color: hsl(0deg 0% 0% / 15%) !important;
 }
 
 :focus .table-row.selected {
diff --git a/src/features/lemmata/lemma-scrape-result.vue b/src/features/lemmata/lemma-scrape-result.vue
index 8090b9a..d377628 100644
--- a/src/features/lemmata/lemma-scrape-result.vue
+++ b/src/features/lemmata/lemma-scrape-result.vue
@@ -62,7 +62,7 @@ function maybeLinkItem(key: number | string, value: any): string | undefined {
 <template>
 	<VListGroup
 		:class="[
-			((Array.isArray(value) && value.length === 0) || value === undefined) && 'list-disabled',
+			((Array.isArray(value) && value.length === 0) || value == null) && 'list-disabled',
 			'scrape-result',
 		]"
 		:value="defaultExpand"
diff --git a/src/features/ui/badge.vue b/src/features/ui/badge.vue
index 1cc1ad4..55d1cb7 100644
--- a/src/features/ui/badge.vue
+++ b/src/features/ui/badge.vue
@@ -34,7 +34,7 @@ const readable = computed(() => {
 	padding: 1px 6px;
 	border-radius: 10px;
 	background: var(--v-background-darken3);
-	color: hsl(0deg 0% 0%);
+	color: hsl(0deg 0% 0% / 80%);
 	font-size: 11px;
 	letter-spacing: 0;
 	text-align: center;
@@ -45,6 +45,6 @@ const readable = computed(() => {
 
 .badge.theme--dark {
 	background: var(--v-background-lighten2);
-	color: hsl(60deg 100% 52%);
+	color: hsl(0deg 0 100% / 80%);
 }
 </style>
diff --git a/src/features/ui/date-field.vue b/src/features/ui/date-field.vue
index 445da3a..c921657 100644
--- a/src/features/ui/date-field.vue
+++ b/src/features/ui/date-field.vue
@@ -1,200 +1,10 @@
 <script lang="ts" setup>
-import { isValid } from "date-fns";
-import { debounce } from "lodash";
-import { computed,ref, watch} from 'vue'
-
-import { getDaysInMonth } from "@/lib/get-days-in-month";
-
 const props = defineProps<{
-	label?: string
-	date: string | null
+	label: string;
+	date: string | null;
 }>()
-
-const emit = defineEmits<{
-	(event: 'submit', value: string | null): void
-}>()
-
-	const localDate = ref<string | null>(props.date);
-	const day = ref<number | null>(null);
-	const month = ref<number | null>(null);
-	const year = ref<number | null>(null);
-
-	const datePickerIsOpen = ref(false);
-
-	function onChange() {
-		/** Only valid or null dates are allowed. */
-		if (localDate.value != null && !isValid(new Date(localDate.value))) return
-		emit('submit', localDate.value)
-	}
-
-	const debouncedOnChange = debounce(onChange)
-
-	watch(() => props.date, (date) => {
-		localDate.value = date;
-	})
-
-	watch(localDate, () => {
-		debouncedOnChange()
-
-		if (localDate.value != null) {
-			const _date = new Date(localDate.value);
-			day.value = _date.getUTCDate();
-			month.value = _date.getUTCMonth() + 1;
-			year.value = _date.getUTCFullYear();
-		}
-	})
-
-	watch([
-		day, month, year
-	], () => {
-		try {
-			if (year.value != null && month.value != null && day.value != null) {
-				localDate.value = new Date(Date.UTC(year.value, month.value - 1, day.value)).toISOString();
-			}
-		} catch {
-			/** noop */
-		}
-	})
-
-	const hasErrors = computed(() => {
-		return errorMessages.value.length > 0;
-	})
-
-	const errorMessages = computed(() => {
-		if (localDate.value == null) return [];
-
-		const errors = [];
-
-		const _date = new Date(localDate.value);
-
-		const _year = _date.getUTCFullYear();
-
-		// https://en.wikipedia.org/wiki/Year_zero differs from Javascript's implementation
-		// https://gitlab.com/acdh-oeaw/oebl/oebl-irs-devops/-/issues/41
-		if (_year < 1) {
-			errors.push("Es können nur Jahre ab dem Jahr 1 gespeichert werden");
-		}
-
-		const _month = _date.getUTCMonth();
-
-		if (_month < 0 || _month > 11) {
-			errors.push("Bitte einen Monat zwischen 1 und 12 auswählen.");
-		}
-
-		const _day = _date.getUTCDate();
-		const _daysInMonth = getDaysInMonth(_year, _month + 1);
-
-		if (_day < 1 || _day > _daysInMonth) {
-			errors.push(`Bitte einen Tag zwischen 1 und ${_daysInMonth} auswählen.`);
-		}
-
-		// If found errors return them
-		if (errors.length > 0) {
-			return errors;
-		}
-
-		// Else if not valid return default error message
-		if (!isValid(localDate.value)) {
-			console.error({ message: "Logic in error, check object", object: this });
-			return ["Bitte ein existierendes Datum auswählen"];
-		}
-
-		// No errors
-		return [];
-	})
-
-	function updateFromDatePicker(isoDate: string) {
-		localDate.value = isoDate;
-	}
-
-	const defaultISOValue = computed(() => {
-		return localDate.value;
-	})
-
-	const daysInMonth = computed(() => {
-		if (year.value == null) return 31;
-		if (month.value == null) return 31;
-		return getDaysInMonth(year.value, month.value);
-	})
 </script>
 
 <template>
-	<VInput
-		:error-messages="errorMessages"
-		class="background darken-2 rounded-lg mb-1 pl-2 date-field"
-		dense
-		:hide-details="!hasErrors"
-	>
-		<div class="caption label">{{ label }}</div>
-		<VSpacer />
-		<input
-			ref="date"
-			v-model.number="day"
-			min="1"
-			:max="daysInMonth"
-			maxlength="2"
-			class="pa-1 text--primary"
-			style="width: 40px"
-			placeholder="TT"
-		/>
-		<input
-			ref="month"
-			v-model.number="month"
-			maxlength="2"
-			min="1"
-			max="12"
-			class="pa-1 text--primary"
-			style="width: 40px"
-			placeholder="MM"
-		/>
-		<input
-			ref="year"
-			v-model.number="year"
-			minlength="4"
-			maxlength="4"
-			class="pa-1 text--primary"
-			style="width: 50px"
-			placeholder="JJJJ"
-		/>
-		<VSpacer />
-		<VMenu v-model="datePickerIsOpen" class="date-picker">
-			<template #activator="{ on, attrs }">
-				<VBtn v-bind="attrs" icon v-on="on"><VIcon>mdi-calendar</VIcon></VBtn>
-			</template>
-			<VDatePicker
-				no-title
-				scrollable
-				:value="defaultISOValue"
-				:first-day-of-week="1"
-				@change="updateFromDatePicker"
-			/>
-		</VMenu>
-		<VBtn icon @click="localDate = null">
-			<VIcon>mdi-close-circle-outline</VIcon>
-		</VBtn>
-	</VInput>
+	<pre>{{ props }}</pre>
 </template>
-
-<style>
-.modifier-menu {
-	width: 62px;
-}
-</style>
-
-<style scoped>
-.date-field {
-	font-size: 0.85rem;
-}
-
-.label {
-	opacity: 70%;
-}
-
-input {
-	text-align: center;
-}
-
-.v-alert {
-	font-size: 14px;
-}
-</style>
diff --git a/src/features/ui/resizable-drawer.vue b/src/features/ui/resizable-drawer.vue
index 4c8947b..c8cc678 100644
--- a/src/features/ui/resizable-drawer.vue
+++ b/src/features/ui/resizable-drawer.vue
@@ -172,7 +172,7 @@ function onVisibilityChange(value: boolean) {
 
 .nav-drawer.display-card :deep(.v-navigation-drawer__content) {
 	border-radius: 13px;
-	box-shadow: 10px 10px 100px hsl(240deg 100% 2%);
+	box-shadow: 10px 10px 100px hsl(240deg 100% 10% / 15%);
 }
 
 .nav-drawer.display-card :deep(.v-navigation-drawer__content) {
@@ -213,6 +213,6 @@ function onVisibilityChange(value: boolean) {
 }
 
 .theme--light {
-	color: hsl(0deg 0% 0%);
+	color: hsl(0deg 0% 0% / 70%);
 }
 </style>
diff --git a/src/features/ui/select-menu.vue b/src/features/ui/select-menu.vue
index c07e465..e0eecc1 100644
--- a/src/features/ui/select-menu.vue
+++ b/src/features/ui/select-menu.vue
@@ -118,7 +118,7 @@ const filteredItems = computed(() => {
 				:width="width"
 				text
 				class="px-1 ellipsis select-button rounded-lg"
-				:class="[btnClass, value === null && 'muted']"
+				:class="[btnClass, value == null && 'muted']"
 				v-bind="attrs"
 				@click="onClickActivator"
 				v-on="on"
@@ -186,7 +186,7 @@ const filteredItems = computed(() => {
 				<VDivider v-if="addNullOption" />
 				<VListItem v-if="addNullOption" @click="returnNull">
 					<VListItemAvatar>
-						<VIcon v-if="value === null || value[keyValue] === null" small>mdi-check</VIcon>
+						<VIcon v-if="value == null || value[keyValue] == null" small>mdi-check</VIcon>
 					</VListItemAvatar>
 					<VListItemContent>
 						<VListItemTitle>
diff --git a/src/features/ui/switch-button.vue b/src/features/ui/switch-button.vue
index b417ad0..f240fa2 100644
--- a/src/features/ui/switch-button.vue
+++ b/src/features/ui/switch-button.vue
@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-const props = defineProps<{
+const props = withDefaults( defineProps<{
 	/** Can emit string or boolean, should use generic instead of any. */
 	items: Array<{ icon: string; value: any }>;
 	value: any;
-}>();
+}>(), {
+	items: () => []
+});
 
 const emit = defineEmits<{
 	(event: "input", value: any): void;
@@ -50,6 +52,6 @@ function updateValue(i: number) {
 
 <style scoped>
 .custom-tab-slider {
-	background-color: hsl(0deg 0% 0%) !important;
+	background-color: hsl(0deg 0% 0% / 15%) !important;
 }
 </style>
diff --git a/src/features/ui/text-field-alternatives.vue b/src/features/ui/text-field-alternatives.vue
index c86f36f..17eb5cd 100644
--- a/src/features/ui/text-field-alternatives.vue
+++ b/src/features/ui/text-field-alternatives.vue
@@ -1,10 +1,12 @@
 <script lang="ts" setup>
 import TextField from "@/features/ui/text-field.vue";
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
 	value: Array<string>;
 	label: string;
-}>();
+}>(), {
+	value: () => []
+});
 
 const emit = defineEmits<{
 	(event: "input", value: Array<string>): void;
diff --git a/src/features/ui/text-field.vue b/src/features/ui/text-field.vue
index 31bd910..7fc5bad 100644
--- a/src/features/ui/text-field.vue
+++ b/src/features/ui/text-field.vue
@@ -1,22 +1,29 @@
 <script lang="ts" setup>
+import { v4 as uuid } from "uuid";
 import { ref, watch } from "vue";
 
-const props = defineProps<{
+const props = withDefaults( defineProps<{
 	allowNewLine?: boolean;
+	'ariaLabel'?: string
 	clearable?: boolean;
-	color?: string | null;
+	color?: string
 	disabled?: boolean;
+	id?: string
+	label?: string
 	maxlength?: number;
 	placeholder?: string;
 	required?: boolean;
-	selected?: boolean;
 	rules?: Array<(e: string | null) => string | false>;
+	selected?: boolean;
 	value?: string | null;
-}>();
+}>(), {
+	id: uuid()
+})
 
 const emit = defineEmits<{
-	(event: "input", value: string): void;
-}>();
+	(event: 'input', value: string): void
+}>()
+
 
 const textarea = ref<HTMLTextAreaElement | null>(null);
 const msg = ref<string | null>(null);
@@ -103,51 +110,54 @@ function onKeyDown(e: KeyboardEvent) {
 }
 </script>
 
+
 <template>
 	<div :class="['rounded-lg mb-1 text-field-outer', color || 'background darken-2']">
 		<div class="d-flex flex-grow-1">
 			<slot name="prepend">
-				<!-- FIXME: a11y -->
-				<!-- eslint-disable vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -->
-				<div
-					v-if="$attrs && $attrs.label"
+				<!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -->
+				<label
+					v-if="props.label"
+					:for="props.id"
 					class="caption pa-2 text-field-label"
 					@click="selectAll"
-					v-text="$attrs.label"
-				/>
-				<!-- eslint-enable vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -->
+				>{{ props.label }}</label>
 			</slot>
+
 			<div style="position: relative" class="fill-width">
 				<slot name="input">
 					<div
 						class="text-body-2 pa-2 fill-height fill-width fake-textarea"
 						v-text="localValue || '&nbsp;'"
 					/>
-					<!-- FIXME: a11y -->
-					<!-- eslint-disable vuejs-accessibility/form-control-has-label -->
+
 					<textarea
-						ref="textarea"
-						class="fill-height fill-width pa-2 text-body-2"
-						style="position: absolute; inset: 0"
-						:placeholder="placeholder"
-						:value="localValue"
-						:disabled="disabled"
-						:maxlength="maxlength"
+					:id="props.id"
+					ref="textarea"
+					:aria-label="props.ariaLabel"
+					class="fill-height fill-width pa-2 text-body-2"
+					:disabled="disabled"
+					:maxlength="maxlength"
+					:placeholder="placeholder"
+					style="position: absolute; inset: 0"
+					:value="localValue"
 						@keydown="onKeyDown"
 						@input="onInput"
 					/>
-					<!-- eslint-enable vuejs-accessibility/form-control-has-label -->
 				</slot>
 			</div>
+
 			<div>
 				<slot />
 			</div>
+
 			<div v-if="props.clearable === true && localValue != null && localValue !== ''">
 				<VBtn small icon tile class="rounded-lg mt-1 mr-1" @click="clearInput">
 					<VIcon size="16" color="primary">mdi-close</VIcon>
 				</VBtn>
 			</div>
 		</div>
+
 		<div v-if="msg != null" class="text-center caption hint" v-text="msg" />
 	</div>
 </template>
@@ -196,6 +206,6 @@ textarea {
 }
 
 .hint {
-	background: hsl(60deg 100% 63%);
+	background: hsl(0deg 0% 100% / 10%);
 }
 </style>
diff --git a/src/features/ui/virtual-table.vue b/src/features/ui/virtual-table.vue
index 7c6bc8d..f9e37ee 100644
--- a/src/features/ui/virtual-table.vue
+++ b/src/features/ui/virtual-table.vue
@@ -22,6 +22,8 @@ const props = withDefaults(
 		showFilter?: boolean;
 	}>(),
 	{
+		columns: () => [],
+		data: () => [],
 		rowHeight: 40,
 		sortableColumns: true,
 		keyboardSelection: true,
diff --git a/src/lib/lemmaimport/datacontainers.ts b/src/lib/lemmaimport/datacontainers.ts
index 2f65228..c38ebc5 100644
--- a/src/lib/lemmaimport/datacontainers.ts
+++ b/src/lib/lemmaimport/datacontainers.ts
@@ -41,7 +41,7 @@ export class Data2D {
 	getNumericalHeaderName(headerName: string): number {
 		const numericalHeaderName = this.headers.indexOf(headerName);
 		// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-		if (numericalHeaderName === undefined) {
+		if (numericalHeaderName == null) {
 			const headers = JSON.stringify(this.headers);
 			throw new Error(`Did not find <${headerName}> in ${headers}`);
 		}
diff --git a/src/lib/lemmaimport/dataconversion.ts b/src/lib/lemmaimport/dataconversion.ts
index 4813458..8c238d6 100644
--- a/src/lib/lemmaimport/dataconversion.ts
+++ b/src/lib/lemmaimport/dataconversion.ts
@@ -50,7 +50,7 @@ export function replaceNullStrings(
 }
 
 function hasMissingRequiredField(prototype: LemmaPrototypeNullableStringType) {
-	return prototype.lastName === null;
+	return prototype.lastName == null;
 }
 
 export function filterMissingRequiredFields(
@@ -81,7 +81,7 @@ export function mapGender(
 	mapping: GenderMappingOption,
 ): GenderAe0Enum | undefined {
 	// All cases of empty value return undefined gender
-	if (gender === null || gender === undefined || gender === "") {
+	if (gender == null || gender === "") {
 		return undefined;
 	}
 
@@ -138,8 +138,8 @@ export function buildNewLemmaRowAfterFormatting(
 		...lemmaDates, // New Formatted Data
 		...lemmaGender, // New Formatted Data
 		gnd: lemmaPrototype.gnd ? [lemmaPrototype.gnd] : [],
-		loc: lemmaPrototype.loc === null ? null : Number(lemmaPrototype.loc),
-		viaf_id: lemmaPrototype.viaf_id === null ? null : Number(lemmaPrototype.viaf_id),
+		loc: lemmaPrototype.loc == null ? null : Number(lemmaPrototype.loc),
+		viaf_id: lemmaPrototype.viaf_id == null ? null : Number(lemmaPrototype.viaf_id),
 		professionDetail: lemmaPrototype.professionDetail,
 		bioNote: lemmaPrototype.bioNote,
 		kinship: lemmaPrototype.kinship,
diff --git a/src/lib/lemmaimport/lemmaimport.ts b/src/lib/lemmaimport/lemmaimport.ts
index f61c739..9cfe8d4 100644
--- a/src/lib/lemmaimport/lemmaimport.ts
+++ b/src/lib/lemmaimport/lemmaimport.ts
@@ -9,13 +9,13 @@ export async function importLemmas(lemmas: Array<NewLemmaRow>): Promise<void> {
 
 	const list = lemmas[0]!.list;
 
-	if (list === undefined) {
+	if (list == null) {
 		throw new Error("Can not import lemmas without a list");
 	}
 
 	const id = list.id;
 
-	if (id === undefined) {
+	if (id == null) {
 		throw new Error("can not import with a list, without an ID");
 	}
 
diff --git a/src/lib/lemmaimport/optionmanagement.ts b/src/lib/lemmaimport/optionmanagement.ts
index 4bb8bb1..1ce63ee 100644
--- a/src/lib/lemmaimport/optionmanagement.ts
+++ b/src/lib/lemmaimport/optionmanagement.ts
@@ -15,7 +15,7 @@ export class ImportOptionsManager {
 	load() {
 		const loadedString = localStorage.getItem(this.storageKey);
 
-		if (loadedString === null) {
+		if (loadedString == null) {
 			this.importOptionsCollections = {};
 			return;
 		}
@@ -39,7 +39,7 @@ export class ImportOptionsManager {
 
 	getImportOptionByName(name: string): ImportOptions {
 		const options = this.importOptionsCollections[name];
-		if (options === undefined) {
+		if (options == null) {
 			throw new Error(`Can't find options with name ${name}`);
 		}
 
diff --git a/src/lib/router.ts b/src/lib/router.ts
index 2c3d979..2a93e04 100644
--- a/src/lib/router.ts
+++ b/src/lib/router.ts
@@ -6,14 +6,15 @@ import ArticleByIdPage from "@/pages/articles/[id]/index.vue";
 import IssueByIdPage from "@/pages/issues/[id]/index.vue";
 import LemmaByIdPrintPage from "@/pages/lemmata/[id]/print.vue";
 import LemmataPage from "@/pages/lemmata/index.vue";
+import LemmaListByIdPage from "@/pages/lemmata/list/[id]/index.vue";
 
 Vue.use(VueRouter);
 
 const routes: Array<RouteConfig> = [
-	// {
-	// 	path: "/",
-	// 	redirect: "/lemmas",
-	// },
+	{
+		path: "/",
+		redirect: "/lemmata",
+	},
 	{
 		path: "/issues/:id(\\d+)",
 		component: IssueByIdPage,
@@ -29,17 +30,6 @@ const routes: Array<RouteConfig> = [
 		path: "/lemmata",
 		component: LemmataPage,
 	},
-	// FIXME: why are filter and list separate routes?
-	// {
-	// 	path: "/lemmata/filter/:lemmaFilterId(\\d+)",
-	// 	component: LemmaManager,
-	// 	props(route) {
-	// 		return {
-	// 			lemmaFilterId: Number(route.params.lemmaFilterId) || null,
-	// 			highlightId: Number(route.query.focus) || null,
-	// 		};
-	// 	},
-	// },
 	{
 		path: "/lemmata/list/:id(\\d+)",
 		component: LemmaListByIdPage,
@@ -50,12 +40,6 @@ const routes: Array<RouteConfig> = [
 			}
 			return undefined;
 		},
-		// props(route) {
-		// 	return {
-		// 		id: Number(route.params.id) || null,
-		// 		highlightId: Number(route.query.focus) || null,
-		// 	};
-		// },
 	},
 	{
 		path: "/lemmata/:id(\\d+)/print",
diff --git a/src/pages/lemmata/index.vue b/src/pages/lemmata/index.vue
index ba03205..bd2a367 100644
--- a/src/pages/lemmata/index.vue
+++ b/src/pages/lemmata/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { assert, isNonEmptyString } from "@acdh-oeaw/lib";
+import { isNonEmptyString } from "@acdh-oeaw/lib";
 import { computed } from "vue";
 import { useRoute } from "vue-router/composables";
 
@@ -8,15 +8,17 @@ import { isPositiveInteger } from "@/lib/is-positive-integer";
 
 const route = useRoute();
 
-const params = computed(() => {
-	if (!isNonEmptyString(route.query.highlightId)) return { id: null };
+const query = computed(() => {
+	if (!isNonEmptyString(route.query.focus)) return { id: null };
+
+	const id = Number(route.query.focus);
+
+	if (!isPositiveInteger(id)) return { id: null };
 
-	const id = Number(route.query.highlightId);
-	assert(isPositiveInteger(id));
 	return { id };
 });
 </script>
 
 <template>
-	<LemmaManager :highlight-id="params.id" />
+	<LemmaManager :highlight-id="query.id" />
 </template>
diff --git a/src/pages/lemmata/list/[id]/index.vue b/src/pages/lemmata/list/[id]/index.vue
new file mode 100644
index 0000000..70d0d58
--- /dev/null
+++ b/src/pages/lemmata/list/[id]/index.vue
@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+import { assert, isNonEmptyString } from "@acdh-oeaw/lib";
+import { computed } from "vue";
+import { useRoute } from "vue-router/composables";
+
+import LemmaManager from "@/features/lemmata/lemma-manager.vue";
+import { isPositiveInteger } from "@/lib/is-positive-integer";
+
+const route = useRoute();
+
+const params = computed(() => {
+	const id = Number(route.params.id);
+	assert(isPositiveInteger(id));
+	return { id };
+});
+
+const query = computed(() => {
+	if (!isNonEmptyString(route.query.focus)) return { id: null };
+
+	const id = Number(route.query.focus);
+
+	if (!isPositiveInteger(id)) return { id: null };
+
+	return { id };
+});
+</script>
+
+<template>
+	<LemmaManager :lemma-list-id="params.id" :highlight-id="query.id" />
+</template>
diff --git a/src/service/zotero.ts b/src/service/zotero.ts
index 8fbf986..6e52943 100644
--- a/src/service/zotero.ts
+++ b/src/service/zotero.ts
@@ -255,7 +255,7 @@ export class ZoteroLemmaManagmentController {
 		// If there is a cache, load data from there
 		let cachedItems: Array<ZoteroItem> = [];
 		try {
-			cachedItems = this._cache === null ? [] : await this._cache.select(zoteroItemKeys);
+			cachedItems = this._cache == null ? [] : await this._cache.select(zoteroItemKeys);
 		} catch (error) {
 			console.error({ catchedError: error });
 		}
diff --git a/src/store/article.ts b/src/store/article.ts
index a526510..6fb79bd 100644
--- a/src/store/article.ts
+++ b/src/store/article.ts
@@ -88,7 +88,7 @@ export class ArticleStore implements ArticleStoreInterface {
 
 	async updateMarkup(new_markup: Markup): Promise<ArticleStore> {
 		const newestVersion = this.newestVersion;
-		if (newestVersion === undefined) {
+		if (newestVersion == null) {
 			throw new Error("Can not update markup – newest version not found");
 		}
 
diff --git a/src/store/confirm.ts b/src/store/confirm.ts
index 1a4e02a..4ece6fe 100644
--- a/src/store/confirm.ts
+++ b/src/store/confirm.ts
@@ -28,8 +28,7 @@ class ConfirmStore {
 		this.show = true;
 		this.abortText = options?.abortText || this.defaultAbortText;
 		this.confirmText = options?.confirmText || this.defaultConfirmText;
-		this.showCancel =
-			options?.showCancel === undefined ? this.defaultShowCancel : options.showCancel;
+		this.showCancel = options?.showCancel == null ? this.defaultShowCancel : options.showCancel;
 		this.icon = options?.icon || this.defaultIcon;
 		// eslint-disable-next-line @typescript-eslint/no-this-alias
 		const that = this;
diff --git a/src/store/issue.ts b/src/store/issue.ts
index 9fb364e..52819d3 100644
--- a/src/store/issue.ts
+++ b/src/store/issue.ts
@@ -63,7 +63,7 @@ export default class IssueStore {
 	}
 
 	async getIssueLemmas(id: number | null) {
-		if (id === null) {
+		if (id == null) {
 			return [];
 		}
 		return (await WorkflowService.workflowApiV1IssueLemmaList(undefined, id, undefined))
@@ -101,7 +101,7 @@ export default class IssueStore {
 	}
 
 	async loadStatuses(id: number | null) {
-		if (id === null) {
+		if (id == null) {
 			return [];
 		}
 		this._statuses = (await WorkflowService.workflowApiV1LemmaStatusList([id])).results as Array<
@@ -148,7 +148,7 @@ export default class IssueStore {
 
 	async getIssueLemmaById(id: number): Promise<IssueLemma | undefined> {
 		const local = this.issueLemmas.find((il) => il.id === id);
-		if (local === undefined) {
+		if (local == null) {
 			try {
 				return await WorkflowService.workflowApiV1IssueLemmaRetrieve(id);
 			} catch (e) {
diff --git a/src/store/lemma.ts b/src/store/lemma.ts
index c766574..3a33c68 100644
--- a/src/store/lemma.ts
+++ b/src/store/lemma.ts
@@ -484,7 +484,7 @@ export default class LemmaStore {
 	}
 
 	async addLemmasToList(list: LemmaRow["list"], lemmas: Array<LemmaRow>) {
-		if (list === undefined) {
+		if (list == null) {
 			return;
 		}
 		await this.updateLemmas(lemmas, { list });
@@ -824,7 +824,7 @@ export default class LemmaStore {
 
 		// there are no lemmas, or no last modified date,
 		// or the DB must be cleared => get all lemmas
-		if (modifiedAfter === null || currentLemmasLength === 0 || this.shouldClearDb()) {
+		if (modifiedAfter == null || currentLemmasLength === 0 || this.shouldClearDb()) {
 			this._lemmas = [];
 			try {
 				await this.localDb.lemmas.clear();
@@ -867,7 +867,7 @@ export default class LemmaStore {
 	}
 
 	getLemmaById(id?: number) {
-		return id === undefined ? undefined : this._lemmas.find((l) => l.id === id);
+		return id == null ? undefined : this._lemmas.find((l) => l.id === id);
 	}
 
 	getLemmasByList(listId: number) {
@@ -906,7 +906,7 @@ export default class LemmaStore {
 			}
 
 			// If there is nothing to compare to, this lemma should not pass filter.
-			if (lookUpValue === undefined || lookUpValue === null) {
+			if (lookUpValue == null) {
 				return false;
 			}
 
diff --git a/src/styles/index.css b/src/styles/index.css
index 3ec666a..3829283 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -22,11 +22,11 @@ body,
 }
 
 .theme--light .soft-shadow {
-	box-shadow: 0 5px 55px hsl(240deg 100% 1%) !important;
+	box-shadow: 0 5px 55px hsl(240deg 100% 1% / 20%) !important;
 }
 
 .theme--dark .soft-shadow {
-	box-shadow: 0 0 55px hsl(0deg 0% 0%) !important;
+	box-shadow: 0 0 55px hsl(0deg 0% 0% / 30%) !important;
 }
 
 .v-application .v-btn {
@@ -51,11 +51,11 @@ body,
 }
 
 .theme--dark ::-webkit-scrollbar-thumb {
-	background-color: hsl(60deg 100% 53%);
+	background-color: hsl(60deg 100% 53% / 50%);
 }
 
 .theme--light ::-webkit-scrollbar-thumb {
-	background-color: hsl(240deg 100% 1%);
+	background-color: hsl(240deg 100% 1% / 25%);
 }
 
 .sticky {
@@ -127,7 +127,7 @@ header h1:focus {
 .tippy-box {
 	border-radius: 13px !important;
 	background: var(--v-background-base) !important;
-	box-shadow: 0 5px 55px hsl(240deg 100% 1%) !important;
+	box-shadow: 0 5px 55px hsl(240deg 100% 1% / 20%) !important;
 }
 
 .tippy-box[data-placement^="top"] > .tippy-arrow::before {
diff --git a/tsconfig.json b/tsconfig.json
index 2ae2528..cf21ec9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,9 @@
 		"noEmit": true,
 		"noUncheckedIndexedAccess": true,
 		"paths": {
-			"@/*": ["./src/*"]
+			"@/*": ["./src/*"],
+			"@server/*": ["./server/*"],
+			"~/*": ["./*"]
 		},
 		"resolveJsonModule": true,
 		"skipLibCheck": true,
diff --git a/vue.config.js b/vue.config.js
index 74b7ab4..6592cbc 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -4,7 +4,7 @@ const { ProvidePlugin } = require("webpack");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 
 const config = defineConfig({
-	configureWebpack: (config) => {
+	configureWebpack(config) {
 		/** Disable typechecking via webpack plugin. */
 		config.plugins = config.plugins.filter((p) => !(p instanceof ForkTsCheckerWebpackPlugin));