fix[vanilla]: set ready state if translations fail to process correctly

Author: feildmaster

src/hooks/translation.loaded.js

@@ -1,14 +1,22 @@
 import eventManager from '../utils/eventManager.js';
-import { global } from '../utils/global.js';
+import { global, globalSet } from '../utils/global.js';
 
 eventManager.on(':loaded', () => {
-  if (global('translationReady', { throws: false })) {
+  const READY = 'translationReady';
+  if (global(READY, { throws: false })) {
     eventManager.singleton.emit('translation:loaded');
   } else {
-    document.addEventListener('translationReady', () => {
+    document.addEventListener(READY, () => {
       eventManager.singleton.emit('translation:loaded');
     }, {
       once: true,
     });
+    // Fallback for if translation function breaks
+    eventManager.on(':load', () => {
+      const translationReady = global(READY, { throws: false });
+      if (translationReady !== false) return;
+      globalSet(READY, true);
+      document.dispatchEvent(global('translationEvent'));
+    });
   }
 });