From 0c7deac9681d9901c6b92fc260f10b060dcc64bf Mon Sep 17 00:00:00 2001
From: kabrunko-dev <kabrunko.dev@protonmail.com>
Date: Fri, 29 Dec 2023 10:25:48 -0300
Subject: [PATCH] docs(pt): add translation for challenge 22 router-input

---
 .../pt/challenges/angular/22-router-input.md  | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 docs/src/content/docs/pt/challenges/angular/22-router-input.md

diff --git a/docs/src/content/docs/pt/challenges/angular/22-router-input.md b/docs/src/content/docs/pt/challenges/angular/22-router-input.md
new file mode 100644
index 0000000..3d043b8
--- /dev/null
+++ b/docs/src/content/docs/pt/challenges/angular/22-router-input.md
@@ -0,0 +1,26 @@
+---
+title: 🟢 @RouterInput()
+description: Defasio 22 é sobre o usar do decorador @Input para recuperar parâmetros do roteador.
+author: thomas-laforge
+challengeNumber: 22
+command: angular-router-input
+blogLink: https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617
+sidebar:
+  order: 5
+---
+
+## Informação
+
+Nesta aplicação, recuperamos 3 pedaços de informação, dentro do nosso `TestComponent`, providenciados pelo roteador:
+
+- Queremos recuperar `testId` encontrado nos parâmetros da URL.
+- Queremos obter `user` localizado nos parâmetros query da URL.
+- Queremos acessar `permission` atribuído no objeto `data` da rota.
+
+Na versão 15 ou mais recente do Angular, usamos `ActivatedRoute` para obter todas as informações e recebê-las através de observables para escutarmos mudanças na URL.
+
+Na versão 16, Angular introduziu um novo `Input` que pode ouvir os dados da rota. Você pode ler mais sobre [aqui](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617).
+
+## Declaração
+
+O objetivo deste exercício é refatorar o código para usar a nova estratégia `RouterInput`.