Implementiere Passwort-Zurücksetzen-Funktionalität im authController, einschließlich E-Mail-Versand und Token-Generierung. Aktualisiere die Benutzer- und Router-Modelle, um neue Routen für Passwort-Wiederherstellung hinzuzufügen. Passe die Frontend-Komponenten für die Passwort-Zurücksetzen-Logik an und verbessere die Benutzeroberfläche für die Eingabe der E-Mail-Adresse.

src/router.js

@@ -52,6 +52,8 @@ router.beforeEach(async (to, from, next) => {
     routes.forEach(route => router.addRoute(route));
     addEditPagesRoute();
     addRegisterRoute();
+    addForgotPasswordRoute();
+    addResetPasswordRoute();
     router.addRoute({
       path: '/:pathMatch(.*)*',
       components: {
@@ -98,7 +100,37 @@ function addRegisterRoute() {
   });
 }
 
+function addForgotPasswordRoute() {
+  if (router.hasRoute('/forgot-password')) {
+    router.removeRoute('/forgot-password');
+  }
+  router.addRoute({
+    path: '/forgot-password',
+    components: {
+      default: () => import('./content/authentication/ForgotPasswordContent.vue'),
+      rightColumn: loadComponent('ImageContent')
+    },
+    name: 'forgot-password'
+  });
+}
+
+function addResetPasswordRoute() {
+  if (router.hasRoute('/reset-password')) {
+    router.removeRoute('/reset-password');
+  }
+  router.addRoute({
+    path: '/reset-password',
+    components: {
+      default: () => import('./content/authentication/ResetPasswordContent.vue'),
+      rightColumn: loadComponent('ImageContent')
+    },
+    name: 'reset-password'
+  });
+}
+
 addEditPagesRoute();
 addRegisterRoute();
+addForgotPasswordRoute();
+addResetPasswordRoute();
 
 export default router;