fix(issues): #852 #857 #861 #876

Author: mrcego

docs/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue

@@ -32,7 +32,7 @@ const inputLines: Ref<SvgNodeProps>[] = inputPaths.map((path) =>
     dotColor: null,
     glowColor: null,
     path,
-  }),
+  })
 )
 
 // Define the file set "combinations" that can be shown on the input side
@@ -121,7 +121,7 @@ const animateDiagram = () => {
       isMobile
         ? animateSingleInputMobile(inputLines[lineIndex as number])
         : animateSingleInputDesktop(inputLines[lineIndex as number]),
-      fileIndex * (isMobile ? 0.4 : 0.2),
+      fileIndex * (isMobile ? 0.4 : 0.2)
     )
   })
 
@@ -137,7 +137,7 @@ const animateDiagram = () => {
       isMobile
         ? animateSingleOutputMobile(outputLine)
         : animateSingleOutputDesktop(outputLine, index),
-      'showOutput+=' + (isMobile ? 0.3 : 0.1) * index,
+      'showOutput+=' + (isMobile ? 0.3 : 0.1) * index
     )
   })
 
@@ -184,7 +184,7 @@ const prepareInputs = () => {
  */
 const animateSingleOutputDesktop = (
   outputLine: Ref<SvgNodeProps>,
-  index: number,
+  index: number
 ) => {
   const timeline = gsap.timeline()
 
@@ -194,7 +194,7 @@ const animateSingleOutputDesktop = (
     {
       position: 0,
     },
-    0,
+    0
   )
 
   // Animate the dot in
@@ -205,7 +205,7 @@ const animateSingleOutputDesktop = (
       duration: 1.5,
       ease: 'expo.out',
     },
-    0,
+    0
   )
 
   // Show the dot
@@ -214,7 +214,7 @@ const animateSingleOutputDesktop = (
     {
       visible: true,
     },
-    0,
+    0
   )
 
   // Show the label
@@ -223,7 +223,7 @@ const animateSingleOutputDesktop = (
     {
       labelVisible: true,
     },
-    0.4,
+    0.4
   )
 
   // Animate the dot out
@@ -234,7 +234,7 @@ const animateSingleOutputDesktop = (
       duration: 1.5,
       ease: 'power3.in',
     },
-    2,
+    2
   )
 
   // Hide the label
@@ -243,7 +243,7 @@ const animateSingleOutputDesktop = (
     {
       labelVisible: false,
     },
-    2.5,
+    2.5
   )
 
   // Hide the dot
@@ -252,7 +252,7 @@ const animateSingleOutputDesktop = (
     {
       visible: false,
     },
-    3,
+    3
   )
 
   return timeline
@@ -271,7 +271,7 @@ const animateSingleOutputMobile = (outputLine: Ref<SvgNodeProps>) => {
     {
       position: 0,
     },
-    0,
+    0
   )
 
   // Animate the dot in
@@ -282,7 +282,7 @@ const animateSingleOutputMobile = (outputLine: Ref<SvgNodeProps>) => {
       duration: 2,
       ease: 'power1.inOut',
     },
-    0.3,
+    0.3
   )
 
   // Show the dot
@@ -291,7 +291,7 @@ const animateSingleOutputMobile = (outputLine: Ref<SvgNodeProps>) => {
     {
       visible: true,
     },
-    0.75,
+    0.75
   )
 
   // Hide the dot
@@ -300,7 +300,7 @@ const animateSingleOutputMobile = (outputLine: Ref<SvgNodeProps>) => {
     {
       visible: false,
     },
-    1.2,
+    1.2
   )
 
   return timeline
@@ -318,7 +318,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
     {
       position: 0,
     },
-    0,
+    0
   )
 
   // Animate the dot in
@@ -329,7 +329,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
       duration: 1,
       ease: 'expo.out',
     },
-    0,
+    0
   )
 
   // Show the dot
@@ -338,7 +338,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
     {
       visible: true,
     },
-    0,
+    0
   )
 
   // Show the label
@@ -347,7 +347,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
     {
       labelVisible: true,
     },
-    0.2,
+    0.2
   )
 
   // Animate the dot out
@@ -358,7 +358,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
       duration: 1.2,
       ease: 'power3.in',
     },
-    1.2,
+    1.2
   )
 
   // Hide the label
@@ -367,7 +367,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
     {
       labelVisible: false,
     },
