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>
52 lines
1.4 KiB
Vue
52 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import Lines from "./Lines.vue";
|
|
import Reveal from "./Reveal.vue";
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
tag: string;
|
|
/** title text; "\n" = line break. Use the #title slot for custom markup */
|
|
title?: string;
|
|
/** optional accented last line of the title */
|
|
highlight?: string;
|
|
desc?: string;
|
|
center?: boolean;
|
|
headingId?: string;
|
|
}>(),
|
|
{ center: false },
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="center ? 'text-center' : ''">
|
|
<Reveal>
|
|
<div :class="`flex items-center gap-3 ${center ? 'justify-center' : ''}`">
|
|
<span class="font-mono text-sm text-accent">//</span>
|
|
<span class="font-mono text-xs tracking-[0.25em] text-muted">
|
|
{{ tag }}
|
|
</span>
|
|
<span class="h-px w-14 bg-line" />
|
|
</div>
|
|
</Reveal>
|
|
<Reveal :delay="0.08">
|
|
<h2
|
|
:id="headingId"
|
|
class="mt-5 text-3xl font-black leading-[1.25] md:text-5xl md:leading-[1.2]"
|
|
>
|
|
<slot name="title">
|
|
<Lines v-if="title" :text="title" />
|
|
<template v-if="highlight">
|
|
<br />
|
|
<span class="text-accent">{{ highlight }}</span>
|
|
</template>
|
|
</slot>
|
|
</h2>
|
|
</Reveal>
|
|
<Reveal v-if="desc" :delay="0.16">
|
|
<p :class="`mt-5 max-w-xl leading-8 text-muted ${center ? 'mx-auto' : ''}`">
|
|
{{ desc }}
|
|
</p>
|
|
</Reveal>
|
|
</div>
|
|
</template>
|