Browser Language Service

web-language.service.ts

import { Injectable } from '@angular/core';
import { LanguageService, LanguageShortName } from 'somewhere';

@Injectable()
export class WebLanguageService extends LanguageService {
  constructor() {
    super();
  }

  getLanguage(defaultLanguage: LanguageShortName): LanguageShortName {
    const deviceLanguage = window?.navigator.language?.substring(
      0,
      2
    ) as LanguageShortName;

    return this.SUPPORTED_LANGUAGES.includes(deviceLanguage) ? deviceLanguage : defaultLanguage;
  }
}