From 673948bce9bc99f4eae804414f68e85bab834fd7 Mon Sep 17 00:00:00 2001
From: Andrew <admin@enderman.ch>
Date: Thu, 20 Jun 2024 00:33:16 +0300
Subject: [PATCH] Add loading indicator

---
 app.vue        |  1 +
 nuxt.config.ts | 70 +++++++++++++++++++++++++-------------------------
 package.json   |  2 +-
 3 files changed, 37 insertions(+), 36 deletions(-)

diff --git a/app.vue b/app.vue
index 32e4938..2c931b9 100644
--- a/app.vue
+++ b/app.vue
@@ -31,6 +31,7 @@ useHead({
       <LazySwipeControls v-if="!reader" class="block sm:hidden" />
     </ClientOnly>
 
+    <NuxtLoadingIndicator />
     <NuxtLayout name="card">
       <template #footer>
         <footer
diff --git a/nuxt.config.ts b/nuxt.config.ts
index dc9f489..356444e 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -31,14 +31,13 @@ export default defineNuxtConfig({
     pageTransition: { name: 'page', mode: 'out-in' },
     rootId: 'ender-app',
   },
-  devtools: {
-    enabled: true,
-  },
-  features: {
-    inlineStyles: false,
-  },
-  experimental: {
-    inlineRouteRules: true,
+  colorMode: {
+    preference: 'system',
+    fallback: 'dark',
+    classPrefix: '',
+    classSuffix: '',
+    componentName: 'NuxtTheme',
+    storageKey: 'ecmatheme',
   },
   components: {
     dirs: [
@@ -49,26 +48,6 @@ export default defineNuxtConfig({
       },
     ],
   },
-  css: ['~/assets/styles/main.scss'],
-  plugins: [],
-  modules: [
-    '@pinia/nuxt',
-    '@nuxt/content',
-    '@nuxtjs/seo',
-    '@nuxtjs/google-fonts',
-    '@nuxtjs/tailwindcss',
-    '@nuxtjs/color-mode',
-    '@nuxt/eslint',
-    ['@nuxtjs/stylelint-module', { failOnError: true, lintOnStart: false }],
-  ],
-  colorMode: {
-    preference: 'system',
-    fallback: 'dark',
-    classPrefix: '',
-    classSuffix: '',
-    componentName: 'NuxtTheme',
-    storageKey: 'ecmatheme',
-  },
   content: {
     markdown: {
       remarkPlugins: ['remark-reading-time'],
@@ -108,13 +87,15 @@ export default defineNuxtConfig({
       ],
     },
   },
-  nitro: {
-    prerender: {
-      crawlLinks: true,
-      autoSubfolderIndex: true,
-      failOnError: true,
-      routes: ['/robots.txt', '/sitemap.xml'],
-    },
+  css: ['~/assets/styles/main.scss'],
+  devtools: {
+    enabled: true,
+  },
+  experimental: {
+    inlineRouteRules: true,
+  },
+  features: {
+    inlineStyles: false,
   },
   googleFonts: {
     download: true,
@@ -123,6 +104,24 @@ export default defineNuxtConfig({
       Alexandria: true,
     },
   },
+  modules: [
+    '@pinia/nuxt',
+    '@nuxt/content',
+    '@nuxtjs/seo',
+    '@nuxtjs/google-fonts',
+    '@nuxtjs/tailwindcss',
+    '@nuxtjs/color-mode',
+    '@nuxt/eslint',
+    ['@nuxtjs/stylelint-module', { failOnError: true, lintOnStart: false }],
+  ],
+  nitro: {
+    prerender: {
+      crawlLinks: true,
+      autoSubfolderIndex: true,
+      failOnError: true,
+      routes: ['/robots.txt', '/sitemap.xml'],
+    },
+  },
   linkChecker: {
     failOnError: true,
     report: {
@@ -130,6 +129,7 @@ export default defineNuxtConfig({
       markdown: true,
     },
   },
+  plugins: [],
   robots: {
     enabled: true,
     blockNonSeoBots: false,
diff --git a/package.json b/package.json
index a137344..94430ea 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "lint:js": "eslint --ext \".js,.ts,.vue\" --ignore-path .gitignore .",
     "lint:prettier": "prettier --check .",
     "lint": "npm run lint:js && npm run lint:style && npm run lint:prettier",
-    "lintfix": "prettier --write --list-different . && npm run lint:js -- --fix"
+    "lint:fix": "prettier --write --list-different . && npm run lint:js -- --fix"
   },
   "devDependencies": {
     "@nuxt/content": "^2.12.1",