@devite/nuxt-sanity 2.11.2 → 2.12.0

package/dist/module.d.mts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { VisualEditingOptions as VisualEditingOptions$1, HistoryRefresh } from '@sanity/visual-editing';
+import { HistoryRefresh, VisualEditingOptions as VisualEditingOptions$1 } from '@sanity/visual-editing';
 import { ClientConfig } from '@sanity/client';
 import { Slug, ImageAsset, PortableTextBlock } from '@sanity/types';
 

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.11.2",
+  "version": "2.12.0",
   "configKey": "sanity",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"
   }
 }

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.11.2";
+const version = "2.12.0";
 
 const CONFIG_KEY = "sanity";
 const module = defineNuxtModule({
@@ -169,7 +169,8 @@ const module = defineNuxtModule({
       // composables
       { name: "useSanityQuery", from: resolve("runtime/composables/query") },
       { name: "useLazySanityQuery", from: resolve("runtime/composables/query") },
-      { name: "useSanityVisualEditingState", from: resolve("runtime/composables/useSanityVisualEditingState") },
+      { name: "useSanityVisualEditingState", from: resolve("runtime/composables/visual_editing_state") },
+      { name: "useSanitySEO", from: resolve("runtime/composables/sanity_seo") },
       // helper methods
       { name: "resolveImageAssetById", from: resolve("runtime/utils/resolveImageAssetById") },
       { name: "resolveInternalLink", from: resolve("runtime/utils/resolveInternalLink") },

package/dist/runtime/components/SanityComponent.vue

@@ -17,40 +17,34 @@
   </component>
 </template>
 
-<script setup lang="ts">
-import { type Component, computed, ref, resolveComponent } from 'vue'
-import type { SanityModule } from '@devite/nuxt-sanity'
-import { SanityImageAsset, SanityLinkExternal, SanityLinkInternal, SanityRichText } from '#components'
-
-const { data } = defineProps<{ data?: SanityModule | Array<SanityModule> }>()
-
-const component = computed<Component | null>(() => {
-  if (Array.isArray(data) && data.every((item) => item._type === 'block')) {
-    return SanityRichText
+<script setup>
+import { computed, ref, resolveComponent } from "vue";
+import { SanityImageAsset, SanityLinkExternal, SanityLinkInternal, SanityRichText } from "#components";
+const { data } = defineProps({
+  data: { type: null, required: false }
+});
+const component = computed(() => {
+  if (Array.isArray(data) && data.every((item) => item._type === "block")) {
+    return SanityRichText;
   }
-
-  if (data && typeof data === 'object' && '_type' in data) {
-    const type = data._type as string
-
+  if (data && typeof data === "object" && "_type" in data) {
+    const type = data._type;
     switch (type) {
-      case 'linkInternal':
-        return SanityLinkInternal
-      case 'linkExternal':
-        return SanityLinkExternal
-      case 'sanity.imageAsset':
-        return SanityImageAsset
+      case "linkInternal":
+        return SanityLinkInternal;
+      case "linkExternal":
+        return SanityLinkExternal;
+      case "sanity.imageAsset":
+        return SanityImageAsset;
       default: {
-        const upperCamelCase = type.charAt(0).toUpperCase() + type.slice(1)
-        const resolvedComponent = resolveComponent('Sanity' + upperCamelCase)
-
-        return resolvedComponent ? (resolvedComponent as Component) : null
+        const upperCamelCase = type.charAt(0).toUpperCase() + type.slice(1);
+        const resolvedComponent = resolveComponent("Sanity" + upperCamelCase);
+        return resolvedComponent ? resolvedComponent : null;
       }
     }
   }
-
-  return null
-})
-
-const componentRef = ref<Component>()
-defineExpose({ componentRef })
+  return null;
+});
+const componentRef = ref();
+defineExpose({ componentRef });
 </script>

package/dist/runtime/components/SanityComponent.vue.d.ts

@@ -0,0 +1,19 @@
+import { type Component } from 'vue';
+import type { SanityModule } from '@devite/nuxt-sanity';
+type __VLS_Props = {
+    data?: SanityModule | Array<SanityModule>;
+};
+declare var __VLS_8: any, __VLS_9: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    componentRef: import("vue").Ref<Component | undefined, Component | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SanityImageAsset.vue

@@ -1,45 +1,41 @@
 <template>
-  <NuxtImg
-    v-if="imageAsset?._id"
-    densities="x1 x2"
-    :src="imageAsset._id"
-    :width="imageAsset.metadata.dimensions.width"
-    :height="imageAsset.metadata.dimensions.height"
-    :alt="imageAsset.altText as (string | undefined)"
-    :placeholder="loading === 'eager' || !lqip ? undefined : imageAsset.metadata.lqip"
-    :loading="loading || 'lazy'"
-    :format="imageAsset.mimeType === 'image/svg+xml' ? 'svg+xml' : 'webp'"
-    draggable="false"
-    provider="cachedSanity"
-  />
+  <NuxtImg
+    v-if="imageAsset?._id"
+    densities="x1 x2"
+    :src="imageAsset._id"
+    :sizes="isSvg ? (imageAsset.metadata.dimensions.width ?? 64) + 'px' : sizes"
+    :width="imageAsset.metadata.dimensions.width"
+    :height="imageAsset.metadata.dimensions.height"
+    :alt="imageAsset.altText"
+    :placeholder="loading === 'eager' || !lqip ? void 0 : imageAsset.metadata.lqip"
+    :loading="loading || 'lazy'"
+    :format="isSvg ? 'svg+xml' : 'webp'"
+    draggable="false"
+    provider="cachedSanity"
+  />
 </template>
 
-<script setup lang="ts">
-import type { ImageAsset, Reference } from '@sanity/types'
-import { ref, watch } from 'vue'
-import { resolveImageAssetById } from '#imports'
-
-const props = defineProps<{
-  asset?: ImageAsset | Reference | null
-  loading?: 'eager' | 'lazy'
-  lqip?: boolean
-}>()
-const imageAsset = ref<ImageAsset | null>(null)
-let unwatchFunc = undefined as (() => void) | undefined
-
+<script setup>
+import { computed, ref, watch } from "vue";
+import { resolveImageAssetById } from "#imports";
+const { asset, lqip } = defineProps({
+  asset: { type: [Object, null], required: false },
+  sizes: { type: String, required: false },
+  loading: { type: String, required: false },
+  lqip: { type: Boolean, required: false }
+});
+const imageAsset = ref(null);
+const isSvg = computed(() => imageAsset.value?.mimeType === "image/svg+xml");
+let unwatchFunc = void 0;
 async function resolveImageAsset() {
-  if (props.asset?._ref) {
-    const assetRef = await resolveImageAssetById((props.asset as Reference)._ref, props.lqip || false)
-
-    imageAsset.value = assetRef.value
-
-    unwatchFunc?.()
-    unwatchFunc = watch(assetRef, (updatedAsset) => imageAsset.value = updatedAsset)
-    return
+  if (asset?._ref) {
+    const assetRef = await resolveImageAssetById(asset._ref, lqip || false);
+    imageAsset.value = assetRef.value;
+    unwatchFunc?.();
+    unwatchFunc = watch(assetRef, (updatedAsset) => imageAsset.value = updatedAsset);
+    return;
   }
-
-  imageAsset.value = (props.asset || null) as ImageAsset | null
+  imageAsset.value = asset || null;
 }
-
-await resolveImageAsset()
+await resolveImageAsset();
 </script>

package/dist/runtime/components/SanityImageAsset.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ImageAsset, Reference } from '@sanity/types';
+type __VLS_Props = {
+    asset?: ImageAsset | Reference | null;
+    sizes?: string;
+    loading?: 'eager' | 'lazy';
+    lqip?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/SanityLinkExternal.vue

@@ -10,8 +10,8 @@
   </NuxtLink>
 </template>
 
-<script setup lang="ts">
-import type { LinkExternal } from '@devite/nuxt-sanity'
-
-defineProps<{ data: LinkExternal }>()
+<script setup>
+defineProps({
+  data: { type: null, required: true }
+});
 </script>

package/dist/runtime/components/SanityLinkExternal.vue.d.ts

@@ -0,0 +1,16 @@
+import type { LinkExternal } from '@devite/nuxt-sanity';
+type __VLS_Props = {
+    data: LinkExternal;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SanityLinkInternal.vue

@@ -8,14 +8,10 @@
   </NuxtLink>
 </template>
 
-<script setup lang="ts">
-import type { Reference } from '@sanity/types'
-import type { LinkInternal } from '@devite/nuxt-sanity'
-import type { Ref } from 'vue'
-import { resolveInternalLink } from '#imports'
-
-const { data } = defineProps<{ data: LinkInternal | { reference: Reference } }>()
-const resolvedLink: Ref<LinkInternal | null> | LinkInternal = 'reference' in data
-  ? await resolveInternalLink(data.reference)
-  : data as LinkInternal
+<script setup>
+import { resolveInternalLink } from "#imports";
+const { data } = defineProps({
+  data: { type: null, required: true }
+});
+const resolvedLink = "reference" in data ? await resolveInternalLink(data.reference) : data;
 </script>

package/dist/runtime/components/SanityLinkInternal.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Reference } from '@sanity/types';
+import type { LinkInternal } from '@devite/nuxt-sanity';
+type __VLS_Props = {
+    data: LinkInternal | {
+        reference: Reference;
+    };
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SanityPage.vue

@@ -1,83 +1,33 @@
 <template>
-  <main v-if="sanityData?.modules?.length">
-    <SanityComponent
-      v-for="module in sanityData.modules"
-      :key="module._key"
-      :data="module"
-    />
-    <slot />
-  </main>
+  <main v-if="sanityData?.modules?.length">
+    <SanityComponent
+      v-for="module in sanityData.modules"
+      :key="module._key"
+      :data="module"
+    />
+    <slot />
+  </main>
 </template>
 
-<script setup lang="ts">
-import { computed, type ComputedRef } from 'vue'
-import type { ImageAsset } from '@sanity/types'
-import type { GlobalSEO, Home, NotFound, Page } from '@devite/nuxt-sanity'
-import { setResponseStatus } from 'h3'
-import { IMAGE_WITHOUT_PREVIEW_PROJECTION, groq, useHead, useRequestEvent, useRoute, useRuntimeConfig, useSanityQuery, useSeoMeta } from '#imports'
-
-const path = useRoute().path
-const groqFilter = path === '/' ? '_type == "home"' : `_type == "page" && slug.current == $slug`
-const { data: sanityData } = await useSanityQuery<Home | Page | NotFound>(
+<script setup>
+import { computed } from "vue";
+import { setResponseStatus } from "h3";
+import { groq, IMAGE_WITHOUT_PREVIEW_PROJECTION, useRequestEvent, useRoute, useRuntimeConfig, useSanityQuery, useSanitySEO } from "#imports";
+const path = useRoute().path;
+const groqFilter = path === "/" ? '_type == "home"' : `_type == "page" && slug.current == $slug`;
+const { data: sanityData } = await useSanityQuery(
   groq`*[(${groqFilter}) || _type == "notFound"][0] { _id, _type, title, modules, seo { _type, indexable, title, shortTitle, description, image ${IMAGE_WITHOUT_PREVIEW_PROJECTION} } }`,
-  { slug: path.substring(1) },
-)
-
-if (sanityData.value?._type === 'notFound' && import.meta.server) {
-  const event = useRequestEvent()
-
+  { slug: path.substring(1) }
+);
+if (sanityData.value?._type === "notFound" && import.meta.server) {
+  const event = useRequestEvent();
   if (event)
-    setResponseStatus(event, 404)
+    setResponseStatus(event, 404);
 }
-
-const { baseUrl } = useRuntimeConfig().public
-const seo = computed(() => sanityData.value?.seo)
-const url = computed(
-  () =>
-    ((baseUrl as string) || '')
-    + ((sanityData.value && ('slug' in sanityData.value ? sanityData.value.slug.current : null)) || '/'),
-)
-
-const { data: globalSEO } = await useSanityQuery<GlobalSEO>(
-  groq`*[_type == 'settings'][0].seo { siteName, image ${IMAGE_WITHOUT_PREVIEW_PROJECTION} }`,
-)
-const image: ComputedRef<ImageAsset | undefined> = computed(
-  () => sanityData.value?.seo.image?.asset || globalSEO.value?.image?.asset,
-)
-const imageUrl = computed(() => image.value?.url)
-const imageDimensions = computed(() => image.value?.metadata.dimensions)
-const imageMimeType = computed(() => image.value?.mimeType as 'image/gif' | 'image/jpeg' | 'image/png' | undefined)
-const imageAlt = computed(() => image.value?.altText as string | undefined)
-
-useHead({
-  meta: [
-    { name: 'og:url', content: () => url.value },
-    { name: 'twitter:url', content: () => url.value },
-  ],
-  link: [{ rel: 'canonical', href: () => url.value }],
-})
-
-useSeoMeta({
-  // indexing
-  robots: () => `${seo.value?.indexable ? '' : 'no'}index,follow`,
-  // title
-  title: () => seo.value?.title || '',
-  ogTitle: () => seo.value?.shortTitle,
-  twitterTitle: () => seo.value?.shortTitle,
-  // description
-  description: () => seo.value?.description,
-  ogDescription: () => seo.value?.description,
-  twitterDescription: () => seo.value?.description,
-  // OpenGraph site name
-  ogSiteName: () => globalSEO.value?.siteName,
-  // OpenGraph Image
-  ogImage: () => imageUrl.value,
-  ogImageWidth: () => imageDimensions.value?.width,
-  ogImageHeight: () => imageDimensions.value?.height,
-  ogImageType: () => imageMimeType.value,
-  ogImageAlt: () => imageAlt.value,
-  // Twitter Image
-  twitterImage: () => imageUrl.value,
-  twitterImageAlt: () => imageAlt.value,
-})
+const { baseUrl } = useRuntimeConfig().public;
+const seo = computed(() => sanityData.value?.seo);
+useSanitySEO(
+  (baseUrl || "") + (sanityData.value && ("slug" in sanityData.value ? sanityData.value.slug.current : null) || "/"),
+  seo
+);
 </script>

package/dist/runtime/components/SanityPage.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SanityPictureAsset.vue

@@ -1,49 +1,45 @@
 <template>
-  <NuxtPicture
-    v-if="imageAsset?._id"
-    densities="x1 x2"
-    :src="imageAsset._id"
-    :width="imageAsset.metadata.dimensions.width"
-    :height="imageAsset.metadata.dimensions.height"
-    :alt="imageAsset.altText as (string | undefined)"
-    :placeholder="loading === 'eager' || !lqip ? undefined : imageAsset.metadata.lqip"
-    :loading="loading || 'lazy'"
-    :format="imageAsset.mimeType === 'image/svg+xml' ? 'svg+xml' : 'webp'"
-    legacy-format="png"
-    :img-attrs="{ ...imgAttrs, draggable: false }"
-    provider="cachedSanity"
-  >
-    <slot />
-  </NuxtPicture>
+  <NuxtPicture
+    v-if="imageAsset?._id"
+    densities="x1 x2"
+    :src="imageAsset._id"
+    :sizes="isSvg ? (imageAsset.metadata.dimensions.width ?? 64) + 'px' : sizes"
+    :width="imageAsset.metadata.dimensions.width"
+    :height="imageAsset.metadata.dimensions.height"
+    :alt="imageAsset.altText"
+    :placeholder="loading === 'eager' || !lqip ? void 0 : imageAsset.metadata.lqip"
+    :loading="loading || 'lazy'"
+    :format="imageAsset.mimeType === 'image/svg+xml' ? 'svg+xml' : 'webp'"
+    legacy-format="png"
+    :img-attrs="{ ...imgAttrs, draggable: false }"
+    provider="cachedSanity"
+  >
+    <slot />
+  </NuxtPicture>
 </template>
 
-<script setup lang="ts">
-import type { ImageAsset, Reference } from '@sanity/types'
-import { ref, watch } from 'vue'
-import { resolveImageAssetById } from '#imports'
-
-const props = defineProps<{
-  asset?: ImageAsset | Reference | null
-  loading?: 'eager' | 'lazy'
-  lqip?: boolean
-  imgAttrs?: Record<string, unknown>
-}>()
-const imageAsset = ref<ImageAsset | null>(null)
-let unwatchFunc = undefined as (() => void) | undefined
-
+<script setup>
+import { computed, ref, watch } from "vue";
+import { resolveImageAssetById } from "#imports";
+const { asset } = defineProps({
+  asset: { type: [Object, null], required: false },
+  sizes: { type: String, required: false },
+  loading: { type: String, required: false },
+  lqip: { type: Boolean, required: false },
+  imgAttrs: { type: Object, required: false }
+});
+const imageAsset = ref(null);
+const isSvg = computed(() => imageAsset.value?.mimeType === "image/svg+xml");
+let unwatchFunc = void 0;
 async function resolveImageAsset() {
-  if (props.asset?._ref) {
-    const assetRef = await resolveImageAssetById((props.asset as Reference)._ref, false)
-
-    imageAsset.value = assetRef.value
-
-    unwatchFunc?.()
-    unwatchFunc = watch(assetRef, (updatedAsset) => imageAsset.value = updatedAsset)
-    return
+  if (asset?._ref) {
+    const assetRef = await resolveImageAssetById(asset._ref, false);
+    imageAsset.value = assetRef.value;
+    unwatchFunc?.();
+    unwatchFunc = watch(assetRef, (updatedAsset) => imageAsset.value = updatedAsset);
+    return;
   }
-
-  imageAsset.value = (props.asset || null) as ImageAsset | null
+  imageAsset.value = asset || null;
 }
-
-await resolveImageAsset()
+await resolveImageAsset();
 </script>

package/dist/runtime/components/SanityPictureAsset.vue.d.ts

@@ -0,0 +1,20 @@
+import type { ImageAsset, Reference } from '@sanity/types';
+type __VLS_Props = {
+    asset?: ImageAsset | Reference | null;
+    sizes?: string;
+    loading?: 'eager' | 'lazy';
+    lqip?: boolean;
+    imgAttrs?: Record<string, unknown>;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SanityRichText.vue

@@ -5,48 +5,43 @@
   />
 </template>
 
-<script setup lang="ts">
-import { PortableText, type PortableTextComponents } from '@portabletext/vue'
-import type { PortableTextChild, PortableTextSpan } from '@sanity/types'
-import type { RichText } from '@devite/nuxt-sanity'
-import { computed, h } from 'vue'
-import { SanityLinkExternal, SanityLinkInternal } from '#components'
-
-const props = defineProps<{ data: RichText, placeholders?: Record<string, string> }>()
+<script setup>
+import { PortableText } from "@portabletext/vue";
+import { computed, h } from "vue";
+import { SanityLinkExternal, SanityLinkInternal } from "#components";
+const props = defineProps({
+  data: { type: null, required: true },
+  placeholders: { type: Object, required: false }
+});
 const currentData = computed(() => {
   return props.data.map((block) => {
     return {
       ...block,
-      children: replaceChildren(block.children as PortableTextChild[]),
-    }
-  })
-})
-
-function replaceChildren(children: PortableTextChild[]): PortableTextChild[] {
+      children: replaceChildren(block.children)
+    };
+  });
+});
+function replaceChildren(children) {
   return children.map((child) => {
-    if (child._type === 'span') {
+    if (child._type === "span") {
       return {
         ...child,
-        text: replacePlaceholders((child as PortableTextSpan).text),
-      }
+        text: replacePlaceholders(child.text)
+      };
     }
-
-    return child
-  })
+    return child;
+  });
 }
-
-function replacePlaceholders(text: string) {
+function replacePlaceholders(text) {
   return text.replace(/\{\{(.*?)}}/g, (match, key) => {
-    if (!props.placeholders || !Object.prototype.hasOwnProperty.call(props.placeholders, key)) return match
-
-    return props.placeholders[key]
-  })
+    if (!props.placeholders || !Object.prototype.hasOwnProperty.call(props.placeholders, key)) return match;
+    return props.placeholders[key];
+  });
 }
-
-const richTextSerializer: PortableTextComponents = {
+const richTextSerializer = {
   marks: {
     linkExternal: ({ value }, { slots }) => h(SanityLinkExternal, { data: value }, slots.default),
-    linkInternal: ({ value }, { slots }) => h(SanityLinkInternal, { data: value }, slots.default),
-  },
-}
+    linkInternal: ({ value }, { slots }) => h(SanityLinkInternal, { data: value }, slots.default)
+  }
+};
 </script>

package/dist/runtime/components/SanityRichText.vue.d.ts

@@ -0,0 +1,7 @@
+import type { RichText } from '@devite/nuxt-sanity';
+type __VLS_Props = {
+    data: RichText;
+    placeholders?: Record<string, string>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/composables/query.js

@@ -3,7 +3,7 @@ import { useAsyncData, useLazyAsyncData } from "nuxt/app";
 import { reactive, ref } from "vue";
 import defu from "defu";
 import useSanityClient from "../utils/useSanityClient.js";
-import { useSanityVisualEditingState } from "./useSanityVisualEditingState.js";
+import { useSanityVisualEditingState } from "./visual_editing_state.js";
 import { useRuntimeConfig } from "#imports";
 export function useLazySanityQuery(query, params = {}, options = {}) {
   return useSanityQuery(query, params, options, true);

package/dist/runtime/composables/sanity_seo.d.ts

@@ -0,0 +1,3 @@
+import type { SEO } from '@devite/nuxt-sanity';
+import { type Ref } from 'vue';
+export declare const useSanitySEO: (url: string, seo: Ref<SEO | undefined>) => void;

package/dist/runtime/composables/sanity_seo.js

@@ -0,0 +1,46 @@
+import { computed } from "vue";
+import { groq, IMAGE_WITHOUT_PREVIEW_PROJECTION, useHead, useSanityQuery, useSeoMeta } from "#imports";
+export const useSanitySEO = (url, seo) => {
+  const { data: globalSEO } = useSanityQuery(
+    groq`*[_type == 'settings'][0].seo { siteName, image ${IMAGE_WITHOUT_PREVIEW_PROJECTION} }`
+  );
+  const image = computed(
+    () => seo.value?.image?.asset ?? globalSEO.value?.image?.asset
+  );
+  const imageUrl = computed(() => image.value?.url);
+  const imageDimensions = computed(() => image.value?.metadata.dimensions);
+  const imageMimeType = computed(
+    () => image.value?.mimeType
+  );
+  const imageAlt = computed(() => image.value?.altText);
+  useHead({
+    meta: [
+      { name: "og:url", content: () => url },
+      { name: "twitter:url", content: () => url }
+    ],
+    link: [{ rel: "canonical", href: () => url }]
+  });
+  useSeoMeta({
+    // indexing
+    robots: () => (seo.value?.indexable ? "" : "no") + `index,follow`,
+    // title
+    title: () => seo.value?.title ?? "",
+    ogTitle: () => seo.value?.shortTitle,
+    twitterTitle: () => seo.value?.shortTitle,
+    // description
+    description: () => seo.value?.description,
+    ogDescription: () => seo.value?.description,
+    twitterDescription: () => seo.value?.description,
+    // OpenGraph site name
+    ogSiteName: () => globalSEO.value?.siteName,
+    // OpenGraph Image
+    ogImage: () => imageUrl.value,
+    ogImageWidth: () => imageDimensions.value?.width,
+    ogImageHeight: () => imageDimensions.value?.height,
+    ogImageType: () => imageMimeType.value,
+    ogImageAlt: () => imageAlt.value,
+    // Twitter Image
+    twitterImage: () => imageUrl.value,
+    twitterImageAlt: () => imageAlt.value
+  });
+};

package/dist/runtime/imageProviders/sanity.js

@@ -1,4 +1,4 @@
-import { useSanityVisualEditingState } from "../composables/useSanityVisualEditingState.js";
+import { useSanityVisualEditingState } from "../composables/visual_editing_state.js";
 import { getImage as getSanityImage } from "#image/providers/sanity";
 export function getImage(src, { modifiers = {}, projectId, dataset, cacheEndpoint }, context) {
   modifiers.format = modifiers.format === "svg+xml" ? void 0 : modifiers.format;

package/dist/runtime/plugins/visual-editing.client.js

@@ -1,4 +1,4 @@
-import { useSanityVisualEditingState } from "../composables/useSanityVisualEditingState.js";
+import { useSanityVisualEditingState } from "../composables/visual_editing_state.js";
 import useSanityClient from "../utils/useSanityClient.js";
 import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
 export default defineNuxtPlugin(() => {

package/dist/runtime/plugins/visual-editing.server.js

@@ -1,9 +1,9 @@
-import { useSanityVisualEditingState } from "../composables/useSanityVisualEditingState.js";
+import { useSanityVisualEditingState } from "../composables/visual_editing_state.js";
 import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#imports";
 export default defineNuxtPlugin(() => {
   const visualEditingState = useSanityVisualEditingState();
   const $config = useRuntimeConfig();
-  const previewModeId = $config.sanity.visualEditing.previewModeId;
+  const previewModeId = $config.sanity.visualEditing?.previewModeId;
   if ($config.public.sanity.visualEditing?.previewMode && previewModeId) {
     const previewModeCookie = useCookie("__sanity_preview");
     visualEditingState.enabled = previewModeId === previewModeCookie.value;

package/dist/types.d.mts

@@ -1,7 +1,3 @@
-import type { NuxtModule } from '@nuxt/schema'
+export { default } from './module.mjs'
 
-import type { default as Module } from './module.js'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module.js'
+export { type GlobalSEO, type Home, type LinkExternal, type LinkInternal, type ModuleOptions, type NotFound, type Page, type RichText, type SEO, type SanityArray, type SanityModule, type SanityVisualEditingMode, type SanityVisualEditingRefreshHandler, type VisualEditingOptions } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.11.2",
+  "version": "2.12.0",
   "description": "Advanced Sanity integration for Nuxt.js.",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",
@@ -29,33 +29,33 @@
   "dependencies": {
     "@nuxt/image": "^1.10.0",
     "@portabletext/vue": "^1.0.12",
-    "@sanity/client": "^6.29.0",
-    "@sanity/core-loader": "^1.8.5",
-    "@sanity/preview-url-secret": "^2.1.8",
-    "@sanity/types": "^3.86.0",
-    "@sanity/visual-editing": "^2.13.18",
+    "@sanity/client": "^7.2.1",
+    "@sanity/core-loader": "^1.8.8",
+    "@sanity/preview-url-secret": "^2.1.11",
+    "@sanity/types": "^3.88.2",
+    "@sanity/visual-editing": "^2.13.21",
     "defu": "^6.1.4",
     "ofetch": "^1.4.1",
     "ohash": "^1.1.6",
-    "unstorage": "^1.15.0"
+    "unstorage": "^1.16.0"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.7.6",
-    "@nuxt/kit": "^3.16.2",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.16.2",
-    "@nuxt/test-utils": "^3.17.2",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/kit": "^3.17.2",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.17.2",
+    "@nuxt/test-utils": "^3.18.0",
     "@types/node": "latest",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.25.1",
-    "h3": "^1.15.1",
-    "nuxt": "^3.16.2",
-    "typescript": "5.6.3",
-    "vite": "6.0.1",
-    "vitest": "^2.1.9",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.26.0",
+    "h3": "^1.15.3",
+    "nuxt": "^3.17.2",
+    "typescript": "5.8.3",
+    "vite": "6.3.5",
+    "vitest": "^3.1.3",
     "vitest-environment-nuxt": "1.0.1",
     "vue": "3.5.13",
-    "vue-router": "^4.5.0",
+    "vue-router": "^4.5.1",
     "vue-tsc": "^2.2.10"
   },
   "resolutions": {

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,126 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { VisualEditingOptions as VisualEditingOptions$1, HistoryRefresh } from '@sanity/visual-editing';
-import { ClientConfig } from '@sanity/client';
-import { Slug, ImageAsset, PortableTextBlock } from '@sanity/types';
-
-type ModuleOptions = ClientConfig & {
-    projectId?: string;
-    /** @default "production" */
-    dataset?: string;
-    /** @default { cachingEnabled: true, cacheBaseUrl: "http://localhost:3000", assetEndpoint: "/_sanity/cache/asset", queryEndpoint: "/_sanity/cache/query", webhookEndpoint: "/_sanity/cache/invalidate" } */
-    minimalClient?: boolean | {
-        cachingEnabled?: boolean;
-        /**
-         * This is the base url for fetching data after hydration
-         * @default 'http://localhost:3000'
-         */
-        cacheClientBaseUrl?: string;
-        /**
-         * This is the base url for fetching data during SSR
-         * @default 'http://localhost:3000'
-         */
-        cacheServerBaseUrl?: string;
-        assetEndpoint?: string;
-        queryEndpoint?: string;
-        webhookEndpoint?: string;
-        webhookSecret?: string;
-    };
-    /** @default true */
-    useCdn?: boolean;
-    /** @default "2024-08-08" */
-    apiVersion?: string;
-    visualEditing?: VisualEditingOptions;
-};
-interface VisualEditingOptions {
-    /** @default { enableEndpoint: "/_sanity/preview/enable", disableEndpoint: "/_sanity/preview/disable" } */
-    previewMode?: boolean | {
-        enableEndpoint?: string;
-        disableEndpoint?: string;
-    };
-    previewModeId?: string;
-    /** @default "live-visual-editing" */
-    mode?: SanityVisualEditingMode;
-    /** @default "/_sanity/fetch" */
-    proxyEndpoint?: string;
-    token?: string;
-    studioUrl?: string;
-    /** @default true */
-    stega?: boolean;
-    /** This function is only required if `mode` is set to 'visual-editing' */
-    refresh?: SanityVisualEditingRefreshHandler;
-    /** @default 100 */
-    zIndex?: VisualEditingOptions$1['zIndex'];
-}
-type SanityVisualEditingMode = 'live-visual-editing' | 'visual-editing' | 'custom';
-type SanityVisualEditingRefreshHandler = (payload: HistoryRefresh, refreshDefault: () => false | Promise<void>) => false | Promise<void>;
-
-interface Page {
-    _id: string;
-    _type: 'page';
-    title: string;
-    slug: Slug;
-    modules: SanityArray<SanityModule>;
-    seo: SEO;
-}
-
-interface GlobalSEO {
-    siteName: string;
-    image: {
-        asset: ImageAsset;
-    };
-}
-
-interface LinkExternal {
-    _type: 'linkExternal';
-    url: string;
-    newWindow: boolean;
-    linkTitle?: string;
-    relationship?: string;
-}
-
-interface LinkInternal {
-    _type: 'linkInternal';
-    slug: string;
-    linkTitle?: string;
-    relationship?: string;
-}
-
-interface SEO {
-    _type: 'seo';
-    indexable: boolean;
-    priority: number;
-    changeFreq: 'always' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never';
-    title: string;
-    shortTitle: string;
-    description: string;
-    image?: {
-        asset: ImageAsset;
-    };
-}
-
-type RichText = PortableTextBlock[];
-
-interface Home {
-    _type: 'home';
-    modules: SanityArray<SanityModule>;
-    seo: SEO;
-}
-
-interface NotFound {
-    _type: 'notFound';
-    modules: SanityArray<SanityModule>;
-    seo: SEO;
-}
-
-type SanityModule = {
-    _type?: string;
-};
-
-type SanityArray<T> = Array<T & {
-    _key: string;
-}>;
-
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { GlobalSEO, Home, LinkExternal, LinkInternal, ModuleOptions, NotFound, Page, RichText, SEO, SanityArray, SanityModule, SanityVisualEditingMode, SanityVisualEditingRefreshHandler, VisualEditingOptions };

package/dist/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module'