From da96cc1485e3b5be4359ab35f69c1c2d68548886 Mon Sep 17 00:00:00 2001
From: SebClem <seb6596@gmail.com>
Date: Thu, 14 Dec 2023 15:04:42 +0100
Subject: [PATCH] Fix issue with update

---
 src/components/Header/HeaderComponent.vue     |  4 +--
 src/components/Header/ServerListComponent.vue | 23 ++++++------
 src/views/HomeView.vue                        | 11 ++++--
 tsconfig.app.json                             | 12 -------
 tsconfig.json                                 | 35 +++++++++++--------
 tsconfig.node.json                            |  9 +++++
 tsconfig.pinia-plugin-persist.json            |  5 ---
 tsconfig.vite-config.json                     |  8 -----
 tsconfig.vitest.json                          |  9 -----
 vite.config.ts                                |  3 ++
 10 files changed, 54 insertions(+), 65 deletions(-)
 delete mode 100644 tsconfig.app.json
 create mode 100644 tsconfig.node.json
 delete mode 100644 tsconfig.pinia-plugin-persist.json
 delete mode 100644 tsconfig.vite-config.json
 delete mode 100644 tsconfig.vitest.json

diff --git a/src/components/Header/HeaderComponent.vue b/src/components/Header/HeaderComponent.vue
index 61f1cb1..7b9c948 100644
--- a/src/components/Header/HeaderComponent.vue
+++ b/src/components/Header/HeaderComponent.vue
@@ -38,13 +38,13 @@
         :subtitle="'#' + discriminator"
       >
         <template v-slot:append>
-          <v-list-item-avatar end>
+          <v-avatar>
             <v-btn
               icon="mdi-exit-to-app"
               class="text-high-emphasis text-white"
               v-on:click="logoutAndRedirect()"
             ></v-btn>
-          </v-list-item-avatar>
+          </v-avatar>
         </template>
       </v-list-item>
     </v-list>
diff --git a/src/components/Header/ServerListComponent.vue b/src/components/Header/ServerListComponent.vue
index 6ad41f2..41cafef 100644
--- a/src/components/Header/ServerListComponent.vue
+++ b/src/components/Header/ServerListComponent.vue
@@ -12,19 +12,20 @@
           :data-guild-id="guild.id"
           @click="clickOnGuild(guild.id)"
         >
-          <v-list-item-avatar
-            start
-            :color="guild.iconUrl ? '' : 'grey-darken-3'"
-          >
-            <v-img v-if="guild.iconUrl" :src="guild.iconUrl"></v-img>
-            <template v-if="!guild.iconUrl">{{ guild.name[1] }}</template>
-          </v-list-item-avatar>
+          <template v-slot:prepend>
+            <v-avatar start :color="guild.iconUrl ? '' : 'grey-darken-3'">
+              <v-img v-if="guild.iconUrl" :src="guild.iconUrl"></v-img>
+              <template v-if="!guild.iconUrl">{{ guild.name[1] }}</template>
+            </v-avatar>
+          </template>
           <v-list-item-title>{{ guild.name }}</v-list-item-title>
         </v-list-item>
         <v-list-item :href="inviteLink" target="_blank">
-          <v-list-item-avatar color="grey-darken-3" start>
-            <v-icon color="green">mdi-plus</v-icon>
-          </v-list-item-avatar>
+          <template v-slot:prepend>
+            <v-avatar color="grey-darken-3" start>
+              <v-icon color="green">mdi-plus</v-icon>
+            </v-avatar>
+          </template>
           <v-list-item-title> Invite Claptrap Bot ! </v-list-item-title>
         </v-list-item>
       </template>
@@ -86,7 +87,7 @@ function loadMutualGuilds() {
     mutualGuildsStore.loaded = true;
     if (
       !mutualGuildsStore.getGuild(
-        router.currentRoute.value.params?.guildId as string
+        router.currentRoute.value.params?.guildId as string,
       )
     ) {
       router.push("/");
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index bd8c307..cf03ce0 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -48,7 +48,11 @@
                 </v-row>
                 <v-row>
                   <v-col>
-                    <v-btn :href="inviteLinkStore.inviteLink" color="primary">
+                    <v-btn
+                      :href="inviteLinkStore.inviteLink"
+                      color="primary"
+                      block
+                    >
                       Invite me !
                     </v-btn>
                   </v-col>
@@ -68,6 +72,7 @@
               to="/oauth2/redirect"
               prepend-icon="mdi-discord"
               color="primary"
+              block
             >
               Login with Discord
             </v-btn>
@@ -91,7 +96,7 @@
                       </v-avatar>
                     </v-col>
                     <v-col class="px-0 py-2" cols="10" sm="1" md="10" xl="11">
-                      <v-row justify="left">
+                      <v-row justify="start">
                         <v-col class="d-flex align-center">
                           <p class="text-primary">Claptrap Bot</p>
                           <span class="text-disabled text-caption ml-2">
@@ -99,7 +104,7 @@
                           </span>
                         </v-col>
                       </v-row>
-                      <v-row justify="left" class="mb-2">
+                      <v-row justify="start" class="mb-2">
                         <v-col
                           class="d-flex flex-column justify-start text-start pt-0 text-body-2 pb-0"
                           cols="12"
diff --git a/tsconfig.app.json b/tsconfig.app.json
deleted file mode 100644
index cdbea1d..0000000
--- a/tsconfig.app.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*"],
-  "compilerOptions": {
-    "composite": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}
diff --git a/tsconfig.json b/tsconfig.json
index b52ea0a..bb82a89 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,18 +1,23 @@
 {
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.vite-config.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "paths": {
+      "@/*": ["src/*"]
     }
-    ,
-    {
-      "path": "./tsconfig.pinia-plugin-persist.json"
-    }
-  ]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }],
+  "exclude": ["node_modules"]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..9d31e2a
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/tsconfig.pinia-plugin-persist.json b/tsconfig.pinia-plugin-persist.json
deleted file mode 100644
index 9c7271f..0000000
--- a/tsconfig.pinia-plugin-persist.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "compilerOptions": {
-    "types": ["pinia-plugin-persist"]
-  }
-}
diff --git a/tsconfig.vite-config.json b/tsconfig.vite-config.json
deleted file mode 100644
index d20d872..0000000
--- a/tsconfig.vite-config.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.node.json",
-  "include": ["vite.config.*"],
-  "compilerOptions": {
-    "composite": true,
-    "types": ["node", "vitest"]
-  }
-}
diff --git a/tsconfig.vitest.json b/tsconfig.vitest.json
deleted file mode 100644
index d080d61..0000000
--- a/tsconfig.vitest.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  "exclude": [],
-  "compilerOptions": {
-    "composite": true,
-    "lib": [],
-    "types": ["node", "jsdom"]
-  }
-}
diff --git a/vite.config.ts b/vite.config.ts
index 464029c..a8905b1 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -31,4 +31,7 @@ export default defineConfig({
     ]
   },
   */
+  server: {
+    port: 3000,
+  },
 });