Khối mã nguồn

interface Doc {
  title: string;
  minutes: number;
}

export function label(doc: Doc): string {
  return `${doc.title} (~${doc.minutes} phút đọc)`;
}

def reading_time(text: str, wpm: int = 200) -> int:
    words = len(text.split())
    return max(1, -(-words // wpm))  # làm tròn lên

print(reading_time("Xin chào thế giới"))

npm install
npm run dev
# mở http://localhost:3000

{ "name": "markdown-reader", "private": true }

.card {
  border: 1px solid #3a372e;
  border-radius: 8px;
}

SELECT title, minutes FROM docs WHERE minutes < 10 ORDER BY title;

Đây là một dòng rất dài để kiểm tra việc cuộn ngang nằm bên trong khối mã chứ không làm cả trang bị tràn ra ngoài màn hình nhỏ.