Merge branch 'main' into patch-1

.eslintrc.cjs

@@ -1,6 +1,7 @@
 // @ts-check
 const { builtinModules } = require('node:module')
 const { defineConfig } = require('eslint-define-config')
+const pkg = require('./package.json')
 
 module.exports = defineConfig({
   root: true,
@@ -14,7 +15,7 @@ module.exports = defineConfig({
   parser: '@typescript-eslint/parser',
   parserOptions: {
     sourceType: 'module',
-    ecmaVersion: 2021,
+    ecmaVersion: 2022,
   },
   rules: {
     eqeqeq: ['warn', 'always', { null: 'never' }],
@@ -163,13 +164,13 @@ module.exports = defineConfig({
         'node/no-unsupported-features/es-builtins': [
           'error',
           {
-            version: '^14.18.0 || >=16.0.0',
+            version: pkg.engines.node,
           },
         ],
         'node/no-unsupported-features/node-builtins': [
           'error',
           {
-            version: '^14.18.0 || >=16.0.0',
+            version: pkg.engines.node,
           },
         ],
         '@typescript-eslint/explicit-module-boundary-types': 'off',

.prettierrc.json

@@ -1,22 +1,23 @@
 {
   "semi": false,
-  "tabWidth": 2,
   "singleQuote": true,
-  "printWidth": 80,
-  "trailingComma": "all",
   "overrides": [
     {
-      "files": ["*.json5"],
+      "files": [
+        "*.json5"
+      ],
       "options": {
         "singleQuote": false,
         "quoteProps": "preserve"
       }
     },
     {
-      "files": ["*.yml"],
+      "files": [
+        "*.yml"
+      ],
       "options": {
         "singleQuote": false
       }
     }
   ]
-}
+}

docs/.vitepress/config.ts

@@ -106,6 +106,7 @@ export default defineConfig({
       { icon: 'discord', link: 'https://chat.vitejs.dev' },
       { icon: 'github', link: 'https://github.com/vitejs/vite' },
     ],
+    darkModeSwitchLabel: 'Apariencia',
     algolia: {
       appId: '7H67QR5P0A',
       apiKey: 'deaab78bcdfe96b599497d25acc6460e',
@@ -168,7 +169,8 @@ export default defineConfig({
 
     footer: {
       message: `Publicado bajo licencia MIT. (${commitRef})`,
-      copyright: 'Copyright © 2019-actualidad Evan You & colaboradores de Vite',
+      copyright:
+        'Copyright © 2019-actualidad Evan You & colaboradores de Vite',
     },
 
     nav: [
@@ -206,6 +208,10 @@ export default defineConfig({
                 text: 'Lista de Cambios',
                 link: 'https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md',
               },
+              {
+                text: 'Contribución',
+                link: 'https://github.com/vitejs/docs-es/blob/main/CONTRIBUTING.md',
+              },
             ],
           },
         ],

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

@@ -8,22 +8,22 @@ const sponsors = computed(() => {
     data?.value.map((sponsor) => {
       return {
         size: sponsor.size === 'big' ? 'mini' : 'xmini',
-        items: sponsor.items
+        items: sponsor.items,
       }
     }) ?? []
   )
 })
 </script>
 
 <template>
-  <!-- <a class="viteconf" href="https://viteconf.org" target="_blank">
+  <a class="viteconf" href="https://viteconf.org/23" target="_blank">
     <img width="22" height="22" src="/viteconf.svg" />
     <span>
-      <p class="extra-info">Conferencia Online Gratis</p>
-      <p class="heading">ViteConf - Oct 11</p>
-      <p class="extra-info">¡Adquiere tu entrada!</p>
+      <p class="extra-info">Free Online Conference</p>
+      <p class="heading">ViteConf 23 - Oct 5</p>
+      <p class="extra-info">Get your ticket now!</p>
     </span>
-  </a> -->
+  </a>
   <VPDocAsideSponsors v-if="data" :data="sponsors" />
 </template>
 
@@ -36,10 +36,9 @@ const sponsors = computed(() => {
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
   position: relative;
-  font-size: 1rem;
+  font-size: 0.9rem;
   font-weight: 700;
   line-height: 1.1rem;
-  filter: grayscale(100%);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -49,23 +48,23 @@ const sponsors = computed(() => {
   transition: border-color 0.5s;
 }
 .viteconf:hover {
-  filter: grayscale(0%);
   border: 2px solid var(--vp-c-brand-light);
 }
 .viteconf img {
   position: absolute;
   left: 1.5rem;
   transition: transform 0.5s;
+  transform: scale(1.25);
 }
 .viteconf:hover img {
   transform: scale(1.75);
 }
-.viteconf:hover .heading {
+.viteconf .heading {
   background-image: linear-gradient(
     120deg,
-    #bd34fe 16%,
-    var(--vp-c-brand-light),
-    var(--vp-c-brand-light)
+    #b047ff 16%,
+    var(--vp-c-brand-lighter),
+    var(--vp-c-brand-lighter)
   );
   background-clip: text;
   -webkit-background-clip: text;
@@ -81,4 +80,4 @@ const sponsors = computed(() => {
 .viteconf:hover .extra-info {
   opacity: 0.9;
 }
-</style>
+</style>

docs/.vitepress/theme/components/HomeSponsors.vue

@@ -47,7 +47,10 @@ const { data } = useSponsor()
   text-align: center;
   font-weight: 600;
   white-space: nowrap;
-  transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+  transition:
+    color 0.25s,
+    border-color 0.25s,
+    background-color 0.25s;
   /* .VPButton.medium */
   border-radius: 20px;
   padding: 0 20px;

docs/blog/anunciando-vite2.md

@@ -26,11 +26,11 @@ Desde que decidimos refactorizar completamente los archivos internos antes que l
 
 La idea original de Vite comenzó como un [prototipo trucado que entregaba componentes de una pagina de Vue sobre ESM nativo](https://github.com/vuejs/vue-dev-server). Vite 1 fue la continuación de esa idea con HMR implementado en base a esta.
 
-Vite 2.0 toma lo que aprendimos durante este recorrido y es rediseñado desde cero con una arquitectura interna más robusta. Ahora es completamente independiente del marco de trabajo, y todos lo que es específico para cada marco de trabajos es delegado a los plugins. Ahora hay [plantillas oficiales para Vue, React, Preact, Lit Element](https://github.com/vitejs/vite/tree/main/packages/create-vite), y esfuerzos en curso hechos por la comunidad para la integración con Svelte.
+Vite 2.0 toma lo que aprendimos durante este recorrido y es rediseñado desde cero con una arquitectura interna más robusta. Ahora es completamente independiente del marco de trabajo, y todos lo que es específico para cada marco de trabajos es delegado a los complementos. Ahora hay [plantillas oficiales para Vue, React, Preact, Lit Element](https://github.com/vitejs/vite/tree/main/packages/create-vite), y esfuerzos en curso hechos por la comunidad para la integración con Svelte.
 
 ### Nuevo formato de Plugin y API
 
-Inspirado por [WMR](https://github.com/preactjs/wmr), el nuevo sistema de plugins extiende la interfaz de plugins de Rollup y es [compatible con varios plugins de Rollup](https://vite-rollup-plugins.patak.dev/) por defecto. Los plugins pueden usar hooks de Rollup compatibles, adicionalmente con hooks específicos de Vite y propiedades para ajustar el comportamiento específico de Vite (ej. diferenciar desarrollo vs construcción o manejo personalizado del HMR).
+Inspirado por [WMR](https://github.com/preactjs/wmr), el nuevo sistema de complementos extiende la interfaz de complementos de Rollup y es [compatible con varios complementos de Rollup](https://vite-rollup-plugins.patak.dev/) por defecto. Los complementos pueden usar hooks de Rollup compatibles, adicionalmente con hooks específicos de Vite y propiedades para ajustar el comportamiento específico de Vite (ej. diferenciar desarrollo vs construcción o manejo personalizado del HMR).
 
 La [API programable](https://vitejs.dev/guide/api-javascript.html) también fue mejorada para facilitar herramientas de alto nivel / marcos de trabajos construidos con base en Vite.
 

docs/config/build-options.md

@@ -83,7 +83,7 @@ Especifica el directorio en el que se alojarán los recursos generados (en relac
 ## build.assetsInlineLimit
 
 - **Tipo:** `number`
-- **Por defecto:** `4096` (4kb)
+- **Por defecto:** `4096` (4KiB)
 
 Los recursos importados o a los que se hace referencia que son más pequeños que este umbral se insertarán como URL base64 para evitar solicitudes http adicionales. Configurar en `0` para deshabilitar la inserción por completo.
 
@@ -234,7 +234,7 @@ Habilita/deshabilita los informes de tamaño comprimido con gzip. La compresión
 - **Tipo:** `number`
 - **Por defecto:** `500`
 
-Límite para advertencias de tamaño de fragmento (en kbs). Se compara con el tamaño del fragmento sin comprimir, ya que [el tamaño de JavaScript en sí está relacionado con el tiempo de ejecución](https://v8.dev/blog/cost-of-javascript-2019).
+Límite para advertencias de tamaño de fragmento (en kB). Se compara con el tamaño del fragmento sin comprimir, ya que [el tamaño de JavaScript en sí está relacionado con el tiempo de ejecución](https://v8.dev/blog/cost-of-javascript-2019).
 
 ## build.watch
 

docs/config/shared-options.md

@@ -326,7 +326,7 @@ Configura Lightning CSS. Todas las opciones de transformación completas se pued
 
 - **Tipo:** `ESBuildOptions | false`
 
-  `ESBuildOptions` amplía [las opciones de transformación propias de esbuild](https://esbuild.github.io/api/#transform-api). El caso de uso más común es personalizar JSX:
+  `ESBuildOptions` amplía [las opciones de transformación propias de esbuild](https://esbuild.github.io/api/#transform). El caso de uso más común es personalizar JSX:
 
   ```js
   export default defineConfig({

docs/config/ssr-options.md

@@ -24,6 +24,8 @@
 ## ssr.format
 
 - **Experimental** [El soporte CJS se eliminará en Vite 5](https://github.com/vitejs/vite/discussions/13816)
+- **Experimental**
+- **Obsoleto** Solo se admitirá salidas en ESM a partir de Vite 5.
 - **Tipo:** `'esm' | 'cjs'`
 - **Por defecto:** `esm`
 

docs/guide/api-javascript.md

@@ -82,7 +82,7 @@ interface ViteDevServer {
    */
   ws: WebSocketServer
   /**
-   * Contenedor de plugins de Rollup que puede ejecutar hooks de plugins en un archivo dado.
+   * Contenedor de complementos de Rollup que puede ejecutar hooks de complementos en un archivo dado.
    */
   pluginContainer: PluginContainer
   /**
@@ -199,15 +199,7 @@ import { preview } from 'vite'
 ## `PreviewServer`
 
 ```ts
-interface PreviewServer extends PreviewServerForHook {
-  resolvedUrls: ResolvedServerUrls
-}
-```
-
-## `PreviewServerForHook`
-
-```ts
-interface PreviewServerForHook {
+interface PreviewServer
   /**
    * El objeto de configuración de vite resuelto
    */
@@ -226,7 +218,8 @@ interface PreviewServerForHook {
    */
   httpServer: http.Server
   /**
-   * Las URL resueltas que Vite imprime en la CLI
+   * Las URL resueltas que Vite imprime en la CLI.
+   * null antes de que el servidor esté escuchando.
    */
   resolvedUrls: ResolvedServerUrls | null
   /**
@@ -266,6 +259,15 @@ Fusiona profundamente dos configuraciones de Vite. `isRoot` representa el nivel
 
 ::: Nota
 `mergeConfig` solo acepta configuraciones en forma de objeto. Si tiene una configuración en forma de callback, deberías de llamarla antes de pasarla a `mergeConfig`.
+
+Puedes utilizar el helper `defineConfig` para juntar una configuración en forma de callback con otra configuración:
+
+```ts
+export default defineConfig((configEnv) =>
+  mergeConfig(configAsCallback(configEnv), configAsObject),
+)
+```
+
 :::
 
 ## `searchForWorkspaceRoot`

docs/guide/api-plugin.md

@@ -309,9 +309,9 @@ Los complementos de Vite también pueden proporcionar hooks que sirven para prop
 
 ### `configurePreviewServer`
 
-- **Tipo:** `(server: PreviewServerForHook) => (() => void) | void | Promise<(() => void) | void>`
+- **Tipo:** `(server: PreviewServer) => (() => void) | void | Promise<(() => void) | void>`
 - **Clase:** `async`, `sequential`
-- **Ver también:** [PreviewServerForHook](./api-javascript#previewserverforhook)
+- **Ver también:** [PreviewServer](./api-javascript#previewserver)
 
   Tal como [`configureServer`](/guide/api-plugin.html#configureserver) pero para el servidor de vista previa. De manera similar a `configureServer`, el hook `configurePreviewServer` se llama antes de que se instalen otros middlewares. Si deseas inyectar un middleware **después** de otros middlewares, puede devolver una función desde `configurePreviewServer`, que se llamará después de que se instalen los middlewares internos:
 

docs/guide/assets.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # Gestión de recursos estáticos
 
 - Relacionado: [Ruta base pública](./build#ruta-base-publica)

docs/guide/build.md

@@ -170,8 +170,8 @@ Ejecutar `vite build` con esta configuración utiliza un ajuste preestablecido d
 ```
 $ vite build
 building for production...
-dist/my-lib.js      0.08 KiB / gzip: 0.07 KiB
-dist/my-lib.umd.cjs 0.30 KiB / gzip: 0.16 KiB
+dist/my-lib.js      0.08 kB / gzip: 0.07 kB
+dist/my-lib.umd.cjs 0.30 kB / gzip: 0.16 kB
 ```
 
 `package.json` recomendado para tu librería