Visual Editing

When visual editing is enabled, this module exports a createSanityDataAttribute helper function which allows you to manually map content in a component to its source.

It is globally available throughout your project (both within your server routes and your Vue app) via auto-imports.

See the Sanity documentation for more information.

Example

<template>
  <h1 :data-sanity="createSanityDataAttribute({
    id: 'the-godfather',
    type: 'movie',
    path: 'title',
  })">The Godfather</h1>
</template>