feat(ui): adopt Tailwind v4 design system and archive change

- Add tailwindcss v4 + @tailwindcss/vite to mall, shop-admin, admin
- Add @vmall/shared/theme.css tokens with html[data-accent] presets
- Add @vmall/ui kit (VBtn/VBadge/VField/VInput/VCard/VPanel/VTable/VPage,
  VAccentSwatch, useAccent) as a Nuxt module
- Convert all three apps to kit + utilities; delete ui.css/mall.css and
  every <style scoped>; consoles get accent presets, mall locked to red
- Fix VCard boolean prop default (padding) and PDP/store stale
  useAsyncData keys on param navigation
- Archive adopt-tailwind-design-system; new frontend-ui capability spec
This commit is contained in:
Chengdong Zhang
2026-09-22 18:22:50 +08:00
parent 4d2ee3b0bf
commit 0d0e10b97b
101 changed files with 2833 additions and 7207 deletions
+9 -2
View File
@@ -1,13 +1,20 @@
<script setup lang="ts">
const session = useSessionStore();
useHead({
htmlAttrs: {
"data-accent": "red",
},
});
onMounted(() => session.hydrate());
</script>
<template>
<div>
<div class="flex min-h-screen flex-col bg-bg font-sans text-text">
<ShellTopBar />
<ShellSiteHeader />
<main class="mall-main">
<main class="flex-1">
<NuxtPage />
</main>
<ShellSiteFooter />