fix: only add preload links on server

nuxt · Aug 27, 2024 · 510e719 · 510e719
1 parent a2b79b6
commit 510e719
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
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',