-    1.6,
+    1.6
   )
 
   // Hide the dot
@@ -376,7 +376,7 @@ const animateSingleInputDesktop = (inputLine: Ref<SvgNodeProps>) => {
     {
       visible: false,
     },
-    1.9,
+    1.9
   )
 
   // Return the timeline
@@ -395,7 +395,7 @@ const animateSingleInputMobile = (inputLine: Ref<SvgNodeProps>) => {
     {
       position: 0,
     },
-    0,
+    0
   )
 
   // Animate the dot in
@@ -406,7 +406,7 @@ const animateSingleInputMobile = (inputLine: Ref<SvgNodeProps>) => {
       duration: 1.8,
       ease: 'power2.out',
     },
-    0,
+    0
   )
 
   // Show the dot
@@ -415,7 +415,7 @@ const animateSingleInputMobile = (inputLine: Ref<SvgNodeProps>) => {
     {
       visible: true,
     },
-    0,
+    0
   )
 
   // Hide the dot
@@ -424,7 +424,7 @@ const animateSingleInputMobile = (inputLine: Ref<SvgNodeProps>) => {
     {
       visible: false,
     },
-    0.5,
+    0.5
   )
 
   // Return the timeline
@@ -437,6 +437,12 @@ const isChromiumBrowser = ref(false)
 onMounted(() => {
   isChromiumBrowser.value = 'chrome' in window
 })
+
+// Check for uwu query
+const isUwu = ref(false)
+onMounted(() => {
+  isUwu.value = location.search.includes('?uwu')
+})
 </script>
 
 <template>
