Removed some stuff. Updated the readme.

Author: haydenmcp

README.md

@@ -1,40 +1,39 @@
 # LitElement Internationalisation
 LitElement Internationalisation
 
-## Install
-```sh
-npm install --save lit-element-i18n
-```
-
-## Resources  
-/assets/locales/en/app.json
-```json
-{ "hi": "Hi" }
-```
-/assets/locales/sv/app.json
-```json
-{ "hi": "Hej" }
 ```
 
 ## Usage
 ```js
 import { LitElement, html } from 'lit-element'
-import { i18nMixin, translate } from 'lit-element-i18n'
+import { i18nMixin } from 'lit-element-i18n'
 
 class DemoElement extends i18nMixin(LitElement) {
 
-    constructor(){
-        super();
-        this.languageResources = '/assets/locales/{{lng}}/{{ns}}.json'
+    firstUpdate() {
+        super.firstUpdate();
+
+        // Initialize i18n mixin
+        this.i18nInit({
+            'en': {
+                'app': {
+                    'hi': 'Hello US'
+                }
+            }, 'en-CA': {
+                'app': {
+                    'hi': 'Hello CA'
+                }
+            }
+        });
     }
 
     render() {
         return html`
-            <h1>${translate('app:hi')}</h1>
-            
+            <h1>${this.translate('app:hi')}</h1>
+
             <select @change='${this.changeLanguages}'>
-                <option value='en'>EN</option>
-                <option value='sv'>SV</option>
+                <option value='en-US'>English (US)</option>
+                <option value='en-CA'>English (CA)</option>
             </select>
         `
     }
@@ -45,4 +44,4 @@ class DemoElement extends i18nMixin(LitElement) {
 }
 
 customElements.define('demo-element', DemoElement)
-``` 
+```

lit-element-i18n.js

@@ -2,80 +2,51 @@ import i18next, { t as translate } from 'i18next';
 
 export const i18nMixin = baseClass => class extends baseClass {
 
-    /**
-     * Add translation resources
-     * @param {String} language - The language code.
-     * @param {String} namespace - I18next namespace.
-     * @param {Object} resources - i18next resources.
-     */
-    addResources(language, namespace, resources) {
-        i18next.addResources(language, namespace, resources);
-    }
-
-    /**
-     * Read in configuration files.
-     * @param {Array} filenames - Configuration file names
-     * @return {Object} Configuration objects associated with the files.
-     */
-    async readFiles(filenames) {
-        let configs = [];
-        for (const filename of filenames) {
-
-            console.log('Reading config file ' + filename);
-            const config = await import(filename);
-            configs.push(config);
-        }
-        return configs;
-    }
-
-    /**
-     * Detect browser language settings.
-     * @return {String} Language code used by browser.
-     */
-    detectBrowserLanguage() {
-
-        const language = navigator.language;
-        console.log('Detected browser language ' + language);
-        return language;
-    }
-
     /**
      * Initialize i18nMixin.
      *
      * Call this function in the firstUpdated() { .. } callback to initialize the mixin.
      * After that, the translation functionality will be applicable.
      *
-     * @param {Object} resources - Options to configure mixin.
+     * @param {Object} resources - I18next resources object. See https://www.i18next.com/overview/configuration-options.
      */
-    async i18nInit(resources) {
-
-        const language = this.detectBrowserLanguage();
+    i18nInit(resources) {
 
         if (!i18next.isInitialized) {
+
+            console.log('Initializing i18n');
             i18next.
                 init({
-                lng: language,
+                lng: navigator.language,
                 resources,
                 defaultNS: 'translations',
                 ns: ['translations'],
-                fallbackLng: 'en-US'
+                fallbackLng: 'en-CA'
             })
         }
 
         i18next.on('initialized', options => {
             this.requestUpdate()
         })
         i18next.on('languageChanged', lng => {
-            const language = this.detectBrowserLanguage();
-            this.changeLanguage(language);
+            this.changeLanguage(lng);
             this.requestUpdate();
         })
     }
 
+    /**
+     * Change the language of i18next.
+     * @param {String} lang - Language code to which to switch.
+     */
     changeLanguage(lang) {
-        i18next.changeLanguage(lang)
+        return i18next.changeLanguage(lang);
     }
 
+    /**
+     * Apply the translation of key.
+     * @param {String} key - i18next translation key
+     * @returns {String} - Translated result.
+     */
     translate(key) {
         return translate(key)
     }