Merge branch 'master' into alessandra

Author: GuiDevloper

src/.vuepress/components/common/vuemastery-video-modal.vue

@@ -18,20 +18,20 @@
       </div>
 
       <p class="modal-text">
-        Video by
+        Vídeo por
         <a
           href="https://www.vuemastery.com"
           target="_blank"
           rel="sponsored noopener"
-          title="Vue.js Courses on Vue Mastery"
+          title="Cursos de Vue.js na Vue Mastery"
           >Vue Mastery</a
-        >. Watch Vue Mastery’s free
+        >. Assista ao gratuito
         <a
           href="https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3"
           target="_blank"
           rel="sponsored noopener"
-          title="Vue.js Courses on Vue Mastery"
-          >Intro to Vue course</a
+          title="Cursos de Vue.js na Vue Mastery"
+          >Curso de Introdução ao Vue</a
         >.
       </p>
     </div>

src/.vuepress/components/community/team/members.js

@@ -252,7 +252,7 @@ const members = [
       languages: ['uk', 'ru', 'en'],
       reposOfficial: ['vuejs.org', 'vue-cli'],
       work: {
-        role: 'Senior Frontend Engineer',
+        role: 'Staff Frontend Engineer',
         org: 'GitLab',
         orgUrl: 'https://gitlab.com/'
       },

src/.vuepress/config.js

@@ -15,6 +15,7 @@ const sidebar = {
         '/guide/introduction',
         '/guide/instance',
         '/guide/template-syntax',
+        '/guide/data-methods',
         '/guide/computed',
         '/guide/class-and-style',
         '/guide/conditional',
@@ -156,6 +157,7 @@ const sidebar = {
     '/api/global-api',
     {
       title: 'Options',
+      path: '/api/options-api',
       collapsable: false,
       children: [
         '/api/options-data',
@@ -173,6 +175,7 @@ const sidebar = {
     '/api/built-in-components.md',
     {
       title: 'Reactivity API',
+      path: '/api/reactivity-api',
       collapsable: false,
       children: [
         '/api/basic-reactivity',
@@ -251,10 +254,10 @@ module.exports = {
     ],
     ['meta', { name: 'msapplication-TileColor', content: '#000000' }],
     [
-      ('script',
+      'script',
       {
         src: 'https://player.vimeo.com/api/player.js'
-      })
+      }
     ],
     [
       'script',
@@ -295,7 +298,7 @@ module.exports = {
       },
       {
         text: 'API Reference',
-        link: '/api/application-config'
+        link: '/api/'
       },
       {
         text: 'Ecosystem',

src/.vuepress/public/images/css-vs-js-ease.svg

@@ -1,7 +1,7 @@
 <template>
   <div class="newsletter">
     <div class="inner">
-      <h3><label for="member_email">Subscribe to our Weekly Newsletter</label></h3>
+      <h3><label for="member_email">Inscreva-se em nossas Notícias Semanais</label></h3>
       <form
         class="newsletter-form"
         id="revue-form"
@@ -17,18 +17,18 @@
           name="member[email]"
           id="member_email"
           required
-          placeholder="Email address"
+          placeholder="Endereço de e-mail"
         >
         <input
           class="button newsletter-button"
           type="submit"
-          value="Subscribe"
+          value="Assinar"
           name="member[subscribe]"
           id="member_submit"
         >
       </form>
       <p>
-        You can read the previous issues and listen to our podcast at <a href="https://news.vuejs.org" target="_blank" rel="noopener">news.vuejs.org</a>.
+        Você pode ler as edições anteriores e escutar nosso podcast em <a href="https://news.vuejs.org" target="_blank" rel="noopener">news.vuejs.org</a>.
       </p>
     </div>
   </div>
@@ -71,7 +71,7 @@
     position: absolute;
     padding: 4px 20px;
     margin: 0;
-    height: calc(100% - 8px);
+    min-height: calc(100% - 8px);
     right: 4px;
     top: 4px;
     font-size: 1.05em;

src/.vuepress/public/images/sponsors/laravel.png

@@ -1,9 +1,9 @@
 <template>
   <SponsorsLayout extra-classes="sponsors__open-collective">
-    <template #heading>Open Collective Sponsors</template>
+    <template #heading>Patrocínio no Open Collective</template>
 
     <template #content>
-      <h4>Platinum</h4>
+      <h4>Platina</h4>
       <a
         :href="`https://opencollective.com/vuejs/tiers/platinum-sponsors/${index}/website`"
         rel="sponsored noopener"
@@ -12,11 +12,11 @@
       >
         <img
           :src="`https://opencollective.com/vuejs/tiers/platinum-sponsors/${index}/avatar.svg`"
-          alt="Vue.JS platinum sponsor"
+          alt="Patrocinador Platina do Vue.JS"
         >
       </a>
 
-      <h4>Gold</h4>
+      <h4>Ouro</h4>
       <a
         :href="`https://opencollective.com/vuejs/tiers/gold-sponsors/${index}/website`"
         rel="sponsored noopener"
@@ -25,7 +25,7 @@
       >
         <img
           :src="`https://opencollective.com/vuejs/tiers/gold-sponsors/${index}/avatar.svg`"
-          alt="Vue.JS gold sponsor"
+          alt="Patrocinador Ouro do Vue.JS"
         >
       </a>
     </template>

src/.vuepress/theme/components/Newsletter.vue

@@ -1,6 +1,6 @@
 <template>
   <SponsorsLayout extra-classes="sponsors__patreon">
-    <template #heading>Patreon Sponsors</template>
+    <template #heading>Patrocínio no Patreon</template>
 
     <template #content>
       <div class="platinum">
@@ -26,7 +26,7 @@
         </a>
       </div>
 
-      <RoundedButton url="https://vuejs.org/support-vuejs/">Become a Sponsor!</RoundedButton>
+      <RoundedButton url="https://vuejs.org/support-vuejs/">Seja um Patrocinador!</RoundedButton>
     </template>
   </SponsorsLayout>
 </template>

src/.vuepress/theme/components/sponsors/OpenCollectiveSponsors.vue

@@ -26,7 +26,23 @@ export default {
 
   computed: {
     heading () {
-      return `Special Sponsor${this.sponsors.length === 1 ? '' : 's'}`
+      return (
+        this.sponsors.length > 0
+          ? `Patrocinador${this.getPlural(0)} Especia${this.getPlural(1)}`
+          : ''
+      )
+    }
+  },
+
+  methods: {
+    getPlural(wordId) {
+      const plurals = ['es', 'is']
+      const singulars = ['', 'l']
+      return (
+        this.sponsors.length === 1
+          ? singulars[wordId]
+          : plurals[wordId]
+      )
     }
   }
 }

src/.vuepress/theme/components/sponsors/PatreonSponsors.vue

@@ -10,7 +10,7 @@ export default {
       "url": "https://autocode.com",
       "img": "autocode.svg",
       "name": "Autocode",
-      "description": "Build app-to-app workflows and connect APIs"
+      "description": "Construa workflows de app à app e conecte APIs"
     }
   ],
   "platinum_sponsors": [