Update package-lock.json and package.json to include 'globals' dependency and improve code formatting in various components for better readability.

pages/login.vue

@@ -11,10 +11,16 @@
       </div>
 
       <div class="bg-white rounded-xl shadow-lg p-8">
-        <form @submit.prevent="handleLogin" class="space-y-6">
+        <form
+          class="space-y-6"
+          @submit.prevent="handleLogin"
+        >
           <!-- Email -->
           <div>
-            <label for="email" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="email"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               E-Mail-Adresse
             </label>
             <input
@@ -26,12 +32,15 @@
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               :class="{ 'border-red-500': errorMessage }"
               placeholder="ihre-email@example.com"
-            />
+            >
           </div>
 
           <!-- Password -->
           <div>
-            <label for="password" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="password"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               Passwort
             </label>
             <input
@@ -43,21 +52,33 @@
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               :class="{ 'border-red-500': errorMessage }"
               placeholder="••••••••"
-            />
+            >
           </div>
 
           <!-- Error Message -->
-          <div v-if="errorMessage" class="bg-red-50 border border-red-200 rounded-lg p-4">
+          <div
+            v-if="errorMessage"
+            class="bg-red-50 border border-red-200 rounded-lg p-4"
+          >
             <p class="text-sm text-red-800 flex items-center">
-              <AlertCircle :size="18" class="mr-2" />
+              <AlertCircle
+                :size="18"
+                class="mr-2"
+              />
               {{ errorMessage }}
             </p>
           </div>
 
           <!-- Success Message -->
-          <div v-if="successMessage" class="bg-green-50 border border-green-200 rounded-lg p-4">
+          <div
+            v-if="successMessage"
+            class="bg-green-50 border border-green-200 rounded-lg p-4"
+          >
             <p class="text-sm text-green-800 flex items-center">
-              <Check :size="18" class="mr-2" />
+              <Check
+                :size="18"
+                class="mr-2"
+              />
               {{ successMessage }}
             </p>
           </div>
@@ -68,7 +89,11 @@
             :disabled="isLoading"
             class="w-full px-6 py-3 bg-primary-600 hover:bg-primary-700 disabled:bg-gray-400 text-white font-semibold rounded-lg transition-colors flex items-center justify-center"
           >
-            <Loader2 v-if="isLoading" :size="20" class="mr-2 animate-spin" />
+            <Loader2
+              v-if="isLoading"
+              :size="20"
+              class="mr-2 animate-spin"
+            />
             <span>{{ isLoading ? 'Anmeldung läuft...' : 'Anmelden' }}</span>
           </button>
 
@@ -87,7 +112,10 @@
       <!-- Info Box -->
       <div class="bg-primary-50 border border-primary-100 rounded-lg p-4">
         <p class="text-sm text-primary-800 text-center">
-          <Lock :size="16" class="inline mr-1" />
+          <Lock
+            :size="16"
+            class="inline mr-1"
+          />
           Nur für Vereinsmitglieder. Kein Zugang? Kontaktieren Sie den Vorstand.
         </p>
       </div>