chore: bump dependencies

Signed-off-by: Donnie Adams <[email protected]>

package.json

@@ -13,30 +13,33 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "vue": "^3.2.31",
-    "vue-router": "^4.1.2"
+    "@tailwindcss/postcss": "^4.0.7",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.1.0",
-    "@types/jsdom": "^16.2.14",
-    "@types/node": "^18.0.4",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.0",
-    "@vue/test-utils": "^2.0.0-rc.18",
-    "@vue/tsconfig": "^0.1.3",
-    "autoprefixer": "^10.4.2",
-    "cypress": "^13.13.2",
-    "eslint": "^8.5.0",
-    "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-vue": "^9.2.0",
-    "jsdom": "^20.0.0",
-    "postcss": "^8.4.31",
-    "start-server-and-test": "^2.0.3",
-    "tailwindcss": "^3.0.23",
-    "typescript": "^4.7.4",
-    "vite": "^4.5.6",
-    "vitest": "^0.33.0",
-    "vue-tsc": "^0.38.5"
+    "@rushstack/eslint-patch": "^1.10.5",
+    "@tailwindcss/cli": "^4.0.7",
+    "@tsconfig/node22": "^22.0.0",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.13.4",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.4.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.7.0",
+    "autoprefixer": "^10.4.20",
+    "cypress": "^14.0.3",
+    "eslint": "^9.20.1",
+    "eslint-plugin-cypress": "^4.1.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "jsdom": "^26.0.0",
+    "postcss": "^8.5.3",
+    "start-server-and-test": "^2.0.10",
+    "tailwindcss": "^4.0.7",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.1",
+    "vitest": "^3.0.6",
+    "vue-tsc": "^2.2.2"
   }
 }

postcss.config.js

@@ -1,6 +1,5 @@
 module.exports = {
 	plugins: {
-		tailwindcss: {},
-		autoprefixer: {},
+		"@tailwindcss/postcss": {},
 	},
 }

src/assets/styles.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 @layer base {
     html {

src/components/Hero.vue

@@ -20,8 +20,8 @@ const lines = props.blurb?.split("\n")
 			</div>
 		</div>
 
-		<div class="flex items-center justify-center w-full h-116 sm:w-2/3">
-			<img :src="source" alt="Me!" class="object-cover w-full h-full rounded-md">
+		<div class="flex items-center justify-center sm:w-2/3">
+			<img :src="source" alt="Me!" class="object-contain w-full h-full rounded-md">
 		</div>
 	</div>
 </template>

tsconfig.app.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": [
     "env.d.ts",
     "src/**/*.vue",

tsconfig.vite-config.json

@@ -1,5 +1,5 @@
 {
-	"extends": "@vue/tsconfig/tsconfig.node.json",
+	"extends": "@tsconfig/node22/tsconfig.json",
 	"include": [
 		"vite.config.*"
 	],