S. EsmaeiliandCursor
49f30a96b1
Switch admin auth to mobile, restyle shell/login with Vuesax icons, and add product detail fields plus public product pages. Co-authored-by: Cursor <cursoragent@cursor.com>
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
import { defineStore } from "pinia";
|
|
|
|
export type ContactStatus = "idle" | "loading" | "success" | "error";
|
|
|
|
/** `website` is a honeypot field, hidden from people and left empty */
|
|
const emptyForm = () => ({ name: "", org: "", phone: "", message: "", website: "" });
|
|
|
|
interface ApiError {
|
|
statusCode?: number;
|
|
data?: { message?: string };
|
|
}
|
|
|
|
export const useContactStore = defineStore("contact", {
|
|
state: () => ({
|
|
form: emptyForm(),
|
|
status: "idle" as ContactStatus,
|
|
error: "",
|
|
}),
|
|
actions: {
|
|
async submit() {
|
|
this.status = "loading";
|
|
this.error = "";
|
|
try {
|
|
await useNuxtApp().$api("/public/contact", { method: "POST", body: this.form });
|
|
this.status = "success";
|
|
} catch (e) {
|
|
const err = e as ApiError;
|
|
this.error =
|
|
err.statusCode === 429
|
|
? "تعداد درخواستها زیاد است؛ لطفاً چند دقیقه بعد دوباره تلاش کنید."
|
|
: (err.data?.message ?? "ارسال درخواست انجام نشد؛ لطفاً دوباره تلاش کنید یا تماس بگیرید.");
|
|
this.status = "error";
|
|
}
|
|
},
|
|
/** Pre-fills the message, e.g. from a product page's "request a quote" button */
|
|
prefill(message: string) {
|
|
if (this.status === "success") this.reset();
|
|
this.form.message = message;
|
|
},
|
|
reset() {
|
|
this.form = emptyForm();
|
|
this.status = "idle";
|
|
this.error = "";
|
|
},
|
|
},
|
|
});
|