Merge branch 'master' into pr/152

GuiDevloper · GuiDevloper · commit 095b83cf80db · 2020-10-05T17:45:17.000-03:00
diff --git a/src/.vuepress/components/common/codepen-snippet.vue b/src/.vuepress/components/common/codepen-snippet.vue
@@ -1,48 +1,99 @@
 <template>
-  <p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="result" data-preview="true" data-editable="true"
-  :data-user="user.slug"
-  :data-slug-hash="slug"
-  :data-pen-title="title">
-    <span>Veja o exemplo <a :href="`https://codepen.io/${user.slug}/pen/${slug}`">
-    {{ title }}</a> por {{ user.name }} (<a :href="`https://codepen.io/${user.slug}`">@${user.slug}</a>)
-    no <a href="https://codepen.io">CodePen</a>.</span>
+  <p
+    class="codepen"
+    :data-theme-id="theme"
+    :data-preview="preview || null"
+    :data-editable="editable || null"
+    :data-height="height"
+    :data-default-tab="tab"
+    :data-user="user"
+    :data-slug-hash="slug"
+    :data-pen-title="title"
+    :data-embed-version="version"
+    :style="`height: ${height}px`">
+    <span>See the Pen <a :href="href">{{ title }}</a>
+    by {{ name || user }} (<a :href="`https://codepen.io/${user}`">@{{user}}</a>)
+    on <a href="https://codepen.io">CodePen</a>.</span>
   </p>
 </template>
 
 <script>
 export default {
   props: {
-    user: {
-      type: Object,
-      default: () => ({
-        slug: 'vuejs-br',
-        name: 'Vue.js Brasil'
-      }),
-    },
-
     title: {
       type: String,
       default: null,
+      required: true,
     },
 
     slug: {
       type: String,
       default: null,
+      required: true,
+    },
+
+    tab: {
+      type: String,
+      default: 'result',
+    },
+
+    team: {
+      type: Boolean,
+      default: true,
+    },
+
+    user: {
+      type: String,
+      default: 'Vue',
+    },
+
+    name: {
+      type: String,
+      default: null,
+    },
+
+    height: {
+      type: Number,
+      default: 300,
+    },
+
+    theme: {
+      type: String,
+      default: '39028',
+    },
+
+    preview: {
+      type: Boolean,
+      default: true,
     },
+
+    editable: {
+      type: Boolean,
+      default: true,
+    },
+
+    version: {
+      type: String,
+      default: null,
+    }
   },
   mounted() {
     const codepenScript = document.createElement('script')
     codepenScript.setAttribute('src', 'https://static.codepen.io/assets/embed/ei.js')
     codepenScript.async = true
     this.$el.appendChild(codepenScript)
-  }
+  },
+  computed: {
+    href() {
+      return `https://codepen.io/${this.team ? 'team' : ''}${this.user}/pen/${this.slug}`
+    }
+  },
 }
 </script>
 
 <style lang="scss">
 .codepen {
   box-sizing: border-box;
-  height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/coc/index.md b/src/coc/index.md
@@ -1,45 +1,45 @@
-# Code Of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, political party, or sexual identity and orientation. Note, however, that religion, political party, or other ideological affiliation provide no exemptions for the behavior we outline as unacceptable in this Code of Conduct.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment include:
-
-- Using welcoming and inclusive language
-- Being respectful of differing viewpoints and experiences
-- Gracefully accepting constructive criticism
-- Focusing on what is best for the community
-- Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-- The use of sexualized language or imagery and unwelcome sexual attention or advances
-- Trolling, insulting/derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or electronic address, without explicit permission
-- Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at community@vuejs.org. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
-
-[homepage]: https://www.contributor-covenant.org
+# Código de Conduta
+
+## Nosso Compromisso
+
+No interesse de promover um ambiente aberto e acolhedor, nós, como colaboradores e mantenedores, comprometemo-nos à tornar a participação em nosso projeto e em nossa comunidade uma experiência livre de assédio para todos, independentemente de idade, tamanho corporal, deficiência, etnia, características sexuais, identidade e expressão de gênero, nível de experiência, educação, status socioeconômico, nacionalidade, aparência pessoal, raça, religião, partido político ou identidade e orientação sexual. Note, no entanto, que a religião, partido político ou outra afiliação ideológica não oferecem isenções para o comportamento que delineamos como inaceitável neste Código de Conduta.
+
+## Nossos Padrões
+
+Exemplos de comportamento que contribuem para criar um ambiente positivo incluem:
+
+- Uso de linguagem acolhedora e inclusiva
+- Ser respeitoso com pontos de vista e experiências diferentes
+- Aceitando graciosamente críticas construtivas
+- Focando no que é melhor para a comunidade
+- Mostrando empatia para com outros membros da comunidade
+
+Exemplos de comportamento inaceitável pelos participantes incluem:
+
+- O uso de linguagem ou imagens sexualizadas e atenção ou avanços sexuais indesejados
+- Insultos ou comentários depreciativos e ataques pessoais ou políticos
+- Assédio público ou privado
+- Publicar informações privadas de outras pessoas, como endereço físico ou eletrônico, sem permissão explícita
+- Outros comportamentos que possam razoavelmente ser considerados inadequados num ambiente profissional
+
+## Nossas Responsabilidades
+
+Os mantenedores do projeto são responsáveis por esclarecer os padrões de comportamento aceitável e devem tomar medidas corretivas apropriadas e justas em resposta a quaisquer casos de comportamento inaceitável.
+
+Os mantenedores do projeto têm o direito e a responsabilidade de remover, editar ou rejeitar comentários, _commits_, códigos, edições na _wiki_, _issues_ e outras contribuições que não estejam alinhadas à este Código de Conduta, ou banir temporariamente ou permanentemente qualquer colaborador por outros comportamentos que julguem inapropriado, ameaçador, ofensivo ou prejudicial.
+
+## Escopo
+
+Este Código de Conduta se aplica tanto dentro como fora dos espaços públicos quando um indivíduo está representando o projeto ou sua comunidade. Exemplos de representação de um projeto ou comunidade incluem o uso de um endereço de e-mail oficial do projeto, postagem por meio de uma conta oficial de mídia social ou a atuação como representante nomeado em um evento on-line ou off-line. A representação de um projeto pode ser definida e esclarecida pelos mantenedores do projeto.
+
+## Execução
+
+Casos de comportamento abusivo, assediador ou inaceitável podem ser relatados entrando em contato com a equipe do projeto em community@vuejs.org (em inglês). Todas as reclamações serão analisadas e investigadas e resultarão em uma resposta considerada necessária e apropriada às circunstâncias. A equipe do projeto é obrigada a manter a confidencialidade em relação ao relator de um incidente. Mais detalhes sobre políticas de execução específicas podem ser publicados separadamente.
+
+Os mantenedores do projeto que não seguem ou aplicam o Código de Conduta de boa fé podem enfrentar repercussões temporárias ou permanentes, conforme determinado por outros membros da liderança do projeto.
+
+## Atribuição
+
+Este Código de Conduta é adaptado do [Acordo do Colaborador][homepage], versão 1.4, disponível em https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+
+[homepage]: https://www.contributor-covenant.org
diff --git a/src/guide/component-edge-cases.md b/src/guide/component-edge-cases.md
@@ -1,10 +1,6 @@
 # Lidando com Casos Extremos
 
-<<<<<<< HEAD
 > Esta página assume que você já leu o [Básico sobre Componentes](component-basics.md). Leia lá primeiro se o desenvolvimento de componentes for novidade para você.
-=======
-> This page assumes you've already read the [Components Basics](component-basics.md). Read that first if you are new to components.
->>>>>>> 84d3484c8edff3aff5e832d69ace073ea0e182a0
 
 ::: tip NOTA
 Todos os recursos dessa página documentam o tratamento de casos extremos, ou seja, situações incomuns que às vezes exigem que as regras do Vue sejam levemente contornadas. Observe, entretanto, que todos eles têm desvantagens ou situações onde podem ser perigosos. Estes detalhes são expostos em cada caso, portanto, lembre-se ao decidir usar cada recurso.
diff --git a/src/guide/conditional.md b/src/guide/conditional.md
@@ -91,8 +91,4 @@ De modo geral, `v-if` tem custo maior nas alternâncias de renderização, enqua
 Usar `v-if` e `v-for` juntos **não é recomendado**. Veja o [guia de estilos](../style-guide/#avoid-v-if-with-v-for-essential) para mais informações.
 :::
 
-<<<<<<< HEAD
-Quando usado em conjunto com `v-if`, `v-for` possui maior prioridade do que `v-if`. Veja o [guia de renderização de listas](list#v-for-with-v-if) para mais detalhes.
-=======
-When `v-if` and `v-for` are both used on the same element, `v-if` will be evaluated first. See the [list rendering guide](list#v-for-with-v-if) for details.
->>>>>>> 84d3484c8edff3aff5e832d69ace073ea0e182a0
+Quando `v-if` e `v-for` são usados juntos no mesmo elemento, `v-if` será avaliado primeiro. Veja sobre [Renderização de Listas](list#v-for-with-v-if) para mais detalhes.
diff --git a/src/guide/list.md b/src/guide/list.md
@@ -265,42 +265,27 @@ Similar ao uso de _template_ com `v-if`, você também pode usar a tag `<templat
 ## Utilizando `v-if` com `v-for`
 
 :::tip
-Note que **não** é recomendado usar `v-if` e `v-for` juntos. Consulte o [guia de estilos](../style-guide/#avoid-v-if-with-v-for-essential) para detalhes.
+**Não** é recomendado usar `v-if` e `v-for` juntos. Consulte o [guia de estilos](../style-guide/#avoid-v-if-with-v-for-essential) para detalhes.
 :::
 
-<<<<<<< HEAD
-Quando presentes em um mesmo nó, `v-for` tem maior prioridade que `v-if`. Isto significa que `v-if` será executado separadamente a cada iteração da repetição. Isto pode ser útil se quiser renderizar nós condicionalmente para apenas _alguns_ itens, como abaixo:
-=======
-When they exist on the same node, `v-if` has a higher priority than `v-for`. That means the `v-if` condition will not have access to variables from the scope of the `v-for`:
->>>>>>> 84d3484c8edff3aff5e832d69ace073ea0e182a0
+Quando presentes em um mesmo nó, `v-if` tem maior prioridade que `v-for`. Isto significa que o `v-if` não terá acesso às variáveis criadas no escopo do `v-for`:
 
 ```html
-<!-- This will throw an error because property "todo" is not defined on instance. -->
+<!-- Um erro será lançado pois o dado "todo" não está definido nesta instância. -->
 
 <li v-for="todo in todos" v-if="!todo.isComplete">
   {{ todo }}
 </li>
 ```
 
-<<<<<<< HEAD
-O exemplo acima só renderiza apenas as tarefas que não estão completas.
-
-Em vez disso, se sua intenção for condicionalmente pular toda a execução da repetição, você pode colocar o `v-if` em um elemento envolvendo o bloco (ou [`<template>`](conditional#conditional-groups-with-v-if-on-lt-template-gt)). Por exemplo:
-=======
-This can be fixed by moving `v-for` to a wrapping `<template>` tag:
->>>>>>> 84d3484c8edff3aff5e832d69ace073ea0e182a0
+Isto pode ser resolvido envolvendo-se o `v-for` em uma _tag_ `<template>`:
 
 ```html
 <template v-for="todo in todos">
   <li v-if="!todo.isComplete">
     {{ todo }}
   </li>
-<<<<<<< HEAD
-</ul>
-<p v-else>Não há tarefas a fazer!</p>
-=======
 </template>
->>>>>>> 84d3484c8edff3aff5e832d69ace073ea0e182a0
 ```
 
 ## Componentes com `v-for`
diff --git a/src/guide/migration/introduction.md b/src/guide/migration/introduction.md
@@ -158,7 +158,7 @@ It is recommended to use [VSCode](https://code.visualstudio.com/) with our offic
 | Project               | NPM                           | Repo                 |
 | --------------------- | ----------------------------- | -------------------- |
 | @vue/babel-plugin-jsx | [![rc][jsx-badge]][jsx-npm]   | [[GitHub][jsx-code]] |
-| eslint-plugin-vue     | [![beta][epv-badge]][epv-npm] | [[GitHub][epv-code]] |
+| eslint-plugin-vue     | [![ga][epv-badge]][epv-npm]   | [[GitHub][epv-code]] |
 | @vue/test-utils       | [![beta][vtu-badge]][vtu-npm] | [[GitHub][vtu-code]] |
 | vue-class-component   | [![beta][vcc-badge]][vcc-npm] | [[GitHub][vcc-code]] |
 | vue-loader            | [![beta][vl-badge]][vl-npm]   | [[GitHub][vl-code]]  |
@@ -170,8 +170,8 @@ It is recommended to use [VSCode](https://code.visualstudio.com/) with our offic
 [vd-badge]: https://img.shields.io/npm/v/@vue/devtools/beta.svg
 [vd-npm]: https://www.npmjs.com/package/@vue/devtools/v/beta
 [vd-code]: https://github.com/vuejs/vue-devtools/tree/next
-[epv-badge]: https://img.shields.io/npm/v/eslint-plugin-vue/next.svg
-[epv-npm]: https://www.npmjs.com/package/eslint-plugin-vue/v/next
+[epv-badge]: https://img.shields.io/npm/v/eslint-plugin-vue.svg
+[epv-npm]: https://www.npmjs.com/package/eslint-plugin-vue
 [epv-code]: https://github.com/vuejs/eslint-plugin-vue
 [vtu-badge]: https://img.shields.io/npm/v/@vue/test-utils/next.svg
 [vtu-npm]: https://www.npmjs.com/package/@vue/test-utils/v/next
diff --git a/src/guide/routing.md b/src/guide/routing.md
@@ -1,12 +1,12 @@
-# Routing
+# Roteamento
 
-## Official Router
+## Roteador oficial 
 
-For most Single Page Applications, it's recommended to use the officially-supported [vue-router library](https://github.com/vuejs/vue-router). For more details, see vue-router's [documentation](https://router.vuejs.org/).
+Para a maioria das aplicações de página única _(Single Page Application)_, é recomendado utilizar a [biblioteca vue-router](https://github.com/vuejs/vue-router) oficial. Para mais detalhes, veja a [documentação](https://router.vuejs.org/) do _vue-router_.
 
-## Simple Routing from Scratch
+## Roteamento básico do zero
 
-If you only need very simple routing and do not wish to involve a full-featured router library, you can do so by dynamically rendering a page-level component like this:
+Se você só precisa de um roteamento simples e não tem interesse em utilizar uma biblioteca robusta de roteamento, você pode o fazer dinamicamente, renderizando um componente no nível da página _(page-level component)_, desse jeito: 
 
 ```js
 const NotFoundComponent = { template: '<p>Page not found</p>' }
@@ -37,8 +37,8 @@ const SimpleRouter = {
 Vue.createApp(SimpleRouter).mount('#app')
 ```
 
-Combined with the [History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API), you can build a very basic but fully-functional client-side router. To see that in practice, check out [this example app](https://github.com/phanan/vue-3.0-simple-routing-example).
+Combinado com a [History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API), você poderá construir um roteador básico (porém poderoso) no lado do cliente (client-side router). Para ver isso na prática, acesse [esse app de exemplo](https://github.com/phanan/vue-3.0-simple-routing-example).
 
-## Integrating 3rd-Party Routers
+## Integrando com roteadores externos
 
-If there's a 3rd-party router you prefer to use, such as [Page.js](https://github.com/visionmedia/page.js) or [Director](https://github.com/flatiron/director), integration is [similarly straightforward](https://github.com/phanan/vue-3.0-simple-routing-example/compare/master...pagejs). Here's a [complete example](https://github.com/phanan/vue-3.0-simple-routing-example/tree/pagejs) using Page.js.
+Se você preferir utilizar um roteador de terceiros _(3rd-party router)_, como por exemplo [Page.js](https://github.com/visionmedia/page.js) ou [Director](https://github.com/flatiron/director), a integração é [igualmente simples](https://github.com/phanan/vue-3.0-simple-routing-example/compare/master...pagejs). Segue aqui [um exemplo completo](https://github.com/phanan/vue-3.0-simple-routing-example/tree/pagejs) utilizando `Page.js`.
diff --git a/src/style-guide/README.md b/src/style-guide/README.md
@@ -1762,7 +1762,7 @@ h3 {
   a.header-anchor {
     // as we have too many h3 elements on this page, set the anchor to be always visible
     // to make them stand out more from paragraph texts.
-    opacity: 1; 
+    opacity: 1;
   }
 
   sup {
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1762,7 +1762,7 @@ h3 {`
`1762`	`1762`	`a.header-anchor {`
`1763`	`1763`	`// as we have too many h3 elements on this page, set the anchor to be always visible`
`1764`	`1764`	`// to make them stand out more from paragraph texts.`
`1765`		`- opacity: 1;`
	`1765`	`+ opacity: 1;`
`1766`	`1766`	`}`
`1767`	`1767`
`1768`	`1768`	`sup {`