To enable i18n support in your application, you need to define all translatable text. The most effective way to do this is by storing the text in an external JSON file. For example:

                                    
                                        {
                                            "dashboard": "Dashboards",
                                            "dashboard-one": "Dashboard v.1",
                                            "dashboard-two": "Dashboard v.2"
                                        }
                                    
                                

                                    
                                        {
                                            "dashboard": "Paneles",
                                            "dashboard-one": "Panel v.1",
                                            "dashboard-two": "Panel v.2"
                                        }
                                    
                                

                                        
                                            {
                                                "dashboard": "Панели",
                                                "dashboard-one": "Панель v.1",
                                                "dashboard-two": "Панель v.2"
                                            }
                                        
                                    

Next you need to add html indicators in all place you want to use data-lang.

                                
                                <div>
                                    <span data-lang="dashboards"> Dashboards </span>
                                    <span data-lang="dashboard-one"> Dashboard v.1 </span>
                                    <span data-lang="dashboard-two"> Dashboard v.2 </span>
                                </div>