Improved script loader.

Author: umairsiddique

Diff for: prettier.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  singleQuote: true,
+  arrowParens: 'always',
+  trailingComma: 'es5',
+};

Diff for: src/components/EmailEditor.vue

@@ -3,6 +3,8 @@
 </template>
 
 <script>
+import { loadScript } from './loadScript';
+
 export default {
   name: 'EmailEditor',
   props: {
@@ -17,26 +19,7 @@ export default {
     },
   },
   created() {
-    const embedJs = "//editor.unlayer.com/embed.js?2"
-    const scripts = document.querySelectorAll('script');
-    let scriptLoaded = false
-
-    scripts.forEach(script => {
-      if (script.src.includes(embedJs)) {
-        scriptLoaded = true
-      }
-    })
-
-    if (!scriptLoaded) {
-      const unlayerScript = document.createElement('script');
-      unlayerScript.setAttribute('src', embedJs);
-      unlayerScript.onload = () => {
-        this.loadEditor();
-      };
-      document.head.appendChild(unlayerScript);
-    } else {
-      this.loadEditor();
-    }
+    loadScript(this.loadEditor);
   },
   mounted() {
   },

Diff for: src/components/loadScript.js

@@ -0,0 +1,38 @@
+const callbacks = [];
+
+const runCallbacks = () => {
+  let callback;
+
+  while ((callback = callbacks.shift())) {
+    callback();
+  }
+};
+
+const registerCallback = (callback) => {
+  callbacks.push(callback);
+};
+
+export const loadScript = (callback) => {
+  const embedJs = '//editor.unlayer.com/embed.js?2';
+  const scripts = document.querySelectorAll('script');
+  let scriptLoaded = false;
+
+  scripts.forEach((script) => {
+    if (script.src.includes(embedJs)) {
+      scriptLoaded = true;
+    }
+  });
+
+  registerCallback(callback);
+
+  if (!scriptLoaded) {
+    const unlayerScript = document.createElement('script');
+    unlayerScript.setAttribute('src', embedJs);
+    unlayerScript.onload = () => {
+      runCallbacks();
+    };
+    document.head.appendChild(unlayerScript);
+  } else {
+    runCallbacks();
+  }
+};