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>
27 lines
864 B
Vue
27 lines
864 B
Vue
<script setup lang="ts">
|
|
import { ShieldCheck } from "lucide-vue-next";
|
|
|
|
const items = computed(() => useSiteStore().sections.tape.items);
|
|
</script>
|
|
|
|
<template>
|
|
<section aria-hidden="true" class="pointer-events-none relative z-20 overflow-hidden py-10">
|
|
<div class="-rotate-[1.6deg] scale-[1.04]">
|
|
<div class="hazard h-2.5" />
|
|
<div dir="ltr" class="overflow-hidden bg-hazard py-3.5 text-bg">
|
|
<div class="animate-marquee flex w-max">
|
|
<span
|
|
v-for="(item, i) in [...items, ...items]"
|
|
:key="i"
|
|
class="flex items-center gap-7 px-7 text-sm font-extrabold whitespace-nowrap"
|
|
>
|
|
{{ item }}
|
|
<ShieldCheck class="size-4 shrink-0" :stroke-width="2.5" />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="hazard h-2.5" />
|
|
</div>
|
|
</section>
|
|
</template>
|