Merge preview and client sanity

merge_clients.js

import Vue from 'vue'
import imageUrlBuilder from '@sanity/image-url'

import sanityClient from '@sanity/client'

function setUpSanity(isDraft = false) {
  return sanityClient({
    // Find your project ID and dataset in `sanity.json` in your studio project
    projectId: process.env.SANITY_PROJECT_ID,
    dataset: 'production',
    useCdn: isDraft,
    withCredentials: !isDraft,
  })
}

// Get a pre-configured url-builder from your sanity client
const builder = imageUrlBuilder(setUpSanity())

Vue.prototype.$urlFor = source => builder.image(source).auto('format')

export default ({ app }, inject) => {
  inject('sanity', setUpSanity)
}