Upgraded project dependencies

assets/css/main.css

@@ -0,0 +1,8 @@
+body {
+    background-color: #111111;
+}
+@media (prefers-color-scheme: light) {
+    body {
+        background-color: #dddddd;
+    }
+}

components/team/TeamCard.vue

@@ -23,7 +23,7 @@ defineProps({
 
 <template>
     <div
-        class="mx-auto my-2 rounded bg-white bg-gradient-to-b from-green-500 to-green-400 p-2 text-center shadow-xl transition duration-200 ease-in-out hover:scale-105 max-md:mx-6 dark:from-green-800 dark:to-green-700"
+        class="flex-h-full flex-col rounded bg-green-500 bg-gradient-to-b from-green-500 to-green-400 p-2 text-center shadow-xl transition duration-200 ease-in-out hover:scale-105 max-md:mx-6 dark:bg-green-800 dark:from-green-800 dark:to-green-700"
     >
         <img class="mx-auto mt-4 w-1/3 rounded-full shadow-xl max-md:w-1/4" :src="image" alt="pic" />
         <h2 class="mt-2 text-lg font-bold dark:text-white">{{ name }}</h2>

nuxt.config.ts

@@ -46,7 +46,7 @@ export default defineNuxtConfig({
         },
     },
 
-    css: ["@fortawesome/fontawesome-svg-core/styles.css"],
+    css: ["@fortawesome/fontawesome-svg-core/styles.css", "~/assets/css/main.css"],
 
     build: {
         transpile: [

package.json

@@ -15,34 +15,34 @@
     "lint:report": "eslint --output-file=eslint_report.json --format json ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@nuxt/devtools": "^1.6.4",
-    "@nuxt/eslint": "^0.7.4",
-    "@nuxtjs/robots": "^5.0.1",
+    "@eslint/js": "^9.37.0",
+    "@nuxt/devtools": "^1.7.0",
+    "@nuxt/eslint": "^0.7.6",
+    "@nuxtjs/robots": "^5.5.5",
     "@nuxtjs/sitemap": "7.0.0",
-    "@nuxtjs/tailwindcss": "^6.12.2",
-    "eslint": "^9.17.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.32.0",
-    "globals": "^15.14.0",
-    "nuxt": "^3.14.1592",
-    "nuxt-posthog": "^1.6.1",
-    "nuxt-schema-org": "^4.0.4",
-    "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.9",
-    "typescript-eslint": "^8.18.1",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "@nuxtjs/tailwindcss": "^6.14.0",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-vue": "^9.33.0",
+    "globals": "^15.15.0",
+    "nuxt": "^3.19.3",
+    "nuxt-posthog": "^1.6.3",
+    "nuxt-schema-org": "^4.1.3",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "typescript-eslint": "^8.46.1",
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.2"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/vue-fontawesome": "^3.0.8",
-    "@vueuse/core": "^12.1.0",
-    "@vueuse/nuxt": "^12.1.0",
-    "posthog-js": "^1.203.1"
+    "@fortawesome/vue-fontawesome": "^3.1.2",
+    "@vueuse/core": "^12.8.2",
+    "@vueuse/nuxt": "^12.8.2",
+    "posthog-js": "^1.275.3"
   },
-  "packageManager": "pnpm@9.6.0"
-}
+  "packageManager": "pnpm@10.23.0"
+}

pages/index.vue

@@ -26,14 +26,3 @@ useSeoMeta({
     twitterCard: "summary",
 });
 </script>
-
-<style>
-body {
-    background-color: #111111;
-}
-@media (prefers-color-scheme: light) {
-    body {
-        background-color: #dddddd;
-    }
-}
-</style>