styles

src/app/features/auth/components/login/login.component.ts

@@ -1,16 +1,26 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-// WICHTIG: ReactiveFormsModule HIER importieren
-import { ReactiveFormsModule, FormBuilder, Validators, FormGroup } from '@angular/forms'; 
+import {
+  ReactiveFormsModule,
+  FormBuilder,
+  Validators,
+  FormGroup,
+} from '@angular/forms';
 import { RouterLink } from '@angular/router';
 
+// Importieren der wiederverwendbaren Komponenten
+import { ButtonComponent } from '../../../../shared/components/ui/button/button.component';
+import { FormFieldComponent } from '../../../../shared/components/form/form-field/form-field.component';
+
 @Component({
   selector: 'app-login',
-   
+  standalone: true,
   imports: [
-    CommonModule, 
+    CommonModule,
+    ReactiveFormsModule,
     RouterLink,
-    ReactiveFormsModule // <-- HIER IST DIE KORREKTUR. Jetzt kennt die Komponente [formGroup].
+    ButtonComponent,
+    FormFieldComponent,
   ],
   templateUrl: './login.component.html',
   styleUrl: './login.component.css',
@@ -33,4 +43,4 @@ export class LoginComponent {
       this.loginForm.markAllAsTouched();
     }
   }
-}
+}