From 44f3808642eb8a227b063e13dd91ca6ac824b94f Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Mon, 2 Dec 2024 18:36:09 +0800
Subject: [PATCH] fix: try to fix #11

---
 app.vue         |  5 +++--
 nuxt.config.ts  | 38 +++++++++++++++++++-------------------
 pages/audio.vue | 27 ++++++++++-----------------
 pages/index.vue | 13 +++----------
 pages/queue.vue | 13 +++----------
 5 files changed, 38 insertions(+), 58 deletions(-)

diff --git a/app.vue b/app.vue
index c08dc98..c9d2491 100644
--- a/app.vue
+++ b/app.vue
@@ -7,9 +7,10 @@ useHead({
 </script>
 
 <template>
-  <NuxtLayout>
+  <div />
+  <!-- <NuxtLayout>
     <NuxtPage />
-  </NuxtLayout>
+  </NuxtLayout> -->
 </template>
 
 <style>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f1848c6..c1cde1a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -9,11 +9,11 @@ import { unzip } from './scripts/unzip'
 
 export default defineNuxtConfig({
   modules: [
-    '@vueuse/nuxt',
-    '@unocss/nuxt',
-    '@pinia/nuxt',
-    '@nuxtjs/color-mode',
-    '@nuxt/eslint',
+    // '@vueuse/nuxt',
+    // '@unocss/nuxt',
+    // '@pinia/nuxt',
+    // '@nuxtjs/color-mode',
+    // '@nuxt/eslint',
   ],
 
   ssr: false,
@@ -43,13 +43,13 @@ export default defineNuxtConfig({
     },
   },
 
-  css: [
-    '@unocss/reset/tailwind.css',
-  ],
+  // css: [
+  //   '@unocss/reset/tailwind.css',
+  // ],
 
-  colorMode: {
-    classSuffix: '',
-  },
+  // colorMode: {
+  //   classSuffix: '',
+  // },
 
   features: {
     // For UnoCSS
@@ -160,12 +160,12 @@ export default defineNuxtConfig({
     ],
   },
 
-  eslint: {
-    config: {
-      standalone: false,
-      nuxt: {
-        sortConfigKeys: true,
-      },
-    },
-  },
+  // eslint: {
+  //   config: {
+  //     standalone: false,
+  //     nuxt: {
+  //       sortConfigKeys: true,
+  //     },
+  //   },
+  // },
 })
diff --git a/pages/audio.vue b/pages/audio.vue
index 6d5af85..1fce920 100644
--- a/pages/audio.vue
+++ b/pages/audio.vue
@@ -24,22 +24,15 @@ function handleFileUpload(e: Event) {
 
 <template>
   <div>
-    <Suspense>
-      <ClientOnly>
-        <div>
-          <div ref="containerRef" />
-          <input
-            ref="fileInputRef"
-            type="file"
-            @change="handleFileUpload"
-          >
-        </div>
-      </ClientOnly>
-      <template #fallback>
-        <div italic op50>
-          <span animate-pulse>Loading...</span>
-        </div>
-      </template>
-    </Suspense>
+    <ClientOnly>
+      <div>
+        <div ref="containerRef" />
+        <input
+          ref="fileInputRef"
+          type="file"
+          @change="handleFileUpload"
+        >
+      </div>
+    </ClientOnly>
   </div>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
index fc14f7a..001861d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,14 +1,7 @@
 <template>
   <div>
-    <Suspense>
-      <ClientOnly>
-        <MainStage />
-      </ClientOnly>
-      <template #fallback>
-        <div italic op50>
-          <span animate-pulse>Loading...</span>
-        </div>
-      </template>
-    </Suspense>
+    <ClientOnly>
+      <MainStage />
+    </ClientOnly>
   </div>
 </template>
diff --git a/pages/queue.vue b/pages/queue.vue
index 23bc92d..7957264 100644
--- a/pages/queue.vue
+++ b/pages/queue.vue
@@ -147,15 +147,8 @@ onMounted(() => {
 
 <template>
   <div>
-    <Suspense>
-      <ClientOnly>
-        <div />
-      </ClientOnly>
-      <template #fallback>
-        <div italic op50>
-          <span animate-pulse>Loading...</span>
-        </div>
-      </template>
-    </Suspense>
+    <ClientOnly>
+      <div />
+    </ClientOnly>
   </div>
 </template>