feat: replace circle loader with Jellyfin-Vue logo

.editorconfig

@@ -1,4 +1,3 @@
-# editorconfig.org
 root = true
 
 [*]

.prettierignore

@@ -0,0 +1,3 @@
+/src/assets/loading.html
+node_modules
+.nuxt

src/assets/loading.html

@@ -0,0 +1,26 @@
+<style>
+body, html, #<%= globals.id %> {
+  background: #111827;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+}
+
+.splashLogo {
+  width: 30%;
+  height: 30%;
+  /* This file is in the 'static' folder, so it will be placed at the root when the client is built */
+  background-image: url(/icon.png);
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+</style>
+
+<div class="splashLogo">
+</div>
+

src/nuxt.config.ts

@@ -357,9 +357,7 @@ const config: NuxtConfig = {
     }
   },
   loadingIndicator: {
-    name: 'circle',
-    color: '#0086b3',
-    background: '#14141F'
+    name: 'assets/loading.html'
   },
   /*
    ** Build configuration