refactor: melhorando a documentacao

README.md

@@ -116,6 +116,10 @@ O exemplo abaixo ilustra a criação de um componente Custom Element chamado `o-
 
 Para utilizar o componente em sua aplicação, basta incluir o código acima e adicionar o elemento `<o-id-counter></o-id-counter>` em seu HTML. O contador estará pronto para ser usado, permitindo interação do usuário para incrementar o valor.
 
+```html
+<o-id-counter></o-id-counter>
+```
+
 > Este exemplo mostra como **-O-id** facilita a criação de componentes interativos com uma sintaxe clara e eficiente.
 
 ## Documentação

src/adopted/README.md

@@ -143,6 +143,10 @@ O exemplo abaixo ilustra a criação de um componente Custom Element chamado `o-
 
 Para utilizar o componente em sua aplicação, basta incluir o código acima e adicionar o elemento `<o-id-counter></o-id-counter>` em seu HTML. O contador estará pronto para ser usado, permitindo interação do usuário para incrementar o valor.
 
+```html
+<o-id-counter></o-id-counter>
+```
+
 ## Considerações Finais
 
 O decorator `adopted` oferece uma maneira eficaz e declarativa de adicionar lógica ao método `adoptedCallback`, simplificando o desenvolvimento e melhorando a legibilidade do código. Ele se destaca pela sua capacidade de centralizar e simplificar o gerenciamento de eventos de adoção em Custom Elements, tornando a manutenção do código mais eficiente e intuitiva.

src/attributeChanged/README.md

@@ -133,6 +133,10 @@ O componente `Counter` é um exemplo de como criar um elemento personalizado que
 
 Para utilizar o componente em sua aplicação, basta incluir o código acima e adicionar o elemento `<o-id-counter number="0"></o-id-counter>` em seu HTML. O contador estará pronto para ser usado, permitindo interação do usuário para incrementar o valor.
 
+```html
+<o-id-counter number="0"></o-id-counter>
+```
+
 ## Vantagens do `@attributeChanged`
 
 - **Simplicidade na Implementação:** Facilita a adição de lógica de resposta a mudanças de atributos, centralizando a implementação.