From 510e719369db25392f961ba62222791077418ab1 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 27 Aug 2024 11:49:56 +0100
Subject: [PATCH] fix: only add preload links on server

---
 src/runtime/components/NuxtImg.vue     | 2 +-
 src/runtime/components/NuxtPicture.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/NuxtImg.vue b/src/runtime/components/NuxtImg.vue
index cd6ac4537..829c64219 100644
--- a/src/runtime/components/NuxtImg.vue
+++ b/src/runtime/components/NuxtImg.vue
@@ -103,7 +103,7 @@ const mainSrc = computed(() =>
 
 const src = computed(() => placeholder.value ? placeholder.value : mainSrc.value)
 
-if (props.preload) {
+if (import.meta.server && props.preload) {
   const isResponsive = Object.values(sizes.value).every(v => v)
 
   useHead({
diff --git a/src/runtime/components/NuxtPicture.vue b/src/runtime/components/NuxtPicture.vue
index 5f1aef3e4..6e65aa686 100644
--- a/src/runtime/components/NuxtPicture.vue
+++ b/src/runtime/components/NuxtPicture.vue
@@ -91,7 +91,7 @@ const sources = computed<Source[]>(() => {
 
 const lastSourceIndex = computed(() => sources.value.length - 1)
 
-if (props.preload) {
+if (import.meta.server && props.preload) {
   const link: NonNullable<Head['link']>[number] = {
     rel: 'preload',
     as: 'image',