@devite/nuxt-sanity 1.4.0 → 1.5.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@devite/nuxt-sanity",
   "configKey": "@devite/nuxt-sanity",
-  "version": "1.4.0",
+  "version": "1.5.2",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/runtime/components/SanityImageAsset.vue

@@ -14,8 +14,11 @@
 </template>
 
 <script setup lang="ts">
-import type { ImageAsset } from '@sanity/types'
+import type { ImageAsset, Reference } from '@sanity/types'
+import { type Ref, resolveImageAssetById } from '#imports'
 
-const { asset, loading = 'lazy' } = defineProps<{ asset?: ImageAsset, loading?: 'lazy' | 'eager' }>()
-const imageAsset = asset?._ref ? await resolveImageAssetById(asset._ref) : asset
+const { asset, loading = 'lazy' } = defineProps<{ asset?: ImageAsset | Reference, loading?: 'lazy' | 'eager' }>()
+const imageAsset: Ref<ImageAsset | undefined> | ImageAsset | undefined = asset?._ref
+  ? await resolveImageAssetById((asset as Reference)._ref)
+  : asset as (ImageAsset | undefined)
 </script>

package/dist/runtime/components/SanityLinkInternal.vue

@@ -1,6 +1,7 @@
 <template>
   <NuxtLink
-    :to="data.slug"
+    v-if="resolvedLink"
+    :to="resolvedLink.slug"
   >
     <slot />
   </NuxtLink>
@@ -8,6 +9,11 @@
 
 <script setup lang="ts">
 import type { LinkInternal } from '@devite/nuxt-sanity'
+import type { Reference } from '@sanity/types'
+import { type Ref, resolveInternalLink } from '#imports'
 
-defineProps<{ data: LinkInternal }>()
+const { data } = defineProps<{ data: LinkInternal | { reference: Reference } }>()
+const resolvedLink: Ref<LinkInternal | undefined> | LinkInternal = 'reference' in data
+  ? await resolveInternalLink(data.reference)
+  : data as LinkInternal
 </script>

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

@@ -1,3 +1,4 @@
 export declare const IMAGE_ASSET_PROJECTION: any;
 export declare const IMAGE_WITHOUT_PREVIEW_PROJECTION: any;
 export declare const IMAGE_WITH_PREVIEW_PROJECTION: any;
+export declare const LINK_PROJECTION: any;

package/dist/runtime/utils/projections.js

@@ -15,3 +15,8 @@ export const IMAGE_WITH_PREVIEW_PROJECTION = groq`{
   _type,
   asset-> ${IMAGE_ASSET_PROJECTION}
 }`;
+export const LINK_PROJECTION = groq`{
+  '_type': @._type,
+  _type == 'linkExternal' => { url, newWindow },
+  _type == 'linkInternal' => { 'slug': coalesce(@.reference->slug.current, '/') }
+}`;

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

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

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

@@ -0,0 +1,4 @@
+import type { Reference } from '@sanity/types';
+import type { LinkInternal } from '@devite/nuxt-sanity';
+import type { Ref } from '#imports';
+export declare const resolveInternalLink: (reference: Reference) => Promise<Ref<LinkInternal | undefined>>;

package/dist/runtime/utils/resolveInternalLink.js

@@ -0,0 +1,4 @@
+import { useSanityQuery } from "@nuxtjs/sanity/runtime/composables/visual-editing";
+export const resolveInternalLink = async (reference) => {
+  return (await useSanityQuery(`*[_id == $documentId][0] { '_type': 'linkInternal', 'slug': coalesce(slug.current, '/') }`, { documentId: reference._ref })).data;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "1.4.0",
+  "version": "1.5.2",
   "description": "Provides additional helper components and utilities for the Nuxt.js Sanity module",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",
@@ -26,23 +26,22 @@
     "@nuxt/kit": "^3.13.2",
     "@nuxtjs/sanity": "^1.12.2",
     "@portabletext/vue": "^1.0.11",
-    "@sanity/client": "^6.22.1",
-    "@sanity/types": "^3.60.0"
+    "@sanity/client": "^6.24.1",
+    "@sanity/types": "^3.66.1"
   },
   "devDependencies": {
     "@devite/nuxt-sanity": "link:",
-    "@nuxt/devtools": "^1.6.0",
     "@nuxt/eslint-config": "^0.5.7",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/schema": "^3.13.2",
-    "@nuxt/test-utils": "^3.14.3",
-    "@types/node": "latest",
+    "@nuxt/test-utils": "^3.15.1",
+    "@types/node": "^22.10.1",
     "changelogen": "^0.5.7",
     "eslint": "^9.12.0",
     "nuxt": "^3.13.2",
-    "typescript": "latest",
-    "vitest": "^2.1.2",
-    "vue-tsc": "^2.1.6"
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8",
+    "vue-tsc": "^2.1.10"
   },
   "scripts": {
     "dev": "nuxi dev playground",