@devite/nuxt-sanity 2.6.0 → 2.8.0

package/dist/module.d.mts

@@ -74,11 +74,15 @@ interface LinkExternal {
     _type: 'linkExternal';
     url: string;
     newWindow: boolean;
+    linkTitle?: string;
+    relationship?: string;
 }
 
 interface LinkInternal {
     _type: 'linkInternal';
     slug: string;
+    linkTitle?: string;
+    relationship?: string;
 }
 
 interface SEO {

package/dist/module.d.ts

@@ -74,11 +74,15 @@ interface LinkExternal {
     _type: 'linkExternal';
     url: string;
     newWindow: boolean;
+    linkTitle?: string;
+    relationship?: string;
 }
 
 interface LinkInternal {
     _type: 'linkInternal';
     slug: string;
+    linkTitle?: string;
+    relationship?: string;
 }
 
 interface SEO {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "configKey": "sanity",
   "builder": {
     "@nuxt/module-builder": "0.8.4",

package/dist/module.mjs

@@ -3,7 +3,7 @@ import { defineNuxtModule, createResolver, addPlugin, addServerHandler, addImpor
 import defu from 'defu';
 
 const name = "@devite/nuxt-sanity";
-const version = "2.6.0";
+const version = "2.8.0";
 
 const CONFIG_KEY = "sanity";
 const module = defineNuxtModule({

package/dist/runtime/components/SanityImageAsset.vue

@@ -6,7 +6,7 @@
     :width="imageAsset.metadata.dimensions.width"
     :height="imageAsset.metadata.dimensions.height"
     :alt="imageAsset.altText as (string | undefined)"
-    :placeholder="loading === 'eager' ? undefined : imageAsset.metadata.lqip"
+    :placeholder="loading === 'eager' || !lqip ? undefined : imageAsset.metadata.lqip"
     :loading="loading || 'lazy'"
     :format="imageAsset.mimeType === 'image/svg+xml' ? undefined : 'webp'"
     draggable="false"
@@ -22,13 +22,14 @@ import { resolveImageAssetById } from '../utils/resolveImageAssetById'
 const props = defineProps<{
   asset?: ImageAsset | Reference | null
   loading?: 'eager' | 'lazy'
+  lqip?: boolean
 }>()
 const imageAsset = ref<ImageAsset | null>(null)
 let unwatchFunc = undefined as (() => void) | undefined
 
 async function resolveImageAsset() {
   if (props.asset?._ref) {
-    const assetRef = await resolveImageAssetById((props.asset as Reference)._ref)
+    const assetRef = await resolveImageAssetById((props.asset as Reference)._ref, props.lqip || false)
 
     imageAsset.value = assetRef.value
 

package/dist/runtime/components/SanityLinkExternal.vue

@@ -2,6 +2,8 @@
   <NuxtLink
     :to="data.url"
     :target="data.newWindow ? '_blank' : '_self'"
+    :title="data.linkTitle"
+    :rel="data.relationship"
     external
   >
     <slot />

package/dist/runtime/components/SanityLinkInternal.vue

@@ -1,5 +1,9 @@
 <template>
-  <NuxtLink :to="resolvedLink?.slug">
+  <NuxtLink
+    :to="resolvedLink?.slug"
+    :title="data.linkTitle"
+    :rel="data.relationship"
+  >
     <slot />
   </NuxtLink>
 </template>

package/dist/runtime/utils/resolveImageAssetById.d.ts

@@ -1,3 +1,3 @@
 import type { ImageAsset } from '@sanity/types';
 import type { Ref } from 'vue';
-export declare const resolveImageAssetById: (id: string) => Promise<Ref<ImageAsset | null>>;
+export declare const resolveImageAssetById: (id: string, lqip?: boolean) => Promise<Ref<ImageAsset | null>>;

package/dist/runtime/utils/resolveImageAssetById.js

@@ -1,8 +1,9 @@
 import { IMAGE_ASSET_PROJECTION } from "./projections.js";
 import { useSanityQuery } from "#imports";
-export const resolveImageAssetById = async (id) => {
+export const resolveImageAssetById = async (id, lqip) => {
+  const projection = lqip ? IMAGE_ASSET_PROJECTION : IMAGE_ASSET_PROJECTION.replace("lqip, ", "");
   return (await useSanityQuery(
-    `*[_type == "sanity.imageAsset" && _id == $assetId][0] ${IMAGE_ASSET_PROJECTION}`,
+    `*[_type == "sanity.imageAsset" && _id == $assetId][0] ${projection}`,
     { assetId: id }
   )).data;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "Advanced Sanity integration for Nuxt.js.",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",
@@ -23,34 +23,34 @@
   ],
   "dependencies": {
     "@nuxt/image": "^1.8.1",
-    "@nuxt/kit": "^3.14.1592",
     "@portabletext/vue": "^1.0.11",
     "@sanity/client": "^6.24.1",
-    "@sanity/core-loader": "^1.7.21",
+    "@sanity/core-loader": "^1.7.22",
     "@sanity/preview-url-secret": "^2.0.5",
     "@sanity/types": "^3.68.3",
-    "@sanity/visual-editing": "^2.11.0",
+    "@sanity/visual-editing": "^2.11.3",
     "defu": "^6.1.4",
     "ofetch": "^1.4.1",
     "ohash": "^1.1.4",
-    "unstorage": "^1.14.1"
+    "unstorage": "^1.14.4"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.7.4",
+    "@nuxt/kit": "^3.15.1",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.14.1592",
+    "@nuxt/schema": "^3.15.1",
     "@nuxt/test-utils": "^3.15.1",
     "@types/node": "latest",
     "changelogen": "^0.5.7",
     "eslint": "^9.17.0",
     "h3": "^1.13.0",
-    "nuxt": "^3.14.1592",
+    "nuxt": "^3.15.1",
     "typescript": "~5.6.3",
     "vitest": "^2.1.8",
     "vitest-environment-nuxt": "1.0.1",
     "vue": "3.5.13",
     "vue-router": "^4.5.0",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.1.6"
   },
   "overrides": {
     "react": "18.3.1"