fix: add missing preview mode check

src/module.ts

@@ -186,6 +186,7 @@ export default defineNuxtModule<SanityModuleOptions>({
 
     nuxt.options.runtimeConfig.sanity = defu(nuxt.options.runtimeConfig.sanity, {
       visualEditing: options.visualEditing && {
+        ...visualEditing,
         previewModeId: visualEditing!.previewMode ? crypto.randomBytes(16).toString('hex') : '',
         token: options.visualEditing.token || '',
       },

src/runtime/plugins/visual-editing.client.ts

@@ -1,10 +1,16 @@
 // @ts-expect-error need correct typing of #imports
-import { defineNuxtPlugin, useRuntimeConfig, useSanityVisualEditing, useSanityLiveMode } from '#imports'
+import { defineNuxtPlugin, useRuntimeConfig, useSanityVisualEditing, useSanityLiveMode, useState } from '#imports'
 
 export default defineNuxtPlugin(() => {
   const $config = useRuntimeConfig();
   const { visualEditing } = $config.public.sanity;
 
+  // The state value will be true if preview mode is enabled.
+  // If preview mode is not enabled, return early.
+  if (!useState('_sanity_visualEditing').value) {
+    return
+  }
+
   if (
     visualEditing?.mode === 'live-visual-editing' ||
     visualEditing?.mode === 'visual-editing'

src/runtime/plugins/visual-editing.server.ts

@@ -6,9 +6,13 @@ export default defineNuxtPlugin(() => {
   const $config = useRuntimeConfig()
   const { visualEditing } = $config.sanity
 
+  // If preview mode is _configured_ (i.e. `visualEditing.previewMode` is set)
+  // check the cookie value against `previewModeId` to determine if visual
+  // editing is enabled.
   if (visualEditing?.previewMode) {
     const previewModeCookie = useCookie('__sanity_preview')
     enabled.value = previewModeCookie.value === visualEditing.previewModeId
+  // If preview mode is _not_ configured, just enable visual editing.
   } else if (typeof visualEditing === 'object' && !visualEditing.previewMode) {
     enabled.value = true
   }