fix: fix typos and replace aspell CI with typos (#3937)

* Fix typos found in the codebase

Thanks typos[1]!

[1] https://github.com/crate-ci/typos

* Add a typos.toml

It makes typos ignore two syllabes files, and one non-typo in a file.

* Replace aspell check with typos

This works on all files instead of just the Markdown files, and already
found many issues aspell missed.

* fix: rename typos.toml to _typos.toml, use child_name, bump typos action

- Rename typos.toml to _typos.toml (recommended convention)
- Revert childs_name -> children_name; use child_name instead
  (original was possessive "child's", not plural)
- Bump crate-ci/typos action from v1.39.2 to v1.44.0
- Fix new typo in CHANGELOG.md from master merge

* docs: add typos spell checking section to CONTRIBUTING.md

---------

Co-authored-by: Matt Yan <syan4@ualberta.ca>

Author: linkmauve

.github/workflows/main-checks.yml

@@ -18,9 +18,7 @@ jobs:
     steps:
       - uses: actions/checkout@v6
       - name: Check spelling
-        run: |
-          sudo apt-get install aspell
-          ci/spellcheck.sh list
+        uses: crate-ci/typos@v1.44.0
 
   doc_tests:
     name: Documentation Tests

CHANGELOG.md

@@ -59,7 +59,7 @@
  - Better diagnostics for byte literals in `html!`. [[@Tim Kurdov](https://github.com/its-the-shrimp), [#3441](https://github.com/yewstack/yew/pull/3441)]
  - Concise diagnostics for missing props. [[@Siyuan Yan](https://github.com/Madoshakalaka), [#3873](https://github.com/yewstack/yew/pull/3873)]
  - Use the namespace when xmlns attributes are specified. [[@JasonCG](https://github.com/jasoncg), [#3629](https://github.com/yewstack/yew/pull/3629)]
- - Fix generic type missing erros in hooks. [[@Michael Meyer](https://github.com/Ichmed), [#3633](https://github.com/yewstack/yew/pull/3633)]
+ - Fix generic type missing errors in hooks. [[@Michael Meyer](https://github.com/Ichmed), [#3633](https://github.com/yewstack/yew/pull/3633)]
  - Better duplicate key diagnostics. [[@WorldSEnder](https://github.com/WorldSEnder), [#3785](https://github.com/yewstack/yew/pull/3785)]
  - Fix autocompletion in html macro for rust-analyzer. [[@Moritz Hedtke](https://github.com/mohe2015), [#3829](https://github.com/yewstack/yew/pull/3829)]
  - `#[hook]`: `clippy::multiple_bound_locations` lint no longer triggered. [[@Tim Kurdov](https://github.com/its-the-shrimp), [#3803](https://github.com/yewstack/yew/pull/3803)]

CONTRIBUTING.md

@@ -57,6 +57,20 @@ These errors can change with each release of the compiler, so they should be gen
 
 To update or generate a new `stderr` file you can run `cargo make test-overwrite` in the `yew-macro` directory.
 
+## Spell Checking
+
+We use [typos](https://github.com/crate-ci/typos) to catch spelling mistakes. CI runs it automatically on every PR.
+
+To run it locally:
+
+```bash
+cargo install typos-cli --locked
+typos        # check for typos
+typos -w     # auto-fix typos
+```
+
+False positives can be configured in `_typos.toml` at the repo root.
+
 ## Linting
 
 The following command checks the code using Rustfmt and Clippy:

_typos.toml

@@ -0,0 +1,5 @@
+[files]
+extend-exclude = ["examples/router/data/syllables.txt", "examples/function_router/data/syllables.txt"]
+
+[default.extend-words]
+ba = "ba"

ci/dictionary.txt

@@ -71,7 +71,7 @@ impl Component for AsyncComponent {
 
                 // In parallel we launch a background task that produces jokes to make the clock
                 // more fun to watch. The jokes are emitted back to the component
-                // throught the Msg::Joke callback.
+                // through the Msg::Joke callback.
                 let joke_cb = ctx.link().callback(Msg::Joke);
                 emit_jokes(joke_cb);
             }

ci/spellcheck.sh

@@ -24,9 +24,9 @@ impl Component for Parent {
 
     fn update(&mut self, _ctx: &Context<Self>, msg: Self::Message) -> bool {
         match msg {
-            Msg::ButtonClick(childs_name) => {
+            Msg::ButtonClick(child_name) => {
                 // Keep track of the name of the child that was clicked
-                self.last_updated = Some(childs_name);
+                self.last_updated = Some(child_name);
 
                 // Increment the total number of clicks
                 self.total_clicks += 1;

examples/async_clock/src/main.rs

@@ -24,11 +24,11 @@ impl Component for GrandParent {
 
     fn update(&mut self, _ctx: &Context<Self>, msg: Self::Message) -> bool {
         match msg {
-            Msg::ButtonClick(childs_name) => {
+            Msg::ButtonClick(child_name) => {
                 // Update the shared state
                 let shared_state = Rc::make_mut(&mut self.state);
                 shared_state.total_clicks += 1;
-                shared_state.last_clicked = Some(childs_name);
+                shared_state.last_clicked = Some(child_name);
                 true
             }
         }

examples/communication_child_to_parent/src/parent.rs

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>Yew • Granparent-to-GrandChild Communication</title>
+    <title>Yew • Grandparent-to-Grandchild Communication</title>
     <link data-trunk rel="rust" />
     <link data-trunk rel="sass" href="index.scss" />
   </head>