S. EsmaeiliandClaude Opus 5.5
789d224ea0
Restructure the repo into a pnpm + Turborepo monorepo: - apps/web: Nuxt 4 site, now server-rendered and reading all content from the API; pages cached with SWR and purged on content changes - apps/api: NestJS 12 + Prisma 7 + PostgreSQL. Auth with short-lived access tokens and rotating httpOnly refresh cookies, roles (ADMIN, EDITOR), catalog, editable site sections, media upload to S3-compatible storage (converted to WebP), contact messages, audit log - apps/admin: Vue 3 admin panel (Ant Design Vue, Pinia, Tailwind) for products, categories, site sections, messages, media and users - packages/shared: Zod schemas and types shared by API and admin Also: - seed script that loads the original 8 categories / 89 products and section content - Docker images for api (with a one-off migrate service), web, admin, and an nginx gateway for both domains - dev and production compose files, daily database backup service - API e2e tests Removes the committed static out/ build and the old root Dockerfile. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
56 lines
2.2 KiB
Vue
56 lines
2.2 KiB
Vue
<script setup lang="ts">
|
|
import { LockOutlined, MailOutlined } from "@ant-design/icons-vue";
|
|
import { loginSchema } from "@imen/shared";
|
|
import { ref } from "vue";
|
|
import { useRoute, useRouter } from "vue-router";
|
|
import FormField from "@/components/FormField.vue";
|
|
import { useZodForm } from "@/composables/useZodForm";
|
|
import { useAuthStore } from "@/stores/auth";
|
|
|
|
const auth = useAuthStore();
|
|
const router = useRouter();
|
|
const route = useRoute();
|
|
const { model, validate, handleError } = useZodForm(loginSchema, { email: "", password: "" });
|
|
const loading = ref(false);
|
|
|
|
async function submit() {
|
|
const data = validate();
|
|
if (!data) return;
|
|
loading.value = true;
|
|
try {
|
|
await auth.login(data);
|
|
const redirect = typeof route.query.redirect === "string" ? route.query.redirect : "/";
|
|
await router.replace(redirect.startsWith("/") ? redirect : "/");
|
|
} catch (e) {
|
|
handleError(e);
|
|
} finally {
|
|
loading.value = false;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex min-h-screen items-center justify-center bg-[#0b1224] p-4">
|
|
<div class="w-full max-w-sm rounded-2xl bg-white p-8 shadow-2xl">
|
|
<div class="mb-8 text-center">
|
|
<img src="/favicon.svg" alt="" class="mx-auto size-12" />
|
|
<h1 class="mt-4 text-xl font-bold text-gray-800">پنل مدیریت ایمن پیشگامان</h1>
|
|
<p class="mt-1 text-sm text-gray-500">برای ادامه وارد شوید</p>
|
|
</div>
|
|
<a-form layout="vertical" @submit.prevent="submit">
|
|
<FormField path="email" label="ایمیل">
|
|
<a-input v-model:value="model.email" size="large" class="ltr-input" autocomplete="username" autofocus>
|
|
<template #prefix><MailOutlined class="text-gray-400" /></template>
|
|
</a-input>
|
|
</FormField>
|
|
<FormField path="password" label="رمز عبور">
|
|
<a-input-password v-model:value="model.password" size="large" class="ltr-input" autocomplete="current-password">
|
|
<template #prefix><LockOutlined class="text-gray-400" /></template>
|
|
</a-input-password>
|
|
</FormField>
|
|
<a-button type="primary" html-type="submit" size="large" block :loading="loading">ورود</a-button>
|
|
</a-form>
|
|
</div>
|
|
</div>
|
|
</template>
|