fix: only add preload links on server

danielroe · danielroe · commit 510e719369db · 2024-08-27T11:54:11.000+01:00
diff --git 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
@@ -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',
