Cài đặt Tuturuuu UI
Cài đặt và nối package dùng chung cho app sản phẩm, sau đó theo quy trình đóng góp khi thư viện thay đổi.
Setup package công khai
Dùng package trong app sản phẩm bằng cách cài package dùng chung, load global CSS một lần và import thành phần theo subpath.
Cài packages
Cài `@tuturuuu/ui` và `@tuturuuu/icons` bằng package manager của app sở hữu.
Load global styles
Import `@tuturuuu/ui/globals.css` một lần tại app root để token và base styles sẵn sàng.
Dùng subpath import
Import thành phần từ subpath công khai như `@tuturuuu/ui/button`.
Dùng theme tokens
Dùng design token và tiện ích màu động hiện có thay vì hard-code hue class.
bun add @tuturuuu/ui @tuturuuu/icons
import '@tuturuuu/ui/globals.css';Import package
Import mọi primitive từ subpath công khai. Giữ app workspace sau cùng package boundary với người dùng ngoài.
import { Button } from '@tuturuuu/ui/button';
import { Dialog, DialogContent } from '@tuturuuu/ui/dialog';
import { Search } from '@tuturuuu/icons';Setup cho người đóng góp
Maintainer nội bộ nên cập nhật route docs, registry, messages và tests cùng lúc.
Thêm metadata
Thêm metadata tài liệu thành phần trong phần danh mục sở hữu thành phần.
Thêm preview
Dùng live preview cho primitive an toàn và pattern preview cho app shell phức tạp.
Kiểm tra export
Kiểm tra export map của package trước khi ghi tài liệu đường import công khai mới.
Thêm test
Cập nhật test toàn vẹn, test render route và test preview tập trung trước check cuối.
bun --cwd apps/web test 'src/app/[locale]/ui/component-docs.test.ts'
bun --cwd apps/web type-check