upgarde image-size

Author: adrienZ

app/components/content/ProseImg.vue

@@ -12,6 +12,7 @@
 				:height="height"
 				loading="lazy"
 				quality="80"
+				ho="mate"
 			/>
 	</div>
 </template>

app/components/imageWithSizes.server.vue

@@ -6,6 +6,6 @@
 
 <script lang="ts" setup>
 const attrs = useAttrs();
-import sizeOf from "image-size";
-const sizes = sizeOf("public/" + attrs.src);
+import { imageSizeFromFile } from "image-size/fromFile";
+const sizes = await imageSizeFromFile("public/" + attrs.src);
 </script>

package.json

@@ -29,15 +29,15 @@
 		"@nuxtjs/tailwindcss": "^6.13.1",
 		"@playwright/test": "^1.49.1",
 		"@types/body-scroll-lock": "^3.1.2",
-		"@types/node": "^22.10.7",
+		"@types/node": "^22.14.1",
 		"@types/rellax": "^1.7.7",
 		"@types/rss": "^0.0.32",
 		"husky": "^9.1.7",
-		"lint-staged": "^15.4.1",
-		"nuxt": "^3.15.2",
+		"lint-staged": "^15.5.1",
+		"nuxt": "^3.16.2",
 		"nuxt-umami": "^3.1.1",
-		"prettier": "^3.4.2",
-		"pretty-quick": "^4.0.0",
+		"prettier": "^3.5.3",
+		"pretty-quick": "^4.1.1",
 		"rss": "^1.2.2",
 		"sass-easing": "^1.0.3",
 		"sass-embedded": "^1.83.4"
@@ -49,7 +49,7 @@
 		"body-scroll-lock": "4.0.0-beta.0",
 		"grabity": "^1.0.5",
 		"gsap": "^3.12.7",
-		"image-size": "^1.2.0",
+		"image-size": "^2.0.2",
 		"lazysizes": "^5.3.2",
 		"mitt": "^3.0.1",
 		"radix-vue": "^1.9.12",