From 5d9a63bc1426b31b0576ef4c6c6886f600d6cb00 Mon Sep 17 00:00:00 2001
From: Valentyne Stigloher <pixunil@posteo.eu>
Date: Sat, 3 Aug 2024 16:59:49 +0200
Subject: [PATCH] (nuxt) migrate loading template when SSR is disabled

---
 views/loading.html => app/spa-loading-template.html | 11 +++++++----
 nuxt.config.ts                                      |  3 ---
 2 files changed, 7 insertions(+), 7 deletions(-)
 rename views/loading.html => app/spa-loading-template.html (89%)

diff --git a/views/loading.html b/app/spa-loading-template.html
similarity index 89%
rename from views/loading.html
rename to app/spa-loading-template.html
index 33984eb4b..7b8668f2f 100644
--- a/views/loading.html
+++ b/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>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index cff441be8..1d74837a2 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -560,7 +560,4 @@ exports.randomFillSync = randomFillSync`],
             }
         },
     },
-    loadingIndicator: {
-        name: 'views/loading.html',
-    },
 });