);
}
diff --git a/06_react/unterricht/tag37/02_react-with-forms/src/utils/validators/validate.js b/06_react/unterricht/tag37/02_react-with-forms/src/utils/validators/validate.js
new file mode 100644
index 0000000..c688127
--- /dev/null
+++ b/06_react/unterricht/tag37/02_react-with-forms/src/utils/validators/validate.js
@@ -0,0 +1,23 @@
+const validate = (formData) => {
+ const errors = {};
+
+ if (!formData.firstname) {
+ errors.firstname = 'Firstname is required';
+ }
+
+ if (!formData.lastname) {
+ errors.lastname = 'Lastname is required';
+ }
+
+ if (!formData.email) {
+ errors.email = 'Email is required';
+ } else if (!/\S+@\S+\.\S+/.test(formData.email)) {
+ errors.email = 'Email is invalid';
+ }
+
+ if (!formData.message) {
+ errors.message = 'Message is required';
+ }
+
+ return errors;
+};
diff --git a/06_react/unterricht/tag37/02_react-with-forms/vite.config.js b/06_react/unterricht/tag37/02_react-with-forms/vite.config.js
index 8b0f57b..24ad103 100644
--- a/06_react/unterricht/tag37/02_react-with-forms/vite.config.js
+++ b/06_react/unterricht/tag37/02_react-with-forms/vite.config.js
@@ -1,7 +1,15 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
-})
+ css: {
+ preprocessorOptions: {
+ scss: {
+ quietDeps: true, // Unix
+ silenceDeprecations: ['color-functions', 'global-builtin', 'import', 'legacy-js-api', 'if-function'],
+ },
+ },
+ },
+});