translation(pt-br): Translate docs concepts section

components/molecules/cards/LogoCard.vue

@@ -9,30 +9,34 @@
       <AppLink :to="item.to || item.link" :aria-label="item.title" class="absolute inset-0" />
     </template>
     <div class="ListCard-body">
-      <NuxtImg
-        v-if="item.logo && item.logo.dark"
-        :alt="`${item.title} logo`"
-        :src="item.logo.dark"
-        class="dark-img w-12 h-12 mr-4 rounded-md"
-      />
-      <NuxtImg
-        v-if="item.logo && item.logo.light"
-        :alt="`${item.title} logo`"
-        :src="item.logo.light"
-        class="light-img w-12 h-12 mr-4 rounded-md"
-      />
-      <NuxtImg
-        v-if="typeof item.logo === 'string'"
-        :alt="`${item.title} logo`"
-        :src="item.logo || ''"
-        class="w-12 h-12 mr-4 rounded-md"
-      />
+      <div class="w-full flex flex-row justify-between">
+        <NuxtImg
+          v-if="item.logo && item.logo.dark"
+          :alt="`${item.title} logo`"
+          :src="item.logo.dark"
+          class="dark-img w-12 h-12 mr-4 rounded-md"
+        />
+        <NuxtImg
+          v-if="item.logo && item.logo.light"
+          :alt="`${item.title} logo`"
+          :src="item.logo.light"
+          class="light-img w-12 h-12 mr-4 rounded-md"
+        />
+        <NuxtImg
+          v-if="typeof item.logo === 'string'"
+          :alt="`${item.title} logo`"
+          :src="item.logo || ''"
+          class="w-12 h-12 mr-4 rounded-md"
+        />
+        <span v-if="item.location" class="text-cloud-lighter">{{ item.location }}</span>
+      </div>
       <h3 class="font-bold text-xl py-2">{{ item.title || 'Title' }}</h3>
       <p class="text-sm">{{ item.description || 'Description' }}</p>
     </div>
     <slot name="footer" />
   </div>
 </template>
+
 <script lang="ts">
 import { defineComponent } from '@nuxtjs/composition-api'
 

components/organisms/home/HomeDiscoverPartners.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="relative pb-48 sm:pb-56 md:pb-64 lg:pb-72 xl:pb-92 2xl:pb-128 bg-sky-surface">
-    <section class="relative pt-20">
+    <section class="relative pt-20 z-10">
       <NuxtContainer class="flex flex-col items-center xl:pt-10 text-sky-black">
         <div class="flex flex-col w-full items-center col-span-12">
           <div class="mb-2">
@@ -22,7 +22,7 @@
     <img
       loading="lazy"
       :src="`/img/home/discover/partners/partners-illustration.svg`"
-      class="absolute left-0 bottom-0 z-10 object-fill w-full -mt-28 sm:-mt-40 lg:-mt-60 xl:-mt-80"
+      class="absolute left-0 bottom-0 object-fill w-full -mt-28 sm:-mt-40 lg:-mt-60 xl:-mt-80"
       alt="A landscape image"
     />
   </div>

components/organisms/home/HomeExplore.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="relative pb-20 sm:pb-28 md:pb-36 lg:pb-48">
-    <section class="bg-white">
+    <section class="relative z-10">
       <img
         loading="lazy"
         :src="`/img/home/explore/landscape-explore.svg`"
@@ -27,13 +27,13 @@
     <img
       loading="lazy"
       :src="`/img/home/campfire/campfire-illustration-big.svg`"
-      class="hidden xl:block absolute bottom-0 left-0 w-full object-fit z-10"
+      class="hidden xl:block absolute bottom-0 left-0 w-full object-fit"
       alt="A landscape image"
     />
     <img
       loading="lazy"
       :src="`/img/home/campfire/campfire-illustration.svg`"
-      class="absolute left-0 bottom-0 w-full object-fit z-10 xl:hidden"
+      class="absolute left-0 bottom-0 w-full object-fit xl:hidden"
       alt="A landscape image"
     />
   </div>

content/_collections/partners/technology/0.netlify.md

@@ -27,5 +27,4 @@ github: 'netlify'
 color:
   - '#20C6B7'
   - '#4D9ABF'
-location: San Francisco, CA
 ---

content/en/docs/3.features/8.nuxt-components.md

@@ -328,7 +328,9 @@ Use a slot as placeholder until `<client-only />` is mounted on client-side.
       <comments />
 
       <!-- loading indicator, rendered on server-side -->
-      <comments-placeholder #placeholder />
+      <template #placeholder>
+        <comments-placeholder />        
+      </template>
     </client-only>
   </div>
 </template>

content/en/docs/5.configuration-glossary/2.configuration-build.md

