Add all object namespaces to each i18n translation override instance

packages/common/i18next.js

@@ -183,7 +183,7 @@ export async function setOverridesByGlobalCache(i18n, element) {
           translationCache[lng] = await translationCache[lng];
           i18n.removeResourceBundle(lng, overrideNamespace);
           if (translationCache[lng] === undefined || translationCache[lng][tagName] === undefined) continue;
-          let resources = translationCache[lng][tagName];
+          let resources = translationCache[lng];
           hasOverrides = true;
           i18n.addResourceBundle(lng, overrideNamespace, resources);
         } catch(e) {

packages/common/src/translation.js

@@ -43,11 +43,6 @@ export class Translation extends DBPLitElement {
       // get overrides everytime
       setOverridesByGlobalCache(this._i18n, this);
 
-      // use translation overrides if path is given
-      //if(this.langDir != '') {
-      //  setOverridesByGlobalCache(this._i18n, this);
-      //}
-
       // supercall after default i18n init to override translations only
       // if a override with this tagname is given
       super.connectedCallback();
@@ -55,11 +50,15 @@ export class Translation extends DBPLitElement {
 
     update(changedProperties) {
         let lang = this.lang;
+        let tagName = ((this.dataset && this.dataset.tagName) || this.tagName).toLowerCase();
         changedProperties.forEach((oldValue, propName) => {
             switch (propName) {
                 case 'lang':
                     this._i18n.changeLanguage(lang);
                     break;
+                case 'key':
+                    this.key = tagName + "." + this.key;
+                    break;
             }
         });