(nuxt) migrate loading template when SSR is disabled

app/spa-loading-template.html

@@ -59,8 +59,8 @@
         font-size: 10px;
         position: relative;
         text-indent: -9999em;
-        border: .5rem solid <%= options.color2 %>;
-        border-left: .5rem solid <%= options.color %>;
+        border: .5rem solid transparent;
+        border-left: .5rem solid #C71585;
         -webkit-transform: translateZ(0);
         -ms-transform: translateZ(0);
         transform: translateZ(0);
@@ -104,12 +104,15 @@
 <script>
     window.addEventListener('error', (e) => {
         const l = document.getElementById('loading');
+        if (!l) {
+            return;
+        }
         l.classList.add('error');
         const p = document.createElement("p");
         p.innerHTML = `
             Apologies, there has been some error while loading the page.
             Please try to <a href="https://www.wikihow.com/Clear-Your-Browser%27s-Cache">clear your cache</a>
-            and if the problem persists, reach to us via contact@pronouns.page attaching the following error message:
+            and if the problem persists, reach to us via technical@pronouns.page attaching the following error message:
           `;
         l.appendChild(p);
         const q = document.createElement("pre");
@@ -118,4 +121,4 @@
     });
 </script>
 
-<div id="loading" aria-live="polite" role="status"><div><%= options.loading %></div></div>
+<div id="loading" aria-live="polite" role="status"><div>Loading…</div></div>

nuxt.config.ts

@@ -560,7 +560,4 @@ exports.randomFillSync = randomFillSync`],
             }
         },
     },
-    loadingIndicator: {
-        name: 'views/loading.html',
-    },
 });