fix: solve IPX issue with github pages

Author: chickymonkeys

.github/workflows/deploy.yml

@@ -15,6 +15,10 @@ jobs:
       - run: corepack enable
       - uses: oven-sh/setup-bun@v2
 
+      # Ensure sharp is installed/rebuilt for Linux (IPX needs correct binaries)
+      - run: bun add sharp
+      - run: bun rebuild sharp
+
       - run: bun install
       - run: bun run build
         env:

bun.lock

@@ -10,7 +10,7 @@
         aria-label="Go to homepage"
       >
         <NuxtImg
-          src="/img/pizziboi.png"
+          src="/images/pizziboi.png"
           alt="Alessandro Pizzigolotto"
           sizes="sm:15vw md:15vw lg:6vw xl:6vw"
         /> AP

components/PizziHeader.vue

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@nuxt/eslint": "1.2.0",
-    "@nuxt/image": "1.10.0",
+    "@nuxt/image": "^2.0.0",
     "@nuxtjs/mdc": "0.17.2",
     "@nuxtjs/sitemap": "^7.4.3",
     "better-sqlite3": "^12.2.0",
@@ -22,6 +22,7 @@
     "motion-dom": "^12.23.6",
     "nuxt": "^3.17.7",
     "nuxt-gtag": "3.0.2",
+    "sharp": "^0.34.5",
     "vue": "^3.5.17",
     "vue-router": "^4.5.1"
   },

package.json

@@ -26,7 +26,7 @@
         class="pizzi-pic"
       >
         <NuxtImg
-          src="/img/pizziboi.png"
+          src="/images/pizziboi.png"
           sizes="sm:23vw md:28vw lg:28vw xl:28vw"
           alt="pizziboi status symbol"
           preload