@@ -463,7 +469,12 @@ onMounted(() => {
         ></div>
       </div>
       <div class="vite-chip__filter" />
-      <img src="/logo.svg" alt="Vite Logo" class="vite-chip__logo" />
+      <img
+        :src="isUwu ? '/logo-uwu.png' : '/logo.svg'"
+        :alt="isUwu ? 'Vite Kawaii Logo by @icarusgkx' : 'Vite Logo'"
+        class="vite-chip__logo"
+        :class="{ uwu: isUwu }"
+      />
     </div>
   </div>
 
@@ -638,6 +649,10 @@ onMounted(() => {
     z-index: 3;
   }
 
+  .uwu.vite-chip__logo {
+    width: 134px;
+  }
+
   &.active {
     box-shadow: 0 30px 35px -10px rgba(0, 0, 0, 0.6);
     transform: translate3d(0, 0, 0) scale(1);

docs/config/index.md

@@ -8,8 +8,7 @@ Al ejecutar `vite` desde la línea de comandos, Vite intentará automáticamente
 
 El archivo de configuración más básico se ve así:
 
-```js
-// vite.config.js
+```js [vite.config.js]
 export default {
   // opciones de configuración
 }

docs/guide/api-environment-runtimes.md

@@ -153,11 +153,10 @@ El ejecutor de módulos expone el método `import`. Cuando el servidor Vite acti
 
 ```js
 import { ModuleRunner, ESModulesEvaluator } from 'vite/module-runner'
-import { root, transport } from './rpc-implementation.js'
+import { transport } from './rpc-implementation.js'
 
 const moduleRunner = new ModuleRunner(
   {
-    root,
     transport,
     // También puedes proporcionar hmr.connection para soportar HMR.
   },
@@ -171,10 +170,6 @@ await moduleRunner.import('/src/entry-point.js')
 
 ```ts
 export interface ModuleRunnerOptions {
-  /**
-   * Raíz del proyecto.
-   */
-  root: string
   /**
    * Conjunto de métodos para comunicarse con el servidor.
    */
@@ -283,7 +278,6 @@ const transport = {
 
 const runner = new ModuleRunner(
   {
-    root: fileURLToPath(new URL('./', import.meta.url)),
     transport,
   },
   new ESModulesEvaluator()
@@ -351,7 +345,6 @@ import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 
 export const runner = new ModuleRunner(
   {
-    root: fileURLToPath(new URL('./', import.meta.url)),
     transport: {
       async invoke(data) {
         const response = await fetch(`http://my-vite-server/invoke`, {

docs/guide/build.md

@@ -69,7 +69,7 @@ window.addEventListener('vite:preloadError', (event) => {
 
 Cuando ocurre un nuevo despliegue, el servicio de alojamiento puede eliminar los recursos de despliegues anteriores. Como resultado, un usuario que visitó tu sitio antes del nuevo despliegue podría encontrarse con un error de importación. Este error ocurre porque los recursos que se ejecutan en el dispositivo de ese usuario están desactualizados e intenta importar el fragmento antiguo correspondiente, que se ha eliminado. Este evento es útil para abordar esta situación.
 
-## Recompilar en cambios de archivos
+## Recompilar en Cambios de Archivos
 
 Puedes habilitar el observador de Rollup con `vite build --watch`. O bien, puedes ajustar directamente las [`WatcherOptions`](https://rollupjs.org/configuration-options/#watch-options) a través de `build.watch`:
 

docs/guide/philosophy.md

@@ -18,7 +18,7 @@ Al agregar nuevas funcionalidades, se siguen estos patrones para crear una API a
 
 Vite se ha centrado en el rendimiento desde sus [orígenes](./why.md). Su arquitectura de servidor de desarrollo permite una actualización en caliente (HMR) que se mantiene rápida a medida que los proyectos crecen. Vite utiliza herramientas nativas como [esbuild](https://esbuild.github.io/) y [SWC](https://github.com/vitejs/vite-plugin-react-swc) para implementar tareas intensivas, pero mantiene el resto del código en JavaScript para equilibrar velocidad y flexibilidad. Cuando es necesario, los frameworks utilizarán [Babel](https://babeljs.io/) para compilar el código del usuario. Durante el tiempo de compilación, Vite actualmente utiliza [Rollup](https://rollupjs.org/), donde el tamaño del paquete y el acceso a un amplio ecosistema de plugins son más importantes que la velocidad bruta. Vite continuará evolucionando internamente, utilizando nuevas bibliotecas a medida que aparezcan para mejorar la experiencia de desarrollo (DX) y mantener su API estable.
 
-## Construyendo frameworks de trabajo sobre Vite
+## Construyendo Frameworks de Trabajo sobre Vite
 
 Aunque Vite se puede utilizar directamente por los usuarios, brilla como una herramienta para crear frameworks. El núcleo de Vite es independiente del framework, pero existen plugins pulidos para cada framework de interfaz de usuario (IU). Su [API en JavaScript](./api-javascript.md) permite a los autores de frameworks de aplicaciones utilizar las funcionalidades de Vite para crear experiencias personalizadas para sus usuarios. Vite incluye soporte para [primitivos de SSR](./ssr.md), que generalmente están presentes en herramientas de nivel superior pero que son fundamentales para construir web frameworks modernos. Y los plugins de Vite completan el panorama al ofrecer una forma de compartir entre diferentes frameworks. Vite también es una excelente opción cuando se combina con [frameworks de backend](./backend-integration.md) como [Ruby](https://vite-ruby.netlify.app/) y [Laravel](https://laravel.com/docs/10.x/vite).
 

docs/guide/troubleshooting.md

@@ -176,7 +176,7 @@ Debes acceder al archivo con el protocolo `http`. La forma más fácil de lograr
 
 La clave hash utilizada para invalidar las dependencias optimizadas depende del contenido del package lock, los parches aplicados a las dependencias y las opciones en el archivo de configuración de Vite que afecta el empaquetado de módulos de Node. Esto significa que Vite detectará cuándo se invalida una dependencia mediante una característica como [invalidaciones de npm](https://docs.npmjs.com/cli/v9/configuring-npm/package-json#overrides), y volverá a empaquetar las dependencias en el próximo inicio del servidor. Vite no invalidará las dependencias cuando utilices una función como [npm link](https://docs.npmjs.com/cli/v9/commands/npm-link). En caso de que vincules o desvincules una dependencia, deberás forzar la reoptimización en el próximo inicio del servidor usando `vite --force`. En su lugar, recomendamos usar invalidaciones, que ahora son compatibles con todos los gestores de paquetes (consulta también [invalidaciones de pnpm](https://pnpm.io/package_json#pnpmoverrides) y [resoluciones de yarn](https://yarnpkg.com/configuration/manifest/#resolutions)).
 
-## Cuellos de botella en el rendimiento
+## Cuellos de Botella en el Rendimiento
 
 Si sufres cuellos de botella en el rendimiento de la aplicación que resultan en tiempos de carga lentos, puedes iniciar el inspector integrado de Node.js con tu servidor de desarrollo de Vite o al compilar tu aplicación para crear el perfil de la CPU: