@intlayer/docs 9.4.0-canary.0 → 9.4.0

package/docs/es/packages/intlayer/getLocalizedPath.md

@@ -31,6 +31,8 @@ author: aymericzip
 
 La función `getLocalizedPath` resuelve una ruta canónica (ruta interna de la aplicación) en su equivalente localizado según el locale proporcionado y las reglas de reescritura. Es especialmente útil para generar URLs optimizadas para SEO que varían según el idioma.
 
+Es el equivalente relativo de [`getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/intlayer/getLocalizedUrl.md) — para una entrada relativa ambos devuelven el mismo valor. A diferencia de `getLocalizedUrl`, nunca devuelve una URL absoluta: la configuración de `domains` se ignora, por lo que una locale servida desde su propio dominio sigue produciendo una ruta. Se acepta una entrada absoluta, pero su origen se descarta — solo se conservan su ruta, query string y hash.
+
 **Características clave:**
 
 - Soporta parámetros de ruta dinámicos usando la sintaxis `[param]`.
@@ -60,18 +62,23 @@ getLocalizedPath(
   - **Tipo**: `string`
   - **Obligatorio**: Sí
 
-- `locale: Locales`
-  - **Descripción**: La locale objetivo para la que se debe localizar la ruta.
-  - **Tipo**: `Locales`
-  - **Obligatorio**: Sí
-
 ### Parámetros opcionales
 
+- `locale?: Locales`
+  - **Description**: La locale objetivo para la cual la ruta debe localizarse.
+  - **Type**: `Locales`
+  - **Default**: La locale predeterminada de la configuración de tu proyecto.
+
 - `rewriteRules?: RoutingConfig['rewrite']`
   - **Descripción**: Un objeto que define reglas de reescritura personalizadas. Si no se proporciona, por defecto usa la propiedad `routing.rewrite` de la configuración de tu proyecto.
   - **Tipo**: `RoutingConfig['rewrite']`
   - **Predeterminado**: `configuration.routing.rewrite`
 
+  - `options.locales?: Locales[]` — locales soportados. **Default**: `configuration.internationalization.locales`
+  - `options.defaultLocale?: Locales` — la locale por defecto. **Default**: `configuration.internationalization.defaultLocale`
+  - `options.mode?: 'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params'` — cómo aparece la locale en la ruta. **Default**: `configuration.routing.mode`
+  - `options.rewrite?: RoutingConfig['rewrite']` — reglas de reescritura personalizadas. **Default**: `configuration.routing.rewrite`
+
 ---
 
 ## Devuelve
@@ -79,6 +86,28 @@ getLocalizedPath(
 - **Tipo**: `string`
 - **Descripción**: La ruta localizada para la locale especificada.
 
+El tipo se reduce a partir de las reglas de reescritura declaradas en tu configuración, por lo que el editor muestra la ruta resuelta en lugar de un simple `string`:
+
+```typescript codeFormat="typescript"
+// Configuración: modo 'prefix-no-default', defaultLocale 'en',
+//                { '/about': { fr: '/a-propos' }, '/product/[id]': { fr: '/produit/[id]' } }
+const about = getLocalizedPath("/about", Locales.FRENCH);
+//    ^? '/fr/a-propos'
+const product = getLocalizedPath("/product/123", Locales.FRENCH);
+//    ^? '/fr/produit/123'
+const contact = getLocalizedPath("/contact", Locales.FRENCH);
+//    ^? '/fr/contact'  (ninguna regla de reescritura coincide, solo se aplica el prefijo)
+const home = getLocalizedPath("/", Locales.FRENCH);
+//    ^? '/fr'
+```
+
+El mismo estrechamiento fluye hacia [`getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/intlayer/getLocalizedUrl.md), que aplica las reglas de reescritura antes de añadir el prefijo de la configuración regional.
+
+Dos casos se mantienen ampliados a `string`, porque no pueden resolverse en tiempo de compilación:
+
+- una ruta que no es un literal de string (por ejemplo, una construida a partir de una variable);
+- una ruta coincidente con una regla que utiliza un parámetro de múltiples segmentos u opcional (`[...slug]`, `[[...slug]]`, `:param?`).
+
 ---
 
 ## Ejemplo de uso
