@devite/nuxt-sanity 1.1.1 → 1.1.3

package/dist/module.json

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

package/dist/runtime/components/SanityComponent.vue

@@ -10,29 +10,29 @@
 
 <script setup lang="ts">
 import type { Component } from '@nuxt/schema'
-import { resolveComponent } from '#imports'
+import { computed, resolveComponent } from '#imports'
 import { SanityLinkExternal, SanityLinkInternal, SanityRichText } from '#components'
 
-const props = defineProps<{ data?: object }>()
+const { data } = defineProps<{ data?: object }>()
 
-const type = props.data?._type
-let component: Component
+const component = computed<Component>(() => {
+  const type = data?._type
 
-switch (type) {
-  case 'linkInternal':
-    component = SanityLinkInternal
-    break
-  case 'linkExternal':
-    component = SanityLinkExternal
-    break
-  default:
-    if (props.data?.constructor.name === 'Array' && props.data.every(item => item._type === 'block'))
-      component = SanityRichText
-    else if (type) {
-      const upperCamelCase = type.charAt(0).toUpperCase() + type.slice(1)
-      component = resolveComponent('Sanity' + upperCamelCase)
-    }
+  switch (type) {
+    case 'linkInternal':
+      return SanityLinkInternal
+    case 'linkExternal':
+      return SanityLinkExternal
+    default:
+      if (data?.constructor.name === 'Array' && data.every(item => item._type === 'block'))
+        return SanityRichText
+      else if (type) {
+        const upperCamelCase = type.charAt(0).toUpperCase() + type.slice(1)
 
-    break
-}
+        return resolveComponent('Sanity' + upperCamelCase)
+      }
+  }
+
+  return null
+})
 </script>

package/dist/runtime/components/SanityPage.vue

@@ -24,24 +24,26 @@ import { computed } from '#imports'
 const { baseURL } = useRuntimeConfig().public
 
 const path = useRoute().fullPath
-const groqFilter = path === '/' ? '_type == "home"' : `_type == "page" && slug.current == "${path.substring(1)}"`
-const { data: sanityData } = await useSanityQuery<Home | Page | NotFound>(groq`*[(${groqFilter}) || _type == "notFound"][0] { _id, _type, title, modules, seo { _type, indexable, title, shortTitle, description, image ${IMAGE_WITHOUT_PREVIEW_PROJECTION} } }`)
+const groqFilter = path === '/' ? '_type == "home"' : `_type == "page" && slug.current == $slug`
+const { data: sanityData } = await useSanityQuery<Home | Page | NotFound>(groq`*[(${groqFilter}) || _type == "notFound"][0] { _id, _type, title, modules, seo { _type, indexable, title, shortTitle, description, image ${IMAGE_WITHOUT_PREVIEW_PROJECTION} } }`, { slug: path.substring(1) })
 
 const seo = computed(() => sanityData.value?.seo)
 const url = computed(() => baseURL + (sanityData.value?.slug || '/'))
 
 const { data: globalSEO } = await useSanityQuery<GlobalSEO>(groq`*[_type == 'settings'][0].seo { siteName, image ${IMAGE_WITHOUT_PREVIEW_PROJECTION} }`)
 const image: ComputedRef<ImageAsset> = computed(() => sanityData.value?.image?.asset || globalSEO.value?.image?.asset)
+const imageUrl = computed(() => image.value?.url)
+const imageDimensions = computed(() => image.value?.metadata.dimensions)
 
 useHead({
   meta: [
     { name: 'site_name', content: () => globalSEO.value?.siteName },
-    { name: 'og:image', content: () => image.value?.url },
-    { name: 'og:image:width', content: () => image.value?.metadata.dimensions.width },
-    { name: 'og:image:height', content: () => image.value?.metadata.dimensions.height },
-    { name: 'twitter:image', content: () => image.value?.url },
-    { name: 'twitter:image:width', content: () => image.value?.metadata.dimensions.width },
-    { name: 'twitter:image:height', content: () => image.value?.metadata.dimensions.height },
+    { name: 'og:image', content: () => imageUrl.value },
+    { name: 'og:image:width', content: () => imageDimensions.value?.width },
+    { name: 'og:image:height', content: () => imageDimensions.value?.height },
+    { name: 'twitter:image', content: () => imageUrl.value },
+    { name: 'twitter:image:width', content: () => imageDimensions.value?.width },
+    { name: 'twitter:image:height', content: () => imageDimensions.value?.height },
     { name: 'og:url', content: () => url.value },
     { name: 'twitter:url', content: () => url.value },
   ],
@@ -51,7 +53,7 @@ useHead({
 })
 
 useSeoMeta({
-  robots: () => ((seo.value?.indexable ? '' : 'no') + 'index,follow'),
+  robots: () => `${seo.value?.indexable ? '' : 'no'}index,follow`,
   title: () => seo.value?.title,
   description: () => seo.value?.description,
   ogTitle: () => seo.value?.shortTitle,

package/dist/runtime/utils/resolveImageAssetById.js

@@ -1,5 +1,5 @@
 import { useSanityQuery } from "@nuxtjs/sanity/runtime/composables";
 import { IMAGE_ASSET_PROJECTION } from "./projections.js";
 export const resolveImageAssetById = async (id) => {
-  return await useSanityQuery(`*[_type == "sanity.imageAsset" && _id == $assetId][0] ${IMAGE_ASSET_PROJECTION}`, { assetId: id });
+  return (await useSanityQuery(`*[_type == "sanity.imageAsset" && _id == $assetId][0] ${IMAGE_ASSET_PROJECTION}`, { assetId: id })).data.value;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "1.1.1",
-  "description": "Optimizes the configuration for @nuxt/sanity and provides additional helper components.",
+  "version": "1.1.3",
+  "description": "Provides additional helper components and utilities for the Nuxt.js Sanity module",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",
   "author": {