rylanharper

import { Flex, Stack, Text } from '@sanity/ui'
import React, { useCallback } from 'react'
import { set, StringInputProps, unset } from 'sanity'

type ColorCircleProps = {
  colorName: string
  hex: string
  active: boolean
  onClickHandler: (val: string) => void
}

rylanharper

import type { RouteLocationNormalized } from '#vue-router';
import type { RouterConfig } from 'nuxt/schema';

import { START_LOCATION } from 'vue-router';

import { useNuxtApp } from '#app/nuxt';

function calculatePosition(
  to: RouteLocationNormalized,
  savedPosition: ScrollToOptions | null,

rylanharper

<script setup>
const query = groq`*[_type == "page" && slug.current == $slug]|order(_updatedAt desc)[0] {
  ... // your schema data
}`

// Create slug
const route = useRoute()
const params = {
  slug: route.params.slug
}

rylanharper

import { gsap } from 'gsap'
import { CustomEase } from 'gsap/CustomEase'
import { ScrollTrigger } from 'gsap/ScrollTrigger'
import { ScrollToPlugin } from 'gsap/ScrollToPlugin'

export default defineNuxtPlugin(async () => {
  gsap.registerPlugin(CustomEase, ScrollToPlugin, ScrollTrigger)

  return {
    provide: { gsap, CustomEase, ScrollToPlugin, ScrollTrigger }

rylanharper

<nuxt-page :transition="globalTransition" />

rylanharper

_type == "picture" => {
  _type,
  "image": {
    ...,
    "height": asset->metadata.dimensions.height,
    "width": asset->metadata.dimensions.width,
    "dimensions": asset->metadata.dimensions,
    "blurhash": asset->metadata.blurHash,
    "lqip": asset->metadata.lqip
  }

rylanharper

export default {
  name: 'ProductReference',

  props: {
    product: {
      type: Object,
      required: true
    }
  },