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>
40 lines
1.7 KiB
Vue
40 lines
1.7 KiB
Vue
<script setup lang="ts">
|
||
import type { SectionData } from "@imen/shared";
|
||
import FormField from "@/components/FormField.vue";
|
||
import ImageRefField from "@/components/ImageRefField.vue";
|
||
import ListEditor from "@/components/ListEditor.vue";
|
||
import SectionHeadFields from "@/components/SectionHeadFields.vue";
|
||
|
||
const data = defineModel<SectionData<"industries">>({ required: true });
|
||
</script>
|
||
|
||
<template>
|
||
<div class="space-y-6">
|
||
<a-card title="عنوان بخش">
|
||
<SectionHeadFields v-model="data.head" />
|
||
</a-card>
|
||
<a-card title="صنایع" :body-style="{ background: '#fafafa' }">
|
||
<ListEditor
|
||
v-model="data.items"
|
||
:create="() => ({ name: '', nameEn: '', count: '', image: { url: '', alt: '' } })"
|
||
:max="12"
|
||
add-label="افزودن صنعت"
|
||
:item-title="(s) => s.name"
|
||
>
|
||
<template #default="{ item, index }">
|
||
<div class="grid gap-x-6 lg:grid-cols-2">
|
||
<div>
|
||
<FormField :path="`items.${index}.name`" label="نام" required><a-input v-model:value="item.name" /></FormField>
|
||
<FormField :path="`items.${index}.nameEn`" label="نام انگلیسی"><a-input v-model:value="item.nameEn" class="ltr-input" /></FormField>
|
||
<FormField :path="`items.${index}.count`" label="تعداد پروژه" hint="مثلاً ۱۴۰+ — خالی = نمایش داده نمیشود"><a-input v-model:value="item.count" /></FormField>
|
||
</div>
|
||
<div>
|
||
<ImageRefField v-model="item.image" :path="`items.${index}.image`" label="تصویر" />
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</ListEditor>
|
||
</a-card>
|
||
</div>
|
||
</template>
|