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
+2 -11
View File
@@ -4,16 +4,7 @@ const stars = computed(() => [1, 2, 3, 4, 5].map((i) => i <= Math.round(props.va
</script>
<template>
<span class="stars" :style="{ fontSize: `${size}px` }">
<span v-for="(on, i) in stars" :key="i" :class="{ on }"></span>
<span :style="{ fontSize: `${size}px` }">
<span v-for="(on, i) in stars" :key="i" :class="on ? 'text-primary' : 'text-[#ddd]'"></span>
</span>
</template>
<style scoped>
.stars span {
color: #ddd;
}
.stars span.on {
color: var(--mall-red);
}
</style>