@@ -612,7 +612,7 @@ In Nuxt 2.15+, changing the value of this property at runtime will override the
   }
   ```
 
-If split codes for `layout`, `pages` and `commons` (common libs: vue|vue-loader|vue-router|vuex...).
+Whether or not to create separate chunks for `layout`, `pages` and `commons` (common libs: vue|vue-loader|vue-router|vuex...). For more information, see [webpack docs](https://v4.webpack.js.org/plugins/split-chunks-plugin/#optimizationsplitchunks).
 
 ## ssr
 
@@ -733,7 +733,7 @@ See [webpack-contrib/terser-webpack-plugin](https://github.com/webpack-contrib/t
 
 If you want to transpile specific dependencies with Babel, you can add them in `build.transpile`. Each item in transpile can be a package name, a string or regex object matching the dependency's file name.
 
-Starting with `v2.9.0`, you can also use a function to conditionally transpile, the function will receive a object (`{ isDev, isServer, isClient, isModern, isLegacy }`):
+Starting with `v2.9.0`, you can also use a function to conditionally transpile. The function will receive an object (`{ isDev, isServer, isClient, isModern, isLegacy }`):
 
 ```js{}[nuxt.config.js]
 {

content/en/index.md

@@ -13,7 +13,7 @@ The Intuitive Vue<br>Framework
 Build your next Vue.js application with confidence using Nuxt.<br class="hidden sm:block" /> An open source framework making web development simple and powerful.
 
 #primary-button
-:app-button[38K+ GitHub stars]{ href="https://github.com/nuxt/nuxt.js" icon="IconGitHub" extraClass="text-white bg-sky-black hover:bg-sky-darker leading-4" }
+:app-button[39K+ GitHub stars]{ href="https://github.com/nuxt/nuxt.js" icon="IconGitHub" extraClass="text-white bg-sky-black hover:bg-sky-darker leading-4" }
 
 #secondary-button
 :app-button[Get started]{ to="/docs/get-started/installation" }

content/es/_collections/navigations/header.md

@@ -3,7 +3,7 @@ links:
   - title: 'Discover'
     items:
       - title: 'Showcases'
-        subtitle: 'Selection of website built with Nuxt'
+        subtitle: 'Selection of websites built with Nuxt'
         slug: 'showcases'
         to: '/showcases'
         icon: 'showcases.svg'
@@ -74,7 +74,7 @@ links:
   - title: 'Community'
     items:
       - title: 'Announcements'
-        subtitle: 'Last news about Nuxt'
+        subtitle: 'Latest news about Nuxt'
         slug: 'announcements'
         to: '/announcements'
         icon: 'announcements.svg'
@@ -86,7 +86,7 @@ links:
         icon: 'teams.svg'
         color: 'bg-mint-light'
       - title: 'Releases'
-        subtitle: 'All the code we released'
+        subtitle: 'All the code we have released'
         slug: 'releases'
         to: '/releases'
         icon: 'releases.svg'

content/es/announcements/5.nuxt3-beta.md

@@ -32,7 +32,7 @@ The documentation is available on https://v3.nuxtjs.org.
 
 ## A new foundation
 
-On top of supporting [Vue 3](https://v3.vuejs.org) or [Vite](https://vitejs.dev), Nuxt 3 contains a new [server engine](https://v3.nuxtjs.org/concepts/server-engine), unlocking new full-stack capablities to Nuxt server and beyond. It's the first JavaScript application server that is portable across a varierty of modern cloud hosting providers.
+On top of supporting [Vue 3](https://v3.vuejs.org) or [Vite](https://vitejs.dev), Nuxt 3 contains a new [server engine](https://v3.nuxtjs.org/concepts/server-engine), unlocking new full-stack capabilities to Nuxt server and beyond. It's the first JavaScript application server that is portable across a variety of modern cloud hosting providers.
 
 In production, it builds your Vue application and server into one universal `.output` directory. This output is light: minified and without any other Node.js dependencies (except polyfills). You can deploy this output on any system supporting JavaScript, whether Node.js, Serverless, Workers, Edge-side rendering or purely static.
 

content/es/case-studies/2.stores.md

@@ -11,7 +11,7 @@ headingImg:
 
 ## What is Stores.jp?
 
-[stores.jp](http://stores.jp) is an e-commerce platform which allows users to create their own e-commerce website. It focuses on users who don't have their own e-commerce site yet. That's why most of the features are designed so users can change the style and functionality easily without having any technical background knowledge. 
+[stores.jp](http://stores.jp) is an e-commerce platform which allows users to create their own e-commerce website. It focuses on users who don't have their own e-commerce site yet. That's why most of the features are designed so users can change the style and functionality easily without having any technical background knowledge.
 
 In the store dashboard the shop owner can change the style, layout or add a banner etc by easily dragging and dropping. Stores.jp has the same features as the well known platform Shopify but it is specially designed for beginners. Most of the features can be enabled or disabled by simply clicking.
 
@@ -21,9 +21,9 @@ We considered what is the best stack for us by researching articles and meetup s
 
 ## Why did you choose Nuxt as your frontend framework?
 
-When we started we were just one frontend developer and one designer and sometimes the designer needed to edit HTML so in that case Vue.js single file components are the best. Contrary to React, Nuxt is easy to understand even for designers. At the time Nuxt was the only framework based on Vue.js 
+When we started we were just one frontend developer and one designer and sometimes the designer needed to edit HTML so in that case Vue.js single file components are the best. Contrary to React, Nuxt is easy to understand even for designers. At the time Nuxt was the only framework based on Vue.js.
 
-The old version of [stores.jp](http://stores.jp) was made in Anguar JS. As our site grew bigger, our team of developers grew too. We needed to unify our codebase. When we want to add the logic we don't want to discuss if it should be an angular service or a factory so that is why we thought we need a framework instead of a library and that is why we chose Nuxt instead of just using Vue.js.
+The old version of [stores.jp](http://stores.jp) was made in Angular JS. As our site grew bigger, our team of developers grew too. We needed to unify our codebase. When we want to add the logic we don't want to discuss if it should be an angular service or a factory so that is why we thought we need a framework instead of a library and that is why we chose Nuxt instead of just using Vue.js.
 
 ## Are you using dynamic or static rendering? Why?
 

content/es/deployments/fume.md

@@ -21,7 +21,7 @@ Fume includes the following features:
 - Serverless structures supporting both Server and Static with Lambda and CloudFront.
 - [Automated](https://github.com/marketplace/actions/fume-deployment) deployments with rollbacks with the click of a button
 - Metrics and cost prediction for each environment
-- Domain control - import hosts, issues certificates, and map recorde to environments
+- Domain control - import hosts, issues certificates, and map records to environments
 - Integrated notifications to Slack, Discord, and other collaboration platforms
 
 ## Setup

content/es/deployments/github-pages.md

@@ -18,9 +18,14 @@ Nuxt gives you the possibility to host your web application on any static hostin
 
 To deploy on GitHub Pages, you need to generate your static web application:
 
-```bash
+::code-group
+```bash [Yarn]
+yarn generate
+```
+```bash [NPM]
 npm run generate
 ```
+::
 
 It will create a `dist` folder with everything inside ready to be deployed on GitHub Pages hosting. Branch `gh-pages` for project repository OR branch `master` for user or organization site
 
@@ -59,11 +64,16 @@ This way, all generated path asset will be prefixed with `/<repository-name>/`,
 
 You can also use [push-dir package](https://github.com/L33T-KR3W/push-dir):
 
-First install it via npm:
+First install it:
 
-```bash
+::code-group
+```bash [Yarn]
+yarn add --dev push-dir
+```
+```bash [NPM]
 npm install push-dir --save-dev
 ```
+::
 
 Add a `deploy` command to your `package.json` with the branch as `gh-pages` for project repository OR `master` for user or organization site.
 
@@ -78,10 +88,16 @@ Add a `deploy` command to your `package.json` with the branch as `gh-pages` for
 
 Then generate and deploy your static application:
 
-```bash
+::code-group
+```bash [Yarn]
+yarn generate
+yarn deploy
+```
+```bash [NPM]
 npm run generate
 npm run deploy
 ```
+::
 
 ## Build server deployment
 
@@ -132,7 +148,7 @@ jobs:
         run: yarn
 
       - name: Generate
-        run: yarn run generate
+        run: yarn generate
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3

content/es/deployments/surge.md

@@ -18,13 +18,22 @@ Nuxt gives you the possibility to host your web application on any static hostin
 
 To deploy on Surge, first install it on your computer:
 
-```bash
+::code-group
+```bash [Yarn]
+yarn global add surge
+```
+```bash [NPM]
 npm install -g surge
 ```
+::
 
 Then, we tell Nuxt to generate our web application:
 
-```bash
+::code-group
+```bash [Yarn]
+yarn generate
+```
+```bash [NPM]
 npm run generate
 ```
 

content/es/docs/2.concepts/5.nuxt-lifecycle.md

@@ -15,7 +15,7 @@ No matter which tool you use, you will always feel more confident when you under
 
 The goal of this chapter is to give you a high-level overview of the different parts of the framework, their order of execution and how they work together.
 
-The Nuxt lifecycle describes what happens after the build phase, where your application is bundled, chunked and minified. What happens after this phase depends on whether you have server-side rendering enabled or not. If you have, it furthermore depends on the type of server-side rendering you have chosen:
+The Nuxt lifecycle describes what happens after the build phase, where your application is bundled, chunked and minified. What happens after this phase depends on whether you have server-side rendering enabled or not. And if you do, it further depends on the type of server-side rendering you have chosen:
 
 Dynamic SSR (`nuxt start`)
 
@@ -70,13 +70,13 @@ This part of the lifecycle is fully executed in the browser, no matter which Nux
 
 - Receives the HTML
 - Loading assets (e.g. JavaScript)
+- client-side Nuxt plugin
+  - in order as defined in nuxt.config.js
 - Vue Hydration
 - Middleware
   - Global middleware
   - Layout middleware
   - Route middleware
-- client-side Nuxt plugin
-  - in order as defined in nuxt.config.js
 - asyncData (blocking)
 - beforeCreate (Vue lifecycle method)
 - created (Vue lifecycle method)