Estoy creando un proyecto en nuxt y estoy aprendiendo a usar i18n para traducciones. Actualmente la estructura de las traducciones es:

 lang english header.js footer.js spanish header.js footer.js es-ES.js en-US.js

el encabezado y el pie de página son archivos que simplemente exportan un objeto json con sus respectivas traducciones

es-ES.js o en-US.js son archivos que recopilan todos los .js de las carpetas de español e inglés.

Nuxt.config.js

 i18n: { locales: [ { code: 'en', file: 'en-US.js', iso: 'en-US', }, { code: 'es', file: 'es-ES.js', iso: 'es-ES', }, ], lazy: true, langDir: 'lang/', defaultLocale: 'es-ES', detectBrowserLanguage: false, },

Quiero tener en cada archivo .js de las traducciones un json con todas las traducciones por separado. De momento todo funciona, tanto las traducciones del header.js como las del apart.js

El problema es que si por ejemplo en el archivo header.js tengo lo siguiente:

 export default { title: 'StackOverflow' }

y en footer.js quiero hacer referencia a header.title :

 export default { text: this.title + ' All rights reserved' }

no funciona Y si cambia el titulo del proyecto me gustaria cambiarlo solo en el header.js y que en todos los archivos .js no seria necesario cambiarlo ya que hace referencia al header.title