- Instala las dependencias
npm install
- Inicia el gestor de tareas
npm run dev
- Construir proyecto
npm run build
Los datos de cada módulo se suelen cargar dinámicamente. Si necesitas cambiar algun datos de algun módulo, los pasa son:
- Los datos se encuentran en
./src/models
- Cambia el datos que desees
- Ejecuta en un terminal en la raíz del proyecto
npm run build
- Si falla intenta a installar las dependencias
npm install
- Sube los ficheros que se te generen de la carpeta
./dist
Debido a que la landing se encuentra en dos idiomas (castellano e inglés), tenemos que incluir las cadenas de texto de una manera diferentes a como lo hacíamos antes.
- Marcar HTML con la key que deseemos
Imaginemos que queremos incluir el texto Buenos días, bienvenida
en nuestro index.html
. Anteriormente,
incluíamos un etiqueta h2
(por ejemplo) e incluíamos el texto¡ Lo hacíamos así:
<h2>Buenos días, bienvenida</h2>
Como ahora estamos en una landing multidioma, la forma de marcar el HTML será la siguiente:
<h2 data-lang="welcome"></h2>
Dejamos vacía la etiqueta y marcamos con la propiedad data-lang
.
- Incluir la key en los ficheros de idiomas
En la carpeta assets/lang
encontraremos los idiomas actuales es-ES
y en-GB
. Tenemos que incluir la
key con su valor en cada uno de los ficheros. De esta manera:
// assets/lang/en-GB.json
{
...
"welcome": "Good morning, welcome",
...
}
// assets/lang/es-ES.json
{
...
"welcome": "Buenos días, bienvenida",
...
}
Con esto ya habremos terminado