@@ -126,8 +155,6 @@ getLocalizedPath("/contact", Locales.FRENCH, manualRules);
 // Salida: "/contactez-nous"
 ```
 
----
-
 ### Omitiendo la Configuración Regional
 
 Cuando no se proporciona una configuración regional, la ruta se localiza para la configuración regional predeterminada configurada:

package/docs/es/packages/intlayer/getLocalizedUrl.md

@@ -143,36 +143,6 @@ getLocalizedUrl(
 // Salida: "/about" para el locale por defecto (inglés)
 ```
 
-```javascript codeFormat="esm"
-import { getLocalizedUrl, Locales } from "intlayer";
-
-getLocalizedUrl(
-  "/about",
-  Locales.FRENCH,
-  [Locales.ENGLISH, Locales.FRENCH],
-  Locales.ENGLISH,
-  false
-);
-
-// Salida: "/fr/about" para el locale francés
-// Salida: "/about" para el locale por defecto (inglés)
-```
-
-```javascript codeFormat="commonjs"
-const { getLocalizedUrl, Locales } = require("intlayer");
-
-getLocalizedUrl(
-  "/about",
-  Locales.FRENCH,
-  [Locales.ENGLISH, Locales.FRENCH],
-  Locales.ENGLISH,
-  false
-);
-
-// Salida: "/fr/about" para el locale francés
-// Salida: "/about" para el locale por defecto (inglés)
-```
-
 ### Anulación Parcial de Configuración
 
 También puede proporcionar solo algunos de los parámetros opcionales. La función utilizará la configuración de su proyecto para los parámetros que no especifique:
