feat: expose createSanityDataAttribute utility (#1042)

docs/content/2.helpers/5.visual-editing.md

@@ -0,0 +1,21 @@
+# 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](https://www.sanity.io/docs/visual-editing-overlays#cb95b19a0263) for more information.
+
+## Example
+
+```vue
+<template>
+  <h1 :data-sanity="createSanityDataAttribute({
+    id: 'the-godfather',
+    type: 'movie',
+    path: 'title',
+  })">The Godfather</h1>
+</template>
+```

src/module.ts

@@ -331,6 +331,7 @@ export default defineNuxtModule<SanityModuleOptions>({
           { name: 'useSanityLiveMode', from: composablesFile },
           { name: 'useSanityVisualEditing', from: composablesFile },
           { name: 'useSanityVisualEditingState', from: composablesFile },
+          { name: 'createDataAttribute', from: '@sanity/visual-editing', as: 'createSanityDataAttribute' },
         ])
       }