diff --git a/package.json b/package.json
index 55bd9be2dc797590c2f318c154bf257ef6adbb1c..43828fc9d97df3239a326bab4eab5c15d35a5e49 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   ],
   "scripts": {
     "test": "lerna run test",
+    "format": "lerna run format",
     "build": "lerna run build",
     "i18next": "lerna run i18next",
     "version-patch": "lerna version patch",
diff --git a/packages/app-shell/.prettierignore b/packages/app-shell/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..9f6b5e8e183caf09d6144a683354474d673c1337
--- /dev/null
+++ b/packages/app-shell/.prettierignore
@@ -0,0 +1,2 @@
+node_modules/
+/dist
\ No newline at end of file
diff --git a/packages/app-shell/.prettierrc.json b/packages/app-shell/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/app-shell/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/app-shell/package.json b/packages/app-shell/package.json
index 882442d86e96f54b57cbb7a1da2fb347cd435652..72c33a28b9606a40c5d2a9fa1ed9d033f26ffe76 100644
--- a/packages/app-shell/package.json
+++ b/packages/app-shell/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -47,6 +48,9 @@
   },
   "scripts": {
     "i18next": "i18next-scanner",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-test": "rollup -c --environment BUILD:test",
diff --git a/packages/auth/.prettierignore b/packages/auth/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..9f6b5e8e183caf09d6144a683354474d673c1337
--- /dev/null
+++ b/packages/auth/.prettierignore
@@ -0,0 +1,2 @@
+node_modules/
+/dist
\ No newline at end of file
diff --git a/packages/auth/.prettierrc.json b/packages/auth/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/auth/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/auth/package.json b/packages/auth/package.json
index 0cde8e8b0b074a00297068adfdfbc181fd4254ce..e0fb2780521134f84b696d73a883bed692316df9 100644
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -29,6 +29,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -43,6 +44,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "yarn run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/check-in-place-select/.prettierignore b/packages/check-in-place-select/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/check-in-place-select/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/check-in-place-select/.prettierrc.json b/packages/check-in-place-select/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/check-in-place-select/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/check-in-place-select/package.json b/packages/check-in-place-select/package.json
index 934eb16d680762af0b80da07da38cd23d299ce6a..8f59dc85a93a2baeb22c2c1e9a98068ba209c4ae 100644
--- a/packages/check-in-place-select/package.json
+++ b/packages/check-in-place-select/package.json
@@ -28,6 +28,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -44,6 +45,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/common/.prettierignore b/packages/common/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/common/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/common/.prettierrc.json b/packages/common/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/common/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/common/package.json b/packages/common/package.json
index 28a276f0440efe0b549374c08543e95fea9b427b..3e75228825db609e9453500baab6264101aa0dd3 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -22,6 +22,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -29,6 +30,9 @@
   },
   "scripts": {
     "i18next": "i18next-scanner",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "clean": "rm dist/*",
     "build": "rollup -c",
     "build-test": "rollup -c --environment BUILD:test",
diff --git a/packages/data-table-view/.prettierignore b/packages/data-table-view/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/data-table-view/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/data-table-view/.prettierrc.json b/packages/data-table-view/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/data-table-view/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/data-table-view/package.json b/packages/data-table-view/package.json
index 5498081347a64d4fc332350d395deaf98067bd43..eafa4b516f4c925ed34793592268555dd0302067 100644
--- a/packages/data-table-view/package.json
+++ b/packages/data-table-view/package.json
@@ -27,6 +27,7 @@
     "karma-chrome-launcher": "^3.0.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -49,6 +50,9 @@
   },
   "scripts": {
     "clean": "rm -r dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/file-handling/.prettierignore b/packages/file-handling/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/file-handling/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/file-handling/.prettierrc.json b/packages/file-handling/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/file-handling/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/file-handling/package.json b/packages/file-handling/package.json
index 04b49ae1e97c09cc816ef6173429036cd9fcd757..c75a6c1715b408fb4f1d70f52ddd5a184e3fd59f 100644
--- a/packages/file-handling/package.json
+++ b/packages/file-handling/package.json
@@ -26,6 +26,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.0",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -46,6 +47,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/knowledge-base-web-page-element-view/.prettierignore b/packages/knowledge-base-web-page-element-view/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/knowledge-base-web-page-element-view/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/knowledge-base-web-page-element-view/.prettierrc.json b/packages/knowledge-base-web-page-element-view/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/knowledge-base-web-page-element-view/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/knowledge-base-web-page-element-view/package.json b/packages/knowledge-base-web-page-element-view/package.json
index f7d85fc39959cf397da54893e15c265011e1b94f..78dd7cf7cdc736e057987b606fae9820588d822d 100644
--- a/packages/knowledge-base-web-page-element-view/package.json
+++ b/packages/knowledge-base-web-page-element-view/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -43,6 +44,9 @@
   },
   "scripts": {
     "i18next": "i18next-scanner",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "clean": "rm dist/*",
     "build": "npm run build-local",
     "build-local": "rollup -c",
diff --git a/packages/matomo/.prettierignore b/packages/matomo/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/matomo/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/matomo/.prettierrc.json b/packages/matomo/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/matomo/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/matomo/package.json b/packages/matomo/package.json
index 629686900b13f8ccb29ad629acbe57ddf12d592f..4dd0a668872faffdf66d6c992b2d18af8b4a06ce 100644
--- a/packages/matomo/package.json
+++ b/packages/matomo/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -41,6 +42,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/notification/.prettierignore b/packages/notification/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/notification/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/notification/.prettierrc.json b/packages/notification/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/notification/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/notification/package.json b/packages/notification/package.json
index 2cc8d46447c47f4a3671c5983ed383f460bbc657..8d7d8688fc8e4f58960193fc81c4173449a89d6a 100644
--- a/packages/notification/package.json
+++ b/packages/notification/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -40,6 +41,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/organization-select/.prettierignore b/packages/organization-select/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/organization-select/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/organization-select/.prettierrc.json b/packages/organization-select/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/organization-select/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/organization-select/package.json b/packages/organization-select/package.json
index c9a8289bbb0106a0ae73966b42145a770539ad6f..97dada1f723e93152c8743cf00a480eca5963b47 100644
--- a/packages/organization-select/package.json
+++ b/packages/organization-select/package.json
@@ -28,6 +28,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -44,6 +45,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/person-profile/.prettierignore b/packages/person-profile/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/person-profile/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/person-profile/.prettierrc.json b/packages/person-profile/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/person-profile/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/person-profile/package.json b/packages/person-profile/package.json
index d649ce396df6340d30c2e0c3d60e65227648e3ce..be9f391a8c3bac7259646816e2148bf8a10dad37 100644
--- a/packages/person-profile/package.json
+++ b/packages/person-profile/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -43,6 +44,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/person-select/.prettierignore b/packages/person-select/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/person-select/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/person-select/.prettierrc.json b/packages/person-select/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/person-select/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/person-select/package.json b/packages/person-select/package.json
index 6e078f4b667886e9e45470b982af0024c1c0dc01..764a41f002eeee85014fc4be5e44a399c350a0bb 100644
--- a/packages/person-select/package.json
+++ b/packages/person-select/package.json
@@ -28,6 +28,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -44,6 +45,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/provider/.prettierignore b/packages/provider/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/provider/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/provider/.prettierrc.json b/packages/provider/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/provider/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/provider/package.json b/packages/provider/package.json
index 47f2b0b35506182d56532e565473eefb5e3bf665..748d6d8c22bd91c8dbd484aec7b7bbc78bbe6561 100644
--- a/packages/provider/package.json
+++ b/packages/provider/package.json
@@ -28,6 +28,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.19.0",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -42,6 +43,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/qr-code-scanner/.prettierignore b/packages/qr-code-scanner/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/qr-code-scanner/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/qr-code-scanner/.prettierrc.json b/packages/qr-code-scanner/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/qr-code-scanner/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/qr-code-scanner/package.json b/packages/qr-code-scanner/package.json
index f9911351ab045088ac07abba607025aa67ebf883..61571fd91cbc671cbee179c3d210871963fb56a4 100644
--- a/packages/qr-code-scanner/package.json
+++ b/packages/qr-code-scanner/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -43,6 +44,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/theme-switcher/.prettierignore b/packages/theme-switcher/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/theme-switcher/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/theme-switcher/.prettierrc.json b/packages/theme-switcher/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/theme-switcher/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/theme-switcher/package.json b/packages/theme-switcher/package.json
index 51d74bc59a597b597d3e5c130716e31f79c6661e..b843991630582e97ff0514edfda4bb31ada8a0a3 100644
--- a/packages/theme-switcher/package.json
+++ b/packages/theme-switcher/package.json
@@ -26,6 +26,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.0",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -42,6 +43,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/tooltip/.prettierignore b/packages/tooltip/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/tooltip/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/tooltip/.prettierrc.json b/packages/tooltip/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/tooltip/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json
index 4a5a8b87a929b61660a69ff18f6b2db9eec3446d..f4da057da3a7c9dbf18758903f62a4aeb5e02947 100644
--- a/packages/tooltip/package.json
+++ b/packages/tooltip/package.json
@@ -27,6 +27,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -43,6 +44,9 @@
   },
   "scripts": {
     "clean": "rm dist/*",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "build": "npm run build-local",
     "build-local": "rollup -c",
     "build-dev": "rollup -c --environment BUILD:development",
diff --git a/packages/typescript-example/.prettierignore b/packages/typescript-example/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..68e724f6c0751675600c23ca3c70dd28bac7ce2a
--- /dev/null
+++ b/packages/typescript-example/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+/dist
+/vendor
diff --git a/packages/typescript-example/.prettierrc.json b/packages/typescript-example/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/packages/typescript-example/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/packages/typescript-example/package.json b/packages/typescript-example/package.json
index 6a47609210e28f31279f8c67ffe45e25331a4005..713b5558ac2d11b2c30c5080baa3b50268fa4508 100644
--- a/packages/typescript-example/package.json
+++ b/packages/typescript-example/package.json
@@ -18,14 +18,15 @@
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@types/mocha": "^9.0.0",
-    "eslint": "^8.0.0",
     "@typescript-eslint/eslint-plugin": "^5.0.0-alpha.42",
     "@typescript-eslint/parser": "^5.0.0-alpha.42",
+    "eslint": "^8.0.0",
     "karma": "^6.0.0",
     "karma-chrome-launcher": "^3.0.0",
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.33.3",
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -42,6 +43,9 @@
     "lit": "^2.0.0"
   },
   "scripts": {
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "clean": "rm dist/*",
     "build": "rollup -c",
     "watch": "rollup -c --watch",
diff --git a/toolkit-showcase/.prettierignore b/toolkit-showcase/.prettierignore
new file mode 100644
index 0000000000000000000000000000000000000000..a78d528cbd719d28d4e28042b72d5af625b5666e
--- /dev/null
+++ b/toolkit-showcase/.prettierignore
@@ -0,0 +1,2 @@
+node_modules/
+/dist
diff --git a/toolkit-showcase/.prettierrc.json b/toolkit-showcase/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..fecd75dc82be60e441465a1b88059c64b8622d71
--- /dev/null
+++ b/toolkit-showcase/.prettierrc.json
@@ -0,0 +1,16 @@
+{
+    "bracketSpacing": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "overrides": [
+        {
+            "files": "*.js",
+            "options": {
+                "semi": true
+            }
+        }
+    ]
+}
diff --git a/toolkit-showcase/package.json b/toolkit-showcase/package.json
index bb8b40ab661fc603013c0f246950a0e1ca901883..94cbc664e20a3b499ad901bb915ccab22ebeb5a8 100644
--- a/toolkit-showcase/package.json
+++ b/toolkit-showcase/package.json
@@ -28,6 +28,7 @@
     "karma-firefox-launcher": "^2.1.0",
     "karma-mocha": "^2.0.1",
     "mocha": "^9.0.0",
+    "prettier": "^2.5.1",
     "rollup": "^2.18.1",
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -56,6 +57,9 @@
   },
   "scripts": {
     "build": "rollup -c",
+    "format": "yarn run format:eslint && yarn run format:prettier",
+    "format:eslint": "eslint \"**/*.{js,ts}\" --fix",
+    "format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
     "i18next": "i18next-scanner",
     "watch": "rollup -c --watch",
     "watch-local": "yarn run watch",
diff --git a/yarn.lock b/yarn.lock
index 47ead6f173b3e6662b0ec7695a065149e09f32f7..3a4aaebba39e5d79438912b03ffc122b9b89af2f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6744,6 +6744,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
+  integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
+
 process-nextick-args@^2.0.0, process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"