fix: disable Prismic module gracefully on custom client resolution er…

…ror (#224)

Co-authored-by: lihbr <lihbr@users.noreply.github.com>

src/runtime/plugin.ts

@@ -1,7 +1,8 @@
-import type { Client } from '@prismicio/client'
+import { createClient, type Client } from '@prismicio/client'
 import { createPrismic } from '@prismicio/vue'
 
 import type { PrismicModuleOptions } from '../types'
+import { logger } from '../lib/logger'
 import { defineNuxtPlugin } from '#app'
 import NuxtLink from '#app/components/nuxt-link'
 import { useCookie, useRequestEvent, onNuxtReady, refreshNuxtData, useHead, useRuntimeConfig, useRouter } from '#imports'
@@ -15,7 +16,24 @@ import richTextSerializer from '#build/prismic/proxy/richTextSerializer'
 
 export default defineNuxtPlugin(async (nuxtApp) => {
 	const options: PrismicModuleOptions = useRuntimeConfig().public.prismic
-	const client: Client | undefined = typeof _client === 'function' ? await nuxtApp.runWithContext(() => _client()) : _client
+	let client: Client | undefined
+	if (typeof _client === 'function') {
+		try {
+			client = await nuxtApp.runWithContext(() => _client())
+		}
+		catch (error) {
+			logger.error('An error happened while resolving your Prismic custom client, disabling Prismic module gracefully...', error)
+
+			// The Vue plugin still requires a client to work, we're providing an obviously broken one.
+			client = createClient(
+				'error-resolving-custom-client',
+				{ ...options, documentAPIEndpoint: undefined },
+			)
+		}
+	}
+	else {
+		client = _client
+	}
 
 	const endpoint = options.environment || options.endpoint || client?.documentAPIEndpoint || ''