S. EsmaeiliandClaude Opus 4.6
e31ef5a21f
Full 1:1 migration preserving all visuals, animations and behavior: - Nuxt 4 + Vue 3 (script setup, TypeScript strict) with SSG output - Tailwind CSS v4 with @tailwindcss/vite - Ant Design Vue 4 (dark theme, RTL, Persian locale) for design system - Pinia for state management (ui + contact stores) - motion-v (framer-motion port) for all animations - lucide-vue-next for icons - SEO improvements: og:image, canonical fix, real 404 page, JSON-LD services - JS bundle reduced from 302KB to 239KB gzip - Docker/nginx deployment preserved (out/ -> nginx) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
25 lines
655 B
TypeScript
25 lines
655 B
TypeScript
import { defineStore } from "pinia";
|
|
|
|
export type ContactStatus = "idle" | "loading" | "success";
|
|
|
|
const emptyForm = () => ({ name: "", org: "", phone: "", message: "" });
|
|
|
|
export const useContactStore = defineStore("contact", {
|
|
state: () => ({
|
|
form: emptyForm(),
|
|
status: "idle" as ContactStatus,
|
|
}),
|
|
actions: {
|
|
// TODO: connect to the real API endpoint; currently simulates the request like the original
|
|
async submit() {
|
|
this.status = "loading";
|
|
await new Promise((r) => setTimeout(r, 1100));
|
|
this.status = "success";
|
|
},
|
|
reset() {
|
|
this.form = emptyForm();
|
|
this.status = "idle";
|
|
},
|
|
},
|
|
});
|