Cảm ơn bạn đã quan tâm đến dự án vibe.j2team.org! Dưới đây là hướng dẫn để bạn có thể tham gia.
# 1. Fork repo trên GitHub
# 2. Clone về máy
git clone https://github.com/<username>/vibe.j2team.org.git
cd vibe.j2team.org
# 3. Cài đặt dependencies
pnpm install
# 4. Chạy dev server
pnpm dev- Tạo thư mục
src/views/<tên-trang-của-bạn>/với fileindex.vue - Tạo file
meta.tstrong cùng thư mục để khai báo tên, mô tả và tác giả (route tự động được tạo) - Xem trang mẫu:
src/views/hello-world/
- Sử dụng
<script setup lang="ts">cho tất cả Vue component - Sử dụng Composition API (không dùng Options API)
- Không sử dụng
anyhoặcunknowntrong TypeScript - Không sử dụng
classtrong TypeScript trừ khi bắt buộc - Tuân thủ Design System
- Tiếng Việt phải có dấu
Dự án sử dụng Conventional Commits. Commit message phải theo định dạng:
<type>: <mô tả>
Ví dụ:
feat: thêm trang game-2048
fix: sửa lỗi routing trang hello-world
docs: cập nhật README
style: format code
chore: cập nhật dependencies
Các type hợp lệ: feat, fix, docs, style, refactor, perf, test, build, ci, chore, revert
- KHÔNG làm việc trực tiếp trên branch
main - Luôn tạo branch mới từ
maintrước khi bắt đầu code - Đặt tên branch theo format:
<type>/<mô-tả-ngắn>- Ví dụ:
feat/trang-game-2048,fix/routing-hello-world,docs/cap-nhat-readme
- Ví dụ:
- Mỗi Pull Request chỉ nên chứa một thay đổi logic (một trang mới, một bug fix, ...)
- Tạo branch mới từ
main:git checkout -b feat/tên-trang - Commit thay đổi theo convention ở trên
- Push branch và tạo Pull Request vào
main - Đảm bảo CI pass (lint, type-check, test, build)
- Chờ review và merge!
| Lệnh | Mô tả |
|---|---|
pnpm dev |
Chạy dev server |
pnpm build |
Build production |
pnpm test:unit |
Chạy unit tests |
pnpm lint |
Lint code (có auto-fix) |
pnpm format |
Format code |