Documentation
Customization

Multi Language

Fuse uses Transloco library for the multi language support.

Official documentation

You can access the official documentation of Transloco over here: https://ngneat.github.io/transloco/docs/installation

Other than the initial setup, Fuse doesn't introduce anything to Transloco or change any of its functionality. You can follow the official documentation to get started.

Translating the navigation

Since FuseNavigation supports runtime data swapping, you can replace the navigation data either partially or completely when the language changes. The LanguageComponent is a suitable place to do this and it's located at src/app/layout/common/language.

Removing Transloco

If you don't need multi language support in your project, you may remove the Transloco support. Here's a step by step guide to remove the Transloco from Fuse:

  1. Navigate to src/app/core/core.module.ts file and remove imports of TranslocoCoreModule
  2. Remove the src/app/core/transloco directory
  3. Do a project wide search for <languages></languages> and remove all instances
  4. Do a project wide search for LanguageModule and remove all imports
  5. Remove the src/app/layout/common/language directory
  6. Finally navigate to the package.json file, remove the "@ngneat/transloco" from dependencies list and run npm install command