Add meta description in pages

ktquez · ktquez · commit ba92fb6ef601 · 2021-01-12T10:06:21.000-03:00
diff --git a/src/.vuepress/config/languages/en/blog.js b/src/.vuepress/config/languages/en/blog.js
@@ -6,6 +6,14 @@ const posts = {
   dirname: 'posts',
   path: '/posts/',
   itemPermalink: '/posts/:slug',
+  frontmatter: {
+    meta: [
+      {
+        name: 'description',
+        content: 'Community posts on accessibility with a focus on development with Vue.js'
+      }
+    ]
+  },
   pagination: {
     layout: 'Posts',
     prevText: '<<',
diff --git a/src/.vuepress/config/languages/en/sidebarStructure.js b/src/.vuepress/config/languages/en/sidebarStructure.js
@@ -68,8 +68,7 @@ module.exports = {
     {
       title: 'Recipes',
       children: [
-        '',
-        'contribute'
+        ''
       ]
     },
     {
diff --git a/src/.vuepress/config/languages/pt/blog.js b/src/.vuepress/config/languages/pt/blog.js
@@ -6,6 +6,14 @@ const posts = {
   dirname: 'pt/posts',
   path: '/pt/posts/',
   itemPermalink: '/posts/:slug',
+  frontmatter: {
+    meta: [
+      {
+        name: 'description',
+        content: 'Posts da comunidade sobre acessibilidade com foco no desenvolvimento com Vue.js'
+      }
+    ]
+  },
   pagination: {
     layout: 'Posts',
     prevText: '<<',
diff --git a/src/.vuepress/config/languages/pt/sidebarStructure.js b/src/.vuepress/config/languages/pt/sidebarStructure.js
@@ -68,8 +68,7 @@ module.exports = {
     {
       title: 'Receitas',
       children: [
-        '',
-        'contribua'
+        ''
       ]
     },
     {
diff --git a/src/.vuepress/theme/styles/_a11y.scss b/src/.vuepress/theme/styles/_a11y.scss
@@ -9,14 +9,14 @@
   z-index: 2;
   outline-width: 3px !important;
   outline-style: dotted !important;
-  outline-color: transparent;
+  outline-color: transparent !important;
   outline-offset: 6px;
   transition: outline-offset .1s ease;
 }
 
 *:focus {
-  outline-color: var(--color);
-  outline-offset: 2px !important;
+  outline-color: var(--color) !important;
+  outline-offset: 2px;
 }
 
 [tabindex="-1"] {
diff --git a/src/project/how-to-contribute.md b/src/project/how-to-contribute.md
@@ -1,3 +1,8 @@
+---
+description: Find out how to contribute to Vue Accessibility project
+---
+
+
 # How to contribute
 
 First of all, happy that you are here on this page and thinking about contributing to the project.
diff --git a/src/project/index.md b/src/project/index.md
@@ -1,3 +1,7 @@
+---
+description: Vue A11y is an open-source community project, where the main objective is to create content focused on Vue.js and bringing maximum accessibility
+---
+
 # Introduction
 
 **Vue A11y** is an open-source community project, where the main objective is to create content focused on Vue.js and bringing maximum accessibility.
diff --git a/src/project/people.md b/src/project/people.md
@@ -1,3 +1,7 @@
+---
+description: Find out who are the people who make the vue-a11y project happen
+---
+
 # Who make it happen.
 
 <br>
diff --git a/src/project/resources.md b/src/project/resources.md
@@ -1,3 +1,7 @@
+---
+description: Essential resources to help you develop and make your Vue app much more accessible. Accessibility tips, posts, vídeos, packages, online tools, and more.
+---
+
 # Resources
 
 <br>
diff --git a/src/project/supporting.md b/src/project/supporting.md
@@ -1,3 +1,6 @@
+---
+description: Essential resources to help you develop and make your Vue app much more accessible. Accessibility tips, posts, vídeos, packages, online tools, and more.
+---
 # Supporting
 
 <br>
diff --git a/src/project/tools-testing.md b/src/project/tools-testing.md
@@ -1,3 +1,7 @@
+---
+description: ...
+---
+
 # Tools and Testing
 
 <br>
diff --git a/src/project/vue-a11y-checklist.md b/src/project/vue-a11y-checklist.md
@@ -1,3 +1,7 @@
+---
+description: A checklist based on the WCAG principles (POUR) with explanations, links, tips and packages to help you not forget any accessible development techniques.
+---
+
 # Vue A11y Checklist
 
 <br>
diff --git a/src/pt/projeto/como-contribuir.md b/src/pt/projeto/como-contribuir.md
@@ -1,3 +1,6 @@
+---
+description: Descubra como contribuir para o projeto de Vue-A11y
+---
 # Como contribuir
 
 Antes de tudo, feliz em você estar aqui nessa página e pensando em contribuir com o projeto.
diff --git a/src/pt/projeto/index.md b/src/pt/projeto/index.md
@@ -1,3 +1,6 @@
+---
+description: Vue A11y é um projeto comunitário de código aberto, onde o objetivo principal é criar conteúdo focado em Vue.js e trazendo o máximo de acessibilidade.
+---
 # Introdução
 
 O **Vue A11y** é um projeto open source da comunidade, onde o principal objetivo é criar conteúdo focado em Vue.js e trazendo o máximo de acessibilidade.
diff --git a/src/pt/projeto/links-uteis.md b/src/pt/projeto/links-uteis.md
@@ -1,3 +1,6 @@
+---
+description: Recursos essenciais para ajudá-lo a desenvolver e tornar seu aplicativo Vue muito mais acessível. Dicas de acessibilidade, posts, vídeos, pacotes, ferramentas online e muito mais.
+---
 # Link úteis
 
 <br>
diff --git a/src/pt/projeto/vue-a11y-checklist.md b/src/pt/projeto/vue-a11y-checklist.md
@@ -1,4 +1,7 @@
-# Checklist
+---
+description: Uma checklist baseada nos princípios WCAG (POUR) com explicações, links, dicas e pacotes para ajudá-lo a não se esquecer de nenhuma técnica de desenvolvimento acessível.
+---
+# Vue A11y Checklist
 
 <p>
 
diff --git a/src/pt/receitas/index.md b/src/pt/receitas/index.md
@@ -1,3 +1,7 @@
+---
+description: Tutoriais com exemplos práticos, explicações, testes com leitores de tela, suporte, e mais, para tornar seus componentes Vue.js ainda mais acessíveis .
+---
+
 # Introdução
 
 <br>
diff --git a/src/recipes/contribute.md b/src/recipes/contribute.md
@@ -1,3 +1,7 @@
+---
+description: 
+---
+
 # Contribute
 
 <br>
diff --git a/src/recipes/index.md b/src/recipes/index.md
@@ -1,3 +1,7 @@
+---
+description: Tutorials with practical examples, explanations, tests with screen readers, support, and more, to make your Vue.js components even more accessible.
+---
+
 # Introduction
 
 <br>

Original file line number	Diff line number	Diff line change
`@@ -68,8 +68,7 @@ module.exports = {`
`68`	`68`	`{`
`69`	`69`	`title: 'Recipes',`
`70`	`70`	`children: [`
`71`		`- '',`
`72`		`- 'contribute'`
	`71`	`+ ''`
`73`	`72`	`]`
`74`	`73`	`},`
`75`	`74`	`{`
-Original file line number
+Diff line change
@@ @@ -1,3 +1,7 @@ @@
 +---
 +description: Find out who are the people who make the vue-a11y project happen
 +---
++
 # Who make it happen.
 <br>