refactor: enforce frontend view model boundaries

src/features/auth/ui/LoginForm/LoginForm.vm.ts

@@ -0,0 +1,28 @@
+import type { ComponentProps } from "react";
+
+import { useLocation, useNavigate } from "react-router";
+
+import { useAuth } from "../../model/auth-context";
+import { AuthForm } from "../AuthForm/AuthForm";
+
+function useLoginFormVm() {
+	const { login } = useAuth();
+	const navigate = useNavigate();
+	const location = useLocation();
+
+	const returnTo
+		= (location.state as null
+		| { returnTo?: string })?.returnTo ?? "/accounts";
+
+	const onSubmit: ComponentProps<typeof AuthForm>["onSubmit"] = async (
+		email,
+		password,
+	) => {
+		await login(email, password);
+		await navigate(returnTo, { replace: true });
+	};
+
+	return { onSubmit };
+}
+
+export { useLoginFormVm };