@@ -249,6 +219,12 @@ getLocalizedUrl(
 - **Locales No Soportados:**
   - Para locales que no están listados en `locales`, la función no aplica ningún prefijo.
 
+- **Modos de enrutamiento:**
+  - `'prefix-no-default'`: La locale por defecto no tiene prefijo, otras sí (p. ej., `/about`, `/fr/about`)
+  - `'prefix-all'`: Todas las locales tienen prefijos (p. ej., `/en/about`, `/fr/about`)
+  - `'no-prefix'`: Sin prefijos de locale en las URLs (locale manejada en otro lugar)
+  - `'search-params'`: Locale especificada mediante parámetro de consulta (p. ej., `/about?locale=fr`)
+
 ---
 
 ## Uso en Aplicaciones

package/docs/es/packages/intlayer/getMultilingualUrls.md

@@ -31,6 +31,14 @@ author: aymericzip
 
 La función `getMultilingualUrls` genera un mapeo de URLs multilingües anteponiendo la URL dada con cada localización soportada. Puede manejar tanto URLs absolutas como relativas, aplicando el prefijo de localización apropiado basado en la configuración proporcionada o los valores predeterminados.
 
+**Características principales:**
+
+- Solo 1 parámetro es requerido: `url`
+- Objeto `options` opcional con `locales`, `defaultLocale`, y `mode`
+- Utiliza la configuración de internacionalización de tu proyecto como valores por defecto
+- Soporta múltiples modos de enrutamiento: `prefix-no-default`, `prefix-all`, `no-prefix`, y `search-params`
+- Devuelve un objeto de mapeo con todas las locales como claves y sus URLs correspondientes como valores
+
 ---
 
 ## Firma de función
@@ -139,8 +147,6 @@ getMultilingualUrls(
 // }
 ```
 
----
-
 ### Diferentes modos de enrutamiento
 
 ```typescript
@@ -206,6 +212,12 @@ getMultilingualUrls("/dashboard", {
 - **Idiomas No Soportados:**
   - Solo se consideran los idiomas proporcionados en el arreglo `locales` para generar las URLs.
 
+- **Modos de enrutamiento:**
+  - `'prefix-no-default'`: La locale predeterminada no tiene prefijo, otras sí (p. ej., `/dashboard`, `/fr/dashboard`)
+  - `'prefix-all'`: Todas las locales tienen prefijos (p. ej., `/en/dashboard`, `/fr/dashboard`)
+  - `'no-prefix'`: Sin prefijos de locale en URLs (todas las locales devuelven la misma URL)
+  - `'search-params'`: Locale especificada mediante parámetro de consulta (p. ej., `/dashboard?locale=fr`)
+
 ---
 
 ## Uso en Aplicaciones

package/docs/es/packages/intlayer/getTranslation.md

@@ -31,6 +31,8 @@ author: aymericzip
 
 La función `getTranslationContent` recupera el contenido correspondiente a una localidad específica de un conjunto de contenido de idioma personalizable. Si no se encuentra la localidad especificada, devuelve por defecto el contenido de la localidad predeterminada configurada en el proyecto.
 
+Para más detalles sobre cómo declarar traducciones, consulta la [documentación de traducción](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/dictionary/translation.md).
+
 ## Parámetros
 
 - `languageContent: CustomizableLanguageContent<Content>`

package/docs/es/packages/next-intlayer/t.md

@@ -158,6 +158,23 @@ En `next-intlayer`, la localización actual se gestiona a través de proveedores
 
 #### Ejemplo:
 
+<Tabs>
+ <Tab label='Intlayer >=9.4' value='>=9.4'>
+
+```tsx codeFormat={["typescript", "esm", "commonjs"]}
+import type { FC, ReactNode } from "react";
+import type { Locales } from "intlayer";
+import { IntlayerProvider } from "next-intlayer/server";
+
+const Page: FC<{ locale: Locales; children: ReactNode }> = ({
+  locale,
+  children,
+}) => <IntlayerProvider locale={locale}>{children}</IntlayerProvider>;
+```
+
+ </Tab>
+ <Tab label='Intlayer <9.4' value='<9.4'>
+
 ```tsx codeFormat={["typescript", "esm", "commonjs"]}
 import type { FC } from "react";
 import type { Locales } from "intlayer";
@@ -173,6 +190,9 @@ const Page: FC<{ locale: Locales }> = ({ locale }) => (
 );
 ```
 
+ </Tab>
+</Tabs>
+
 ---
 
 ## Errores Comunes y Solución de Problemas

package/docs/es/packages/next-intlayer/useIntlayer.md

@@ -79,6 +79,34 @@ Las instrucciones para configurar archivos de declaración de contenido están d
 
 Aquí se muestra cómo puedes implementar el hook `useIntlayer` dentro de una página de Next.js para cargar dinámicamente contenido localizado según la configuración regional actual de la aplicación:
 
+<Tabs>
+ <Tab label='Intlayer >=9.4' value='>=9.4'>
+
+```tsx fileName="src/pages/[locale]/index.tsx" codeFormat={["typescript", "esm"]}
+import { ClientComponentExample } from "@components/ClientComponentExample";
+import { ServerComponentExample } from "@components/ServerComponentExample";
+import { type NextPageIntlayer } from "next-intlayer";
+import { useIntlayer } from "next-intlayer";
+import { IntlayerProvider } from "next-intlayer/server";
+
+const HomePage: NextPageIntlayer = async ({ params }) => {
+  const { locale } = await params;
+
+  const content = useIntlayer("homepage", locale);
+
+  return (
+    <IntlayerProvider locale={locale}>
+      <p>{content.introduction}</p>
+      <ClientComponentExample />
+      <ServerComponentExample />
+    </IntlayerProvider>
+  );
+};
+```
+
+ </Tab>
+ <Tab label='Intlayer <9.4' value='<9.4'>
+
 ```tsx fileName="src/pages/[locale]/index.tsx" codeFormat={["typescript", "esm"]}
 import { ClientComponentExample } from "@components/ClientComponentExample";
 import { ServerComponentExample } from "@components/ServerComponentExample";
@@ -104,6 +132,9 @@ const HomePage: NextPageIntlayer = async ({ params }) => {
 };
 ```
 
+ </Tab>
+</Tabs>
+
 ```tsx fileName="src/components/ClientComponentExample.tsx" codeFormat={["typescript", "esm"]}
 "use-client";
 

package/docs/es/packages/next-intlayer/useLocale.md

@@ -104,6 +104,8 @@ El hook `useLocale` acepta los siguientes parámetros:
 
 ## Valores de Retorno
 
+Cuando invocas el hook `useLocale`, devuelve un objeto que contiene las siguientes propiedades:
+
 - **`locale`**: La configuración regional actual establecida en el contexto de React.
 - **`defaultLocale`**: La configuración regional principal definida en la configuración.
 - **`availableLocales`**: Una lista de todas las configuraciones regionales disponibles según lo definido en la configuración.

package/docs/es/packages/react-intlayer/useDictionary.md

@@ -30,8 +30,6 @@ Esta sección proporciona una guía detallada sobre el uso del hook `useDictiona
 
 ## Ejemplo de uso en React
 
-A continuación se muestra un ejemplo de cómo usar el hook `useDictionary` en un componente React:
-
 ```tsx fileName="./ComponentExample.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
 import { useDictionary } from "react-intlayer";

package/docs/es/packages/react-intlayer/useI18n.md

@@ -77,6 +77,34 @@ Todas las claves del diccionario deben declararse dentro de archivos de declarac
 
 Ejemplos de uso del hook `useI18n` dentro de componentes React:
 
+<Tabs>
+ <Tab label='Intlayer >=9.4' value='>=9.4'>
+
+```tsx fileName="src/App.tsx" codeFormat={["typescript", "esm"]}
+import type { FC } from "react";
+import { ClientComponentExample, ServerComponentExample } from "@components";
+import { IntlayerProvider } from "react-intlayer";
+import { useI18n } from "react-intlayer/server";
+import { Locales } from "intlayer";
+
+const App: FC<{ locale: Locales }> = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <ServerComponentExample />
+    </>
+  );
+};
+```
+
+ </Tab>
+ <Tab label='Intlayer <9.4' value='<9.4'>
+
 ```tsx fileName="src/App.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
 import { ClientComponentExample, ServerComponentExample } from "@components";
@@ -101,6 +129,9 @@ const App: FC<{ locale: Locales }> = ({ locale }) => {
 };
 ```
 
+</Tab>
+</Tabs>
+
 ```tsx fileName="src/components/ComponentExample.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
 import { useI18n } from "react-intlayer";

package/docs/es/packages/react-intlayer/useIntlayer.md

@@ -31,32 +31,6 @@ Esta sección proporciona una guía detallada sobre cómo usar el hook `useIntla
 
 ## Ejemplo de uso en React
 
-Demostración del hook `useIntlayer` dentro de un componente React:
-
-```tsx fileName="src/app.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { ClientComponentExample, ServerComponentExample } from "@components";
-import { IntlayerProvider } from "react-intlayer";
-import { useIntlayer, IntlayerServerProvider } from "react-intlayer/server";
-import { Locales } from "intlayer";
-
-const App: FC<{ locale: Locales }> = ({ locale }) => {
-  const content = useIntlayer("homepage", locale);
-
-  return (
-    <>
-      <p>{content.introduction}</p>
-      <IntlayerProvider locale={locale}>
-        <ClientComponentExample />
-      </IntlayerProvider>
-      <IntlayerServerProvider locale={locale}>
-        <ServerComponentExample />
-      </IntlayerServerProvider>
-    </>
-  );
-};
-```
-
 ```tsx fileName="src/components/ComponentExample.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
 import { useIntlayer } from "react-intlayer";
@@ -73,22 +47,6 @@ const ComponentExample: FC = () => {
 };
 ```
 
-```tsx fileName="src/components/ServerComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import { useIntlayer } from "react-intlayer/server";
-
-const ServerComponentExample = () => {
-  const content = useIntlayer("server-component");
-
-  return (
-    <div>
-      <h1>{content.title}</h1> {/* Título del componente del servidor */}
-      <p>{content.description}</p>{" "}
-      {/* Descripción del componente del servidor */}
-    </div>
-  );
-};
-```
-
 ## Recursos Adicionales
 
 - **Editor Visual de Intlayer**: Para una experiencia de gestión de contenido más intuitiva, consulta la documentación del editor visual [aquí](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_visual_editor.md).

package/docs/es/packages/solid-intlayer/useRewriteURL.md

@@ -46,8 +46,6 @@ const Layout = (props) => {
 
 ## ¿Por qué usarlo?
 
-/// **URLs canónicas**: Impone una única URL para cada versión localizada de tu contenido, lo cual es crucial para el SEO.
-
 - **Conveniencia para desarrolladores**: Te permite mantener las definiciones internas de rutas canónicas a la vez que expones rutas localizadas y amigables para el usuario al mundo exterior.
 - **Consistencia**: Corrige las URLs cuando los usuarios escriben manualmente una ruta que no sigue tus reglas de localización preferidas.
 

package/docs/es/packages/vite-intlayer/intlayerPrune.md

@@ -28,6 +28,8 @@ author: aymericzip
 
 El plugin `intlayerPrune` para Vite se utiliza para aplicar tree-shaking y eliminar los diccionarios no utilizados del bundle de tu aplicación. Esto ayuda a reducir el tamaño final del bundle incluyendo únicamente el contenido multilingüe necesario.
 
+> El plugin ya está incluido y configurado automáticamente cuando usas [`intlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/vite-intlayer/intlayer.md). Solo necesitas registrarlo manualmente si estás componiendo la pila de plugins tú mismo.
+
 ## Uso
 
 ### Como parte de `intlayer()` (recomendado)

package/docs/es/per_locale_file.md

@@ -77,6 +77,17 @@ const helloWorldContent = {
 module.exports = helloWorldContent;
 ```
 
+```json5 fileName="hello-world.es.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "hello-world",
+  "locale": "es", // Importante
+  "content": {
+    "multilingualContent": "Título de mi componente",
+  },
+}
+```
+
 ```json fileName="hello-world.content.ts" contentDeclarationFormat="json"
 {
   "$schema": "https://intlayer.org/schema.json",
@@ -95,6 +106,8 @@ module.exports = helloWorldContent;
 
 > Recomendado: Este formato es el mejor cuando se utiliza el editor visual de Intlayer o se gestionan las traducciones directamente en el código.
 
+> Nota: En ambos casos, el archivo de declaración de contenido debe seguir el patrón de nomenclatura `*.content.{ts,tsx,js,jsx,mjs,cjs,json}` para ser reconocido por Intlayer. El sufijo `.[locale]` es opcional y se utiliza solo como una convención de nomenclatura.
+
 ### Configuración global para archivos por locale
 
 Puedes configurar la configuración global para archivos por locale agregando lo siguiente a tu archivo `intlayer.config.ts`:
@@ -146,17 +159,6 @@ const helloWorldContent = {
 export default helloWorldContent;
 ```
 
-```json5 fileName="hello-world.en.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "hello-world",
-  "locale": "en", // Importante
-  "content": {
-    "multilingualContent": "Título de mi componente",
-  },
-}
-```
-
 ```json5 fileName="hello-world.es.content.json" contentDeclarationFormat="json"
 {
   "$schema": "https://intlayer.org/schema.json",
@@ -170,8 +172,6 @@ export default helloWorldContent;
 
 > Importante: Asegúrate de que el campo locale esté definido. Indica a Intlayer qué idioma representa el archivo.
 
-> Nota: En ambos casos, el archivo de declaración de contenido debe seguir el patrón de nombres `*.content.{ts,tsx,js,jsx,mjs,cjs,json}` para ser reconocido por Intlayer. El sufijo `.[locale]` es opcional y se usa solo como convención de nombres.
-
 ## Mezclando formatos
 
 Puedes combinar ambos enfoques de declaración para la misma clave de contenido. Por ejemplo:

package/docs/es/readme.md

@@ -225,8 +225,8 @@ Explore nuestra documentación completa para comenzar con Intlayer y aprender c
   <li><a href="https://intlayer.org/doc/environment/vite-and-vue" rel=''>Vite + Vue</a></li>
   <li><a href="https://intlayer.org/doc/environment/nuxt-and-vue" rel=''>Vite + Nuxt</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-solid" rel=''>Vite + Solid</a></li>
-  <li><a href="https://intlayer.org/doc/environment/angular" rel=''>Angular</a></li>
-  <li>
+  <li><a href="https://intlayer.org/doc/environment/solid-start" rel=''>Solid Start</a></li>
+  <li><a href="https://intlayer.org/doc/environment/angular" rel=''>Angular</a></li>  <li>
      <a href="https://intlayer.org/doc/environment/express" rel=''>Backend</a>
      <ul>
       <li><a href="https://intlayer.org/doc/environment/express" rel=''>Express</a></li>
@@ -234,6 +234,7 @@ Explore nuestra documentación completa para comenzar con Intlayer y aprender c
       <li><a href="https://intlayer.org/doc/environment/fastify" rel=''>Fastify</a></li>
       <li><a href="https://intlayer.org/doc/environment/adonisjs" rel=''>AdonisJS</a></li>
       <li><a href="https://intlayer.org/doc/environment/hono" rel=''>Hono</a></li>
+      <li><a href="https://intlayer.org/doc/environment/elysia" rel=''>Elysia</a></li>
     </ul>
   </li>
 </ul>

package/docs/es/releases/v6.md

@@ -118,6 +118,8 @@ export default config;
 
 Aún puedes ajustar por diccionario usando el campo `autoFill` en los archivos de contenido. Consulta la referencia completa en `doc/autoFill` y `doc/dictionary/content_file`.
 
+Aún puedes ajustar por diccionario usando el campo `autoFill` en archivos de contenido. Intlayer primero considerará la configuración por diccionario y luego recurrirá a la configuración global. Consulta la referencia completa en [Auto-fill](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/autoFill.md) y [Referencia de archivo de contenido](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/dictionary/content_file.md).
+
 ---
 
 ## Comando fill: valores predeterminados más seguros
@@ -169,6 +171,12 @@ La extensión ahora incluye una pestaña dedicada de Intlayer en la Barra de Act
 - Barra de herramientas en la vista de Diccionarios: Construir, Extraer (Pull), Enviar (Push), Rellenar, Actualizar, Probar, Crear archivo de diccionario
 - Menús contextuales: Extraer/Enviar en diccionarios; Rellenar en archivos
 
+Consulta los detalles en la documentación de la [Extensión Oficial de VS Code](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/vs_code_extension.md).
+
+---
+
+Se actualizó el servidor MCP para admitir las nuevas funciones.
+
 - Auto-revelación: el archivo actual del editor se resalta en el árbol de Diccionarios cuando es aplicable
 - Nuevos comandos disponibles desde la Paleta de Comandos: Rellenar Diccionarios y Probar Diccionarios
 
@@ -297,8 +305,6 @@ Notas:
 
 Consulta [CMS y sincronización en vivo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_CMS.md) y [Configuración](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/configuration.md) para obtener una guía completa.
 
----
-
 ## Proceso paralelo para monitorear archivos en turbopack
 
 Al usar Turbopack en Next.js 14 y superior como tu servidor de desarrollo con el comando `next dev --turbopack`, los cambios en el diccionario no se detectarán automáticamente de forma predeterminada.

package/docs/es/releases/v9.md

@@ -370,6 +370,8 @@ curl -fsSL https://intlayer.org/install.sh | sh
 
 El instalador descarga un `docker-compose.yml` y un `.env`, genera automáticamente los secretos necesarios y ejecuta `docker compose up -d`. Todo — el panel de control, la API, la base de datos, el almacenamiento de objetos y el correo electrónico transaccional — se ejecuta localmente en contenedores.
 
+---
+
 ## Notas de migración desde v8
 
 Si estás actualizando desde v8, ten en cuenta que la v9 no incluye cambios disruptivos. Pero aquí están los cambios clave: