Fix issue with update

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>

src/components/Header/ServerListComponent.vue

@@ -12,19 +12,20 @@
           :data-guild-id="guild.id"
           @click="clickOnGuild(guild.id)"
         >
-          <v-list-item-avatar
+          <template v-slot:prepend>
-            start
+            <v-avatar start :color="guild.iconUrl ? '' : 'grey-darken-3'">
-            :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>
+            </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>
+          <template v-slot:prepend>
+            <v-avatar color="grey-darken-3" start>
               <v-icon color="green">mdi-plus</v-icon>
-          </v-list-item-avatar>
+            </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("/");

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"

tsconfig.app.json

@@ -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/*"]
-    }
-  }
-}

tsconfig.json

@@ -1,18 +1,23 @@
 {
-  "files": [],
+  "compilerOptions": {
-  "references": [
+    "baseUrl": ".",
-    {
+    "target": "ESNext",
-      "path": "./tsconfig.vite-config.json"
+    "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/*"]
+    }
   },
-    {
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-      "path": "./tsconfig.app.json"
+  "references": [{ "path": "./tsconfig.node.json" }],
-    },
+  "exclude": ["node_modules"]
-    {
-      "path": "./tsconfig.vitest.json"
-    }
-    ,
-    {
-      "path": "./tsconfig.pinia-plugin-persist.json"
-    }
-  ]
 }

tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

tsconfig.pinia-plugin-persist.json

@@ -1,5 +0,0 @@
-{
-  "compilerOptions": {
-    "types": ["pinia-plugin-persist"]
-  }
-}

tsconfig.vite-config.json

@@ -1,8 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.node.json",
-  "include": ["vite.config.*"],
-  "compilerOptions": {
-    "composite": true,
-    "types": ["node", "vitest"]
-  }
-}

tsconfig.vitest.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  "exclude": [],
-  "compilerOptions": {
-    "composite": true,
-    "lib": [],
-    "types": ["node", "jsdom"]
-  }
-}

vite.config.ts

@@ -31,4 +31,7 @@ export default defineConfig({
     ]
   },
   */
+  server: {
+    port: 3000,
+  },
 });