feat(docs): redesign the homepage

closes #587
closes #588
closes #590
closes #594
closes #595
closes #596
closes #597
closes #599
closes #607
closes #611
closes #612
closes #625
closes #632
closes #633
closes #637
closes #646
closes #648
closes #658
closes #666

Author: nazarepiedady

README.md

@@ -17,11 +17,11 @@
 > Ferramentas de Frontend de Nova Geração
 
 - 💡 Inicialização do Servidor Instantânea
-- ⚡️ Substituição de Módulo Instantânea Rápida como Relâmpago
-- 🛠️ Vastidão de Funcionalidades
+- ⚡️ Substituição de Módulo Instantânea Extremamente Rápida
+- 🛠️ Funcionalidades Avançadas
 - 📦 Construção Otimizada
 - 🔩 Interface de Extensão Universal
-- 🔑 APIs Completamente Tipificadas
+- 🔑 APIs Totalmente Tipificadas
 
 Vite (palavra Francesa para "rápido", pronunciada [`/vit/`](https://cdn.jsdelivr.net/gh/vitejs/vite@main/docs/public/vite.mp3), como "veet") é uma nova espécie de ferramenta de construção que melhora significativamente a experiência de programação do frontend. Ela consiste em duas partes principais:
 

docs/.vitepress/buildEnd.config.ts

@@ -5,7 +5,7 @@ import type { SiteConfig } from 'vitepress'
 import { createContentLoader } from 'vitepress'
 
 
-const SITE_URL = 'https://pt.vitejs.dev'
+const SITE_URL = 'https://pt.vite.dev'
 const BLOG_URL = `${SITE_URL}/blog`
 
 export const buildEnd = async (config: SiteConfig): Promise<void> => {
@@ -15,9 +15,9 @@ export const buildEnd = async (config: SiteConfig): Promise<void> => {
     id: BLOG_URL,
     link: BLOG_URL,
     language: 'pt',
-    image: 'https://pt.vitejs.dev/og-image.png',
-    favicon: 'https://pt.vitejs.dev/logo.svg',
-    copyright: 'Direitos de Autor © 2019-presente Evan You & Colaboradores da Vite',
+    image: 'https://pt.vite.dev/og-image.png',
+    favicon: 'https://pt.vite.dev/logo.svg',
+    copyright: 'Direitos de Autor © 2019-presente VoidZero Inc. & Colaboradores da Vite',
   })
 
   const posts = await createContentLoader('blog/*.md', {

docs/.vitepress/config.ts

@@ -8,9 +8,9 @@ import {
 } from 'vitepress-plugin-group-icons'
 
 const ogDescription = 'Ferramentas de Frontend Modernas'
-const ogImage = 'https://pt.vitejs.dev/og-image.png'
+const ogImage = 'https://pt.vite.dev/og-image.png'
 const ogTitle = 'Vite'
-const ogUrl = 'https://pt.vitejs.dev'
+const ogUrl = 'https://pt.vite.dev'
 
 // netlify envs
 const deployURL = process.env.DEPLOY_PRIME_URL || ''
@@ -42,15 +42,15 @@ const versionLinks = ((): DefaultTheme.NavItemWithLink[] => {
   const oldVersions: DefaultTheme.NavItemWithLink[] = [
     {
       text: 'Documentação da Vite 4',
-      link: 'https://v4.vitejs.dev',
+      link: 'https://v4.vite.dev',
     },
     {
       text: 'Documentação da Vite 3',
-      link: 'https://v3.vitejs.dev',
+      link: 'https://v3.vite.dev',
     },
     {
       text: 'Documentação da Vite 2',
-      link: 'https://v2.vitejs.dev',
+      link: 'https://v2.vite.dev',
     }
   ]
 
@@ -60,7 +60,7 @@ const versionLinks = ((): DefaultTheme.NavItemWithLink[] => {
       return [
         {
           text: 'Documentação da Vite 5 (Lançamento)',
-          link: 'https://pt.vitejs.dev',
+          link: 'https://pt.vite.dev',
         },
         ...oldVersions,
       ]
@@ -77,6 +77,30 @@ export default defineConfig({
   head: [
     ['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }],
     ['link', { rel: 'alternate', type: 'application/rss+xml', href: '/blog.rss'}],
+    ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com' }],
+    [
+      'link',
+      {
+        rel: 'preconnect',
+        href: 'https://fonts.gstatic.com',
+        crossorigin: 'true',
+      },
+    ],
+    [
+      'link',
+      {
+        rel: 'preload',
+        href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600&family=IBM+Plex+Mono:wght@400&display=swap',
+        as: 'style',
+      },
+    ],
+    [
+      'link',
+      {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600&family=IBM+Plex+Mono:wght@400&display=swap',
+      },
+    ],
     ['link', { rel: 'me', href: 'https://m.webtoo.ls/@vite'}],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:title', content: ogTitle }],
@@ -99,26 +123,27 @@ export default defineConfig({
 
   locales: {
     root: { label: 'Português' },
-    en: { label: 'English', link: 'https://vitejs.dev' },
-    zh: { label: '简体中文', link: 'https://cn.vitejs.dev' },
-    ja: { label: '日本語', link: 'https://ja.vitejs.dev' },
-    es: { label: 'Español', link: 'https://es.vitejs.dev' },
-    ko: { label: '한국어', link: 'https://ko.vitejs.dev' },
-    de: { label: 'Deutsch', link: 'https://de.vitejs.dev' },
+    en: { label: 'English', link: 'https://vite.dev' },
+    zh: { label: '简体中文', link: 'https://cn.vite.dev' },
+    ja: { label: '日本語', link: 'https://ja.vite.dev' },
+    es: { label: 'Español', link: 'https://es.vite.dev' },
+    ko: { label: '한국어', link: 'https://ko.vite.dev' },
+    de: { label: 'Deutsch', link: 'https://de.vite.dev' },
   },
 
   themeConfig: {
     logo: '/logo.svg',
 
     editLink: {
       pattern: 'https://github.com/vitejs/docs-pt/edit/main/docs/:path',
-      text: 'Sugerir mudanças a esta página',
+      text: 'Sugerir mudanças para esta página',
     },
 
     socialLinks: [
+      { icon: 'bluesky', link: 'https://bsky.app/profile/vite.dev' },
       { icon: 'mastodon', link: 'https://elk.zone/m.webtoo.ls/@vite' },
       { icon: 'x', link: 'https://x.com/vite_js' },
-      { icon: 'discord', link: 'https://chat.vitejs.dev' },
+      { icon: 'discord', link: 'https://chat.vite.dev' },
       { icon: 'github', link: 'https://github.com/vitejs/vite' }
     ],
 
@@ -138,7 +163,7 @@ export default defineConfig({
 
     footer: {
       message: `Lançada sob a Licença MIT. (${commitRef})`,
-      copyright: 'Direitos de Autor © 2019-presente Evan You & Colaboradores da Vite',
+      copyright: 'Direitos de Autor © 2019-presente VoidZero Inc. & Colaboradores da Vite',
     },
 
     nav: [
@@ -153,6 +178,10 @@ export default defineConfig({
           { text: 'Lançamentos', link: '/releases' },
           {
             items: [
+              {
+                text: 'Bluesky',
+                link: 'https://bsky.app/profile/vite.dev',
+              },
               {
                 text: 'Mastodon',
                 link: 'https://elk.zone/m.webtoo.ls/@vite',
@@ -163,7 +192,7 @@ export default defineConfig({
               },
               {
                 text: 'Conversas da Discord',
-                link: 'https://chat.vitejs.dev'
+                link: 'https://chat.vite.dev'
               },
               {
                 text: 'Awesome Vite',
@@ -233,11 +262,11 @@ export default defineConfig({
               link: '/guide/build'
             },
             {
-              text: 'Implantação duma Aplicação Estática',
+              text: 'Implantar um Sítio Estático',
               link: '/guide/static-deploy'
             },
             {
-              text: 'Variáveis e Modos de Ambiente',
+              text: 'Variáveis de Ambiente e Modos',
               link: '/guide/env-and-mode'
             },
             {
@@ -267,7 +296,11 @@ export default defineConfig({
             {
               text: 'Migração da Versão 6',
               link: '/guide/migration'
-            }
+            },
+            {
+              text: 'Breaking Changes',
+              link: '/changes/',
+            },
           ]
         },
         {
@@ -285,16 +318,37 @@ export default defineConfig({
               text: 'API de JavaScript',
               link: '/guide/api-javascript'
             },
-            {
-              text: 'API de Ambiente da Vite',
-              link: '/guide/api-environment'
-            },
             {
               text: 'Referência da Configuração',
               link: '/config/'
             }
           ]
-        }
+        },
+        {
+          text: 'API do Ambiente',
+          items: [
+            {
+              text: 'Introdução',
+              link: '/guide/api-environment',
+            },
+            {
+              text: 'Instâncias do Ambiente',
+              link: '/guide/api-environment-instances',
+            },
+            {
+              text: 'Extensões',
+              link: '/guide/api-environment-plugins',
+            },
+            {
+              text: 'Abstrações',
+              link: '/guide/api-environment-frameworks',
+            },
+            {
+              text: 'Executores',
+              link: '/guide/api-environment-runtimes',
+            },
+          ],
+        },
       ],
       '/config/': [
         {
@@ -405,6 +459,14 @@ export default defineConfig({
         },
       }),
     ],
+    optimizeDeps: {
+      include: [
+        '@shikijs/vitepress-twoslash/client',
+        'gsap',
+        'gsap/dist/ScrollTrigger',
+        'gsap/dist/MotionPathPlugin',
+      ],
+    },
   },
   buildEnd,
 })

docs/.vitepress/theme/components/AsideSponsors.vue

@@ -20,14 +20,14 @@ const sponsors = computed(() => {
 <template>
   <a
     class="viteconf"
-    href="https://viteconf.org/?utm=vite-sidebar"
+    href="https://viteconf.org/24/replay?utm=vite-sidebar"
     target="_blank"
   >
-    <img width="22" height="22" src="/viteconf.svg" />
+    <img width="22" height="22" src="/viteconf.svg" alt="Logótipo da ViteConf" />
     <span>
       <p class="extra-info">Construir Juntos</p>
-      <p class="heading">ViteConf 24 - 3 de Outubro</p>
-      <p class="extra-info">Obter o Bilhete Gratuito!</p>
+      <p class="heading">ViteConf 2024</p>
+      <p class="extra-info">Assistir a Repetição!</p>
     </span>
   </a>
   <VPDocAsideSponsors v-if="data" :data="sponsors" />

docs/.vitepress/theme/components/BlogIndex.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { data as posts } from './blog.data'
+import { data as posts } from '../../../_data/blog.data'
 
 function getDateTime(time: number) {
   return new Date(time).toISOString()