Translation of examples folder

Author: GuiDevloper

src/examples/commits.md

@@ -1,5 +1,5 @@
-# GitHub Commits
+# Commits do GitHub
 
-> This example fetches latest Vue.js commits data from GitHub’s API and displays them as a list. You can switch between the master and dev branches.
+> Este exemplo busca os dados de commits do Vue.js mais recentes na API do GitHub e os exibe como uma lista. Você pode alternar entre as _branchs_ `master` e `dev`.
 
-<common-codepen-snippet title="Vue 3 Commits" slug="RwaWmzY" tab="js,result" />
+<common-codepen-snippet title="Commits do Vue 3" slug="RwaWmzY" tab="js,result" />

src/examples/elastic-header.md

@@ -1,3 +1,3 @@
-# Elastic Header Example
+# Exemplo de Cabeçalho Elástico
 
-<common-codepen-snippet title="Vue 3 Elastic Draggable Header Example" slug="PoWpdWY" :height="474" tab="js,result" :preview="false" :editable="false" />
+<common-codepen-snippet title="Exemplo de Cabeçalho Elástico Arrastável no Vue 3" slug="PoWpdWY" :height="474" tab="js,result" :preview="false" :editable="false" />

src/examples/grid-component.md

@@ -1,5 +1,5 @@
-# Grid Component
+# Componente de Grade
 
-> This is an example of creating a reusable grid component and using it with external data.
+> Este é um exemplo de como criar um componente de grade reutilizável e usá-lo com dados externos.
 
-<common-codepen-snippet title="Vue 3 Grid Component Example" slug="BaKbowJ" tab="js,result" />
+<common-codepen-snippet title="Exemplo de Componente de Grade no Vue 3" slug="BaKbowJ" tab="js,result" />

src/examples/markdown.md

@@ -1,5 +1,5 @@
-# Markdown Editor
+# Editor de Markdown
 
-> A simple Markdown editor
+> Um editor de Markdown simples
 
-<common-codepen-snippet title="Vue 3 Markdown Editor" slug="poReOvE" :height="474" tab="js,result" :preview="false" :editable="false" />
+<common-codepen-snippet title="Editor de Markdown no Vue 3" slug="poReOvE" :height="474" tab="js,result" :preview="false" :editable="false" />

src/examples/modal.md

@@ -1,5 +1,5 @@
-# Modal Component
+# Componente Modal
 
-> Features used: component, prop passing, content insertion, transitions.
+> Funcionalidades utilizadas: componente, passagem de prop, inserção de conteúdo, transições.
 
-<common-codepen-snippet title="Vue 3 Modal Component" slug="mdPoyvv" tab="js,result" />
+<common-codepen-snippet title="Componente Modal no Vue 3" slug="mdPoyvv" tab="js,result" />

src/examples/select2.md

@@ -1,5 +1,5 @@
-# Wrapper Component Example
+# Exemplo de Componente _Wrapper_
 
-> In this example we are integrating a 3rd party jQuery plugin (select2) by wrapping it inside a custom component.
+> Neste exemplo, estamos integrando um plugin jQuery de terceiros (select2) envolvendo-o dentro de um componente personalizado.
 
-<common-codepen-snippet title="Vue 3 Wrapper Component Example" slug="eYZpwOB" tab="js,result" />
+<common-codepen-snippet title="Exemplo de Componente Wrapper Vue 3" slug="eYZpwOB" tab="js,result" />

src/examples/svg.md

@@ -1,5 +1,5 @@
-# SVG Graph
+# Gráfico SVG
 
-> This example showcases a combination of custom component, computed property, two-way binding and SVG support.
+> Este exemplo mostra uma combinação de componente personalizado, dado computado, vínculo bidirecional e suporte a SVG.
 
-<common-codepen-snippet title="Vue 3 SVG Graph Example" slug="XWdmLWM" tab="js,result" />
+<common-codepen-snippet title="Exemplo de Gráfico SVG no Vue 3" slug="XWdmLWM" tab="js,result" />

src/examples/todomvc.md

@@ -1,9 +1,9 @@
 # TodoMVC
 
-> This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines).
+> Esta é uma implementação TodoMVC totalmente compatível com especificações em menos de 120 linhas efetivas de JavaScript (excluindo comentários e linhas em branco).
 
-:::warning
-Note that if your web browser is configured to block 3rd-party data/cookies, the example below will not work, as the **localStorage** data will fail to be saved.
+:::warning Aviso
+Observe que, se o seu navegador estiver configurado para bloquear dados/_cookies_ de terceiros, o exemplo abaixo não funcionará, pois os dados do **localStorage** não serão salvos.
 :::
 
-<common-codepen-snippet title="Vue 3 TodoMVC" slug="Yzqyozj" tab="js,result" />
+<common-codepen-snippet title="TodoMVC no Vue 3" slug="Yzqyozj" tab="js,result" />

src/examples/tree-view.md

@@ -1,5 +1,5 @@
-# Tree View
+# Visualização em Árvore
 
-> Example of a tree view implementation showcasing recursive usage of components.
+> Exemplo de implementação de visualização em árvore mostrando o uso recursivo de componentes.
 
-<common-codepen-snippet title="Vue 3 Tree View" slug="WNwQqbN" tab="js,result" />
+<common-codepen-snippet title="Visualização em Árvore no Vue 3" slug="WNwQqbN" tab="js,result" />