docs: Apply suggestions from code review (1-5)

Co-authored-by: Quang Phan <[email protected]>

Author: sorae42

content/tutorial/01-svelte/05-events/01-dom-events/README.md

@@ -2,7 +2,7 @@
 title: Sự kiện DOM
 ---
 
-Như bạn đã thấy, bạn có thể lắng nghe bất kì sự kiện DOM nào trên một phần tử (chẳng hạn như một click chuột hoặc [pointermove](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event)) với `on:`:
+Như ta đã thấy, bạn có thể lắng nghe bất kì sự kiện DOM nào trên một phần tử (chẳng hạn như nhấp chuột hoặc [pointermove](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event)) với `on:`:
 
 ```svelte
 /// file: App.svelte

content/tutorial/01-svelte/05-events/02-inline-handlers/README.md

@@ -1,8 +1,8 @@
 ---
-title: Inline handlers
+title: Hàm xử lý cùng dòng _(inline handlers)_
 ---
 
-Bạn cũng có thể khai báo event handler trong cùng một dòng _(inline event handlers)_:
+Bạn cũng có thể khai báo hàm xử lý sự kiện cùng dòng:
 
 ```svelte
 /// file: App.svelte
@@ -24,4 +24,4 @@ Bạn cũng có thể khai báo event handler trong cùng một dòng _(inline e
 </div>
 ```
 
-> Trong một số framework thường hay có đề xuất nên tránh inline event handler để có hiệu năng tốt nhất, thường là trong các vòng lặp. Lời khuyên đó thì lại không áp dụng cho Svelte - bất kể bạn chọn cách nào, trình dịch sẽ luôn làm điều đúng đắn nhất.
+> Trong một số framework thường hay có đề xuất nên tránh hàm xử lý cùng dòng để có hiệu năng tốt nhất, đặc biệt là trong các vòng lặp. Lời khuyên đó không áp dụng cho Svelte - bất kể bạn chọn cách nào, trình dịch sẽ luôn làm điều đúng đắn nhất.

content/tutorial/01-svelte/05-events/03-event-modifiers/README.md

@@ -2,7 +2,7 @@
 title: Modifier trong sự kiện
 ---
 
-DOM event handler có thể có _modifier_ để thay đổi hành vi của nó. Chẳng hạn như một handler với modifier `once` sẽ làm cho nó chạy đúng _một lần_:
+Hàm xử lý sự kiên DOM có thể có _modifier_ để thay đổi hành vi của nó. Chẳng hạn như một hàm xử lý với modifier `once` sẽ làm cho nó chạy đúng _một lần_:
 
 ```svelte
 /// file: App.svelte
@@ -13,13 +13,13 @@ DOM event handler có thể có _modifier_ để thay đổi hành vi của nó.
 
 Dưới đây là đầy đủ danh sách các modifier:
 
-- `preventDefault` — gọi `event.preventDefault()` trước khi chạy handler. Hữu ích cho việc xử lý form.
+- `preventDefault` — gọi `event.preventDefault()` trước khi chạy hàm xử lý. Hữu ích cho việc xử lý form.
 - `stopPropagation` — gọi `event.stopPropagation()`, tránh sự kiện với tới phần tử kế tiếp.
 - `passive` - tăng hiệu năng cho việc cuộn trang trên các sự kiện chạm/lăn chuột (Svelte sẽ tự động thêm khi chỗ đó có thể thêm được).
 - `nonpassive` — buộc đặt `passive: false`.
-- `capture` - chạy handler trong giai đoạn [_capture_](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_capture) thay vì giai đoạn [_bubbling_](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling).
-- `once` — bỏ kích hoạt handler sau khi chạy lần đầu tiên.
-- `self` — chỉ chạy handler khi `event.target` là phần tử chính nó.
-- `trusted` - chỉ chạy handler khi `event.isTrusted` là `true`, tức là sự kiện chỉ có thể kích hoạt bởi thao tác từ người dùng thay vì được gọi từ JavaScript bằng `element.dispatchEvent(...)`.
+- `capture` - chạy hàm xử lý trong giai đoạn [_capture_](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_capture) thay vì giai đoạn [_bubbling_](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling).
+- `once` — bỏ kích hoạt hàm xử lý sau khi chạy lần đầu tiên.
+- `self` — chỉ chạy hàm xử lý khi `event.target` là phần tử chính nó.
+- `trusted` - chỉ chạy hàm xử lý khi `event.isTrusted` là `true`, tức là sự kiện chỉ có thể kích hoạt bởi thao tác từ người dùng thay vì được gọi từ JavaScript bằng `element.dispatchEvent(...)`.
 
 Bạn có thể chồng các modifier lên, ví dụ như `on:click|once|capture={...}`.

content/tutorial/01-svelte/05-events/04-component-events/README.md

@@ -21,11 +21,11 @@ Component cũng có thể phái _(dispatch)_ các sự kiện. Bạn cần phả
 
 > Bạn phải gọi `createEventDispatcher` khi component được khởi tạo lần đầu - bạn không thể chúng gọi sau này, chẳng hạn như trong callback của `setTimeout`. Việc này sẽ liên kết `dispatch` với instance của component.
 
-Sau đó, thêm handler `on:message` vào `App.svelte`:
+Sau đó, thêm hàm xử lý `on:message` vào `App.svelte`:
 
 ```svelte
 /// file: App.svelte
 <Inner +++on:message={handleMessage}+++ />
 ```
 
-> Bạn cũng có thể thay đổi tên sự kiện thành thứ khác. Chẳng hạn như thay đổi `dispatch('message', {...})` thành `dispatch('greet', {...})` trong `Inner.svelte` và thay đổi tên attribute từ `on:message` thành `on:greet` trong `App.svelte`.
+> Bạn cũng có thể thay đổi tên của sự kiện. Chẳng hạn như thay đổi `dispatch('message', {...})` thành `dispatch('greet', {...})` trong `Inner.svelte` và thay đổi tên thuộc tính từ `on:message` thành `on:greet` trong `App.svelte`.

content/tutorial/01-svelte/05-events/05-event-forwarding/README.md

@@ -3,11 +3,11 @@ title: Event forwarding
 ---
 
 <!-- FIXME: Need link for "bubble" -->
-Không như DOM event, component events không _bubble_. Nếu bạn muốn lắng nghe một sự kiện trên component được lồng sâu bên trong, component trung gian đó phải đẩy _(forward)_ sự kiện đó.
+Không như sự kiện của DOM, sự kiện từ component không _bubble_. Nếu bạn muốn lắng nghe một sự kiện trên component lồng sâu bên trong, các component trung gian phải chuyển tiếp _(forward)_ sự kiện đó.
 
-Trong trường hợp này, chúng ta có `App.svelte` và `Inner.svelte` trong [phần trước](/tutorial/component-events), và bây giờ ta có component `Outer.svelte` bao gồm `<Inner/>`.
+Trong trường hợp này, chúng ta có `App.svelte` và `Inner.svelte` trong [phần trước](/tutorial/component-events), và bây giờ ta có component `Outer.svelte` chứa `<Inner/>`.
 
-Một cách mà ta _có thể_ giải là thêm `createEventDispatcher` vào `Outer.svelte`, _nghe_ sự kiện `message`, và tạo một handler cho nó:
+Một cách mà ta _có thể_ giải là thêm `createEventDispatcher` vào `Outer.svelte`, _nghe_ sự kiện `message`, và tạo một hàm xử lý cho nó:
 
 ```svelte
 /// file: Outer.svelte
@@ -25,7 +25,7 @@ Một cách mà ta _có thể_ giải là thêm `createEventDispatcher` vào `Ou
 <Inner on:message={forward}/>
 ```
 
-Nhưng bạn phải viết khá nhiều code cho việc này, cho nên Svelte có một cách viết tắt - một event `on:message` mà không có giá trị thì nó có nghĩa là "forward tất cả sự kiện có tên `message`".
+Nhưng bạn phải viết khá nhiều code cho việc này, cho nên Svelte có một cách viết tắt - một chỉ thị _(directive)_ `on:message` khi không có giá trị thì nó có nghĩa là "chuyển tiếp tất cả sự kiện có tên `message`".
 
 ```svelte
 /// file: Outer.svelte

content/tutorial/01-svelte/05-events/06-dom-event-forwarding/README.md

@@ -2,9 +2,9 @@
 title: DOM event forwarding
 ---
 
-Bạn cũng có thể forward sự kiện cho DOM event luôn.
+Bạn cũng có thể chuyển tiếp cả sự kiện của DOM.
 
-Để được thông báo khi bấm nút `<BigRedButton>` - ta chỉ cần forward sự kiện `click` trên phần tử `<button>` ở trong `BigRedButton.svelte`:
+Để được thông báo khi bấm nút `<BigRedButton>` - ta chỉ cần chuyển tiếp sự kiện `click` trên phần tử `<button>` ở trong `BigRedButton.svelte`:
 
 ```svelte
 /// file: BigRedButton.svelte