@nuxtjs/prismic 4.0.0 → 4.1.0-pr.235.94cfeb5

package/src/module.ts

@@ -1,115 +1,228 @@
-import { join } from 'node:path'
-import { readFile } from 'node:fs/promises'
-import { existsSync } from 'node:fs'
+import { existsSync } from "node:fs"
+import { readFile } from "node:fs/promises"
+import { join } from "node:path"
 
-import { defu } from 'defu'
 import {
-	defineNuxtModule,
-	createResolver,
-	addTemplate,
-	addPlugin,
-	addImports,
 	addComponent,
+	addImports,
+	addPlugin,
+	addTemplate,
+	createResolver,
+	defineNuxtModule,
 	extendPages,
 	getNuxtVersion,
-} from '@nuxt/kit'
+	useLogger,
+} from "@nuxt/kit"
+import type { ClientConfig } from "@prismicio/client"
+import { defu } from "defu"
 
-import * as prismicVue from '@prismicio/vue'
-import { setupDevToolsUI } from './devtools'
+/**
+ * Prismic Nuxt module options.
+ *
+ * @see {@link https://prismic.io/docs/nuxt}
+ * @see {@link https://prismic.io/docs/technical-reference/nuxtjs-prismic}
+ */
+export type PrismicModuleOptions = {
+	/**
+	 * The Prismic repository name or full Content API endpoint to init the
+	 * module's client instance used to fetch content from a Prismic repository
+	 * with.
+	 *
+	 * @example
+	 *
+	 * ```typescript
+	 * // With a repository name
+	 * createClient("my-repo")
+	 *
+	 * // With a full Prismic Content API endpoint
+	 * createClient("https://my-repo.cdn.prismic.io/api/v2")
+	 * ```
+	 *
+	 * @see {@link https://prismic.io/docs/technical-reference/prismicio-client}
+	 */
+	endpoint?: string
 
-import { logger, fileExists } from './lib'
-import type { PrismicModuleOptions } from './types'
+	/**
+	 * The Prismic environment in use by Slice Machine configured through
+	 * environment variables.
+	 *
+	 * @defaultValue `endpoint` value.
+	 *
+	 * @internal
+	 */
+	environment?: string
 
-// Options export
-export type { PrismicModuleOptions, PrismicModuleOptions as ModuleOptions } from './types'
+	/**
+	 * Configuration options that determines how content will be queries from the
+	 * Prismic repository.
+	 *
+	 * @see {@link https://prismic.io/docs/technical-reference/prismicio-client}
+	 */
+	clientConfig?: ClientConfig
 
-declare module '@nuxt/schema' {
-	interface PublicRuntimeConfig {
+	/**
+	 * An optional path to a file exporting a Prismic client instance used to
+	 * fetch content from a Prismic repository to configure the module with.
+	 *
+	 * @remarks
+	 * When provided, it takes precedence over the `endpoint` and `clientConfig`
+	 * options.
+	 *
+	 * @see {@link https://prismic.io/docs/technical-reference/prismicio-client}
+	 */
+	client?: string
+
+	/**
+	 * Desired path of the preview page used by Prismic to enter preview session.
+	 *
+	 * @remarks
+	 * `false` can be used to disable the preview page.
+	 *
+	 * @defaultValue `"/preview"`
+	 */
+	preview?: string | false
+
+	/**
+	 * Whether to inject Prismic toolbar script.
+	 *
+	 * @remarks
+	 * The toolbar script is required for previews to work.
+	 *
+	 * @defaultValue `true`
+	 */
+	toolbar?: boolean
+
+	/** Options used by Prismic Vue components. */
+	componentsConfig?: {
 		/**
-		 * `@nuxtjs/prismic` module options.
+		 * The path to a file exporting a default link resolver function used to
+		 * resolve links.
 		 *
-		 * @see Module documentation: {@link https://prismic.nuxtjs.org}
-		 * @see Prismic documentation: {@link https://prismic.io/docs/nuxt-3-setup}
+		 * @see {@link https://prismic.io/docs/routes}
 		 */
+		linkResolver?: string
+
+		/**
+		 * The path to a file exporting default components or shorthand definitions
+		 * for rich text and table components.
+		 *
+		 * @see {@link https://prismic.io/docs/fields/rich-text}
+		 * @see {@link https://prismic.io/docs/fields/table}
+		 */
+		defaultComponents?: string
+	}
+}
+
+/**
+ * Prismic Nuxt module options.
+ *
+ * @see {@link https://prismic.io/docs/nuxt}
+ * @see {@link https://prismic.io/docs/technical-reference/nuxtjs-prismic}
+ */
+export type ModuleOptions = PrismicModuleOptions
+
+declare module "@nuxt/schema" {
+	interface PublicRuntimeConfig {
+		/** The Prismic Nuxt module options. */
 		prismic: PrismicModuleOptions
 	}
 }
 
-// Module export
 export default defineNuxtModule<PrismicModuleOptions>({
 	meta: {
-		name: '@nuxtjs/prismic',
-		configKey: 'prismic',
-		compatibility: { nuxt: '>=3.7.0' },
+		name: "@nuxtjs/prismic",
+		configKey: "prismic",
+		compatibility: { nuxt: ">=3.7.0" },
 	},
 	defaults: (nuxt) => {
-		let prismicFiles = {
-			client: '~/app/prismic/client',
-			linkResolver: '~/app/prismic/linkResolver',
-			richTextSerializer: '~/app/prismic/richTextSerializer',
-		}
+		const nuxt3flavor =
+			getNuxtVersion(nuxt).startsWith("3") &&
+			!nuxt.options?.future?.compatibilityVersion
 
-		let prismicComponentsFiles = {
-			linkRel: '~/app/prismic/linkRel',
-			richTextComponents: '~/app/prismic/richTextComponents',
-			sliceZoneDefaultComponent: '~/app/prismic/sliceZoneDefaultComponent',
-		}
-
-		// Nuxt 4 sets `app` as its `srcDir`, so we're just using the `prismic` folder there.
-		if (
-			nuxt.options?.future?.compatibilityVersion === 4
-			|| getNuxtVersion(nuxt).startsWith('4')
-		) {
-			prismicFiles = {
-				client: '~/prismic/client',
-				linkResolver: '~/prismic/linkResolver',
-				richTextSerializer: '~/prismic/richTextSerializer',
-			}
-			prismicComponentsFiles = {
-				linkRel: '~/prismic/linkRel',
-				richTextComponents: '~/prismic/richTextComponents',
-				sliceZoneDefaultComponent: '~/prismic/sliceZoneDefaultComponent',
+		if (nuxt3flavor) {
+			return {
+				endpoint: "u",
+				environment: "",
+				clientConfig: {},
+				client: "~/app/prismic/client",
+				preview: "/preview",
+				toolbar: true,
+				componentsConfig: {
+					linkResolver: "~/app/prismic/linkResolver",
+					defaultComponents: "~/app/prismic/defaultComponents",
+				},
 			}
 		}
 
 		return {
-			endpoint: '',
-			environment: '',
+			endpoint: "",
+			environment: "",
+			client: "~/prismic/client",
 			clientConfig: {},
-			...prismicFiles,
-			injectComponents: true,
-			components: prismicComponentsFiles,
-			preview: '/preview',
+			preview: "/preview",
 			toolbar: true,
-			devtools: true,
+			componentsConfig: {
+				linkResolver: "~/prismic/linkResolver",
+				defaultComponents: "~/prismic/defaultComponents",
+			},
 		}
 	},
-	hooks: {},
 	setup(options, nuxt) {
-		// Expose options through public runtime config
-		nuxt.options.runtimeConfig.public ||= {} as typeof nuxt.options.runtimeConfig.public
-		const moduleOptions: PrismicModuleOptions = defu(nuxt.options.runtimeConfig.public.prismic, options)
-		nuxt.options.runtimeConfig.public.prismic = moduleOptions
-
-		// Runtime dir boilerplate
 		const resolver = createResolver(import.meta.url)
-		if (nuxt.options.devtools && options.devtools) {
-			setupDevToolsUI(nuxt, resolver)
+		const logger = useLogger("nuxt:prismic")
+
+		const moduleOptions: PrismicModuleOptions = defu(
+			nuxt.options.runtimeConfig.public?.prismic,
+			options,
+		)
+
+		exposeRuntimeConfig()
+		transpileDependencies()
+		const ok = proxyUserFiles()
+		if (!ok) return
+		addRuntimePlugins()
+		addAutoImports()
+		addPreviewRoute()
+		extendESLintConfig()
+
+		function exposeRuntimeConfig() {
+			nuxt.options.runtimeConfig.public ||=
+				{} as typeof nuxt.options.runtimeConfig.public
+			nuxt.options.runtimeConfig.public.prismic = moduleOptions
+		}
+
+		function transpileDependencies() {
+			nuxt.options.build.transpile.push(
+				resolver.resolve("runtime"),
+				"@nuxtjs/prismic",
+				"@prismicio/vue",
+			)
+			nuxt.options.vite.optimizeDeps ||= {}
+			nuxt.options.vite.optimizeDeps.exclude ||= []
+			nuxt.options.vite.optimizeDeps.exclude.push("@prismicio/vue")
 		}
 
-		// Add runtime user code
-		const proxyUserFileWithUndefinedFallback
-			= (filename: string, path: string, deprecated?: boolean | string): boolean => {
+		function proxyUserFiles() {
+			const proxyUserFileWithUndefinedFallback = (
+				filename: string,
+				path: string,
+			): boolean => {
 				const resolvedFilename = `prismic/proxy/${filename}.ts`
-				const resolvedPath = path.replace(/^(~~|@@)/, nuxt.options.rootDir).replace(/^(~|@)/, nuxt.options.srcDir)
-				const maybeUserFile = fileExists(resolvedPath, ['js', 'mjs', 'ts', 'vue'])
+				const resolvedPath = path
+					.replace(/^(~~|@@)/, nuxt.options.rootDir)
+					.replace(/^(~|@)/, nuxt.options.srcDir)
+				const maybeUserFile = fileExists(resolvedPath, [
+					"js",
+					"mjs",
+					"ts",
+					"vue",
+				])
 
 				if (maybeUserFile) {
-				// If user file exists, proxy it with vfs
-					logger.info(`Using user-defined \`${filename}\` at \`${maybeUserFile.replace(nuxt.options.srcDir, '~').replace(nuxt.options.rootDir, '~~').replace(/\\/g, '/')}\``)
-					if (deprecated) {
-						logger.warn(`\`${filename}\` is deprecated and will be removed in a future version.${typeof deprecated === 'string' ? `${deprecated}` : ''}`)
-					}
+					// If user file exists, proxy it with vfs
+					logger.info(
+						`Using user-defined \`${filename}\` at \`${maybeUserFile.replace(nuxt.options.srcDir, "~").replace(nuxt.options.rootDir, "~~").replace(/\\/g, "/")}\``,
+					)
 
 					addTemplate({
 						filename: resolvedFilename,
@@ -117,136 +230,190 @@ export default defineNuxtModule<PrismicModuleOptions>({
 					})
 
 					return true
-				}
-				else {
-				// Else provide `undefined` fallback
+				} else {
+					// Else provide `undefined` fallback
 					addTemplate({
 						filename: resolvedFilename,
-						getContents: () => 'export default undefined',
+						getContents: () => "export default undefined",
 					})
 
 					return false
 				}
 			}
 
-		const proxiedUserClient = proxyUserFileWithUndefinedFallback('client', moduleOptions.client!)
-		if (!moduleOptions.endpoint && !proxiedUserClient && !process.env.NUXT_PUBLIC_PRISMIC_ENDPOINT) {
-			logger.warn(`\`endpoint\` option is missing and \`${moduleOptions.client}\` was not found. At least one of them is required for the module to run. Disabling module...`)
-			return
+			const proxiedUserClient = proxyUserFileWithUndefinedFallback(
+				"client",
+				moduleOptions.client!,
+			)
+			if (
+				!moduleOptions.endpoint &&
+				!proxiedUserClient &&
+				!process.env.NUXT_PUBLIC_PRISMIC_ENDPOINT
+			) {
+				logger.warn(
+					`\`endpoint\` option is missing and \`${moduleOptions.client}\` was not found. At least one of them is required for the module to run. Disabling module...`,
+				)
+				return false
+			}
+			proxyUserFileWithUndefinedFallback(
+				"linkResolver",
+				moduleOptions.componentsConfig!.linkResolver!,
+			)
+			proxyUserFileWithUndefinedFallback(
+				"defaultComponents",
+				moduleOptions.componentsConfig!.defaultComponents!,
+			)
+
+			return true
+		}
+
+		function addRuntimePlugins() {
+			addPlugin(resolver.resolve("runtime/plugin"))
+			addPlugin(resolver.resolve("runtime/plugin.client"))
 		}
-		proxyUserFileWithUndefinedFallback('linkResolver', moduleOptions.linkResolver!)
-		proxyUserFileWithUndefinedFallback('richTextSerializer', moduleOptions.richTextSerializer!, 'Use `components.richTextComponents` instead.')
-
-		// Components
-		proxyUserFileWithUndefinedFallback('linkRel', moduleOptions.components!.linkRel!)
-		proxyUserFileWithUndefinedFallback('richTextComponents', moduleOptions.components!.richTextComponents!)
-		proxyUserFileWithUndefinedFallback('sliceZoneDefaultComponent', moduleOptions.components!.sliceZoneDefaultComponent!)
-
-		nuxt.options.build.transpile.push(resolver.resolve('runtime'), '@nuxtjs/prismic', '@prismicio/vue')
-		nuxt.options.vite.optimizeDeps ||= {}
-		nuxt.options.vite.optimizeDeps.exclude ||= []
-		nuxt.options.vite.optimizeDeps.exclude.push('@prismicio/vue')
-
-		// Add plugin
-		addPlugin(resolver.resolve('runtime/plugin'))
-		addPlugin(resolver.resolve('runtime/plugin.client'))
-
-		// Add components auto import
-		if (moduleOptions.injectComponents) {
-			[
-				'PrismicEmbed',
-				'PrismicImage',
-				'PrismicLink',
-				'PrismicText',
-				'PrismicRichText',
-				'SliceZone',
-			].forEach((component) => {
+
+		function addAutoImports() {
+			// Components
+			;[
+				"PrismicImage",
+				"PrismicLink",
+				"PrismicText",
+				"PrismicRichText",
+				"PrismicTable",
+				"SliceZone",
+			].forEach((entry) => {
 				addComponent({
-					name: component,
-					export: component,
-					filePath: '@prismicio/vue',
+					name: entry,
+					export: entry,
+					filePath: "@prismicio/vue",
 				})
 			})
-		}
 
-		// Add auto imports
-		const prismicVueAutoImports = Object
-			.keys(prismicVue)
-			.filter(key => key.startsWith('use'))
-			.concat('getSliceComponentProps', 'defineSliceZoneComponents', 'getRichTextComponentProps')
-			.map((key) => {
-				return {
-					name: key,
-					as: key,
-					from: '@prismicio/vue',
-				}
+			// Composables and utils
+			addImports(
+				[
+					"usePrismic",
+					"getSliceComponentProps",
+					"defineSliceZoneComponents",
+					"getRichTextComponentProps",
+					"getTableComponentProps",
+				].map((entry) => ({ name: entry, as: entry, from: "@prismicio/vue" })),
+			)
+			addImports({
+				name: "usePrismicPreview",
+				as: "usePrismicPreview",
+				from: resolver.resolve("runtime/usePrismicPreview"),
 			})
-		addImports(prismicVueAutoImports)
-		addImports({
-			name: 'usePrismicPreview',
-			as: 'usePrismicPreview',
-			from: resolver.resolve('runtime/usePrismicPreview'),
-		})
-
-		// Add preview route
-		if (moduleOptions.preview) {
-			const maybeUserPreviewPage = fileExists(join(nuxt.options.srcDir, nuxt.options.dir.pages, moduleOptions.preview), ['js', 'ts', 'vue'])
-
-			if (maybeUserPreviewPage) {
-				logger.info(`Using user-defined preview page at \`${maybeUserPreviewPage.replace(join(nuxt.options.srcDir), '~').replace(nuxt.options.rootDir, '~~').replace(/\\/g, '/')
-				}\`, available at \`${moduleOptions.preview}\``)
-			}
-			else {
-				logger.info(`Using default preview page, available at \`${moduleOptions.preview}\``)
-
-				extendPages((pages) => {
-					pages.unshift({
-						name: 'prismic-preview',
-						path: moduleOptions.preview as string, // Checked before
-						file: resolver.resolve('runtime/PrismicPreview.vue'),
+		}
+
+		function addPreviewRoute() {
+			if (moduleOptions.preview) {
+				const maybeUserPreviewPage = fileExists(
+					join(
+						nuxt.options.srcDir,
+						nuxt.options.dir.pages,
+						moduleOptions.preview,
+					),
+					["js", "ts", "vue"],
+				)
+
+				if (maybeUserPreviewPage) {
+					logger.info(
+						`Using user-defined preview page at \`${maybeUserPreviewPage
+							.replace(join(nuxt.options.srcDir), "~")
+							.replace(nuxt.options.rootDir, "~~")
+							.replace(
+								/\\/g,
+								"/",
+							)}\`, available at \`${moduleOptions.preview}\``,
+					)
+				} else {
+					logger.info(
+						`Using default preview page, available at \`${moduleOptions.preview}\``,
+					)
+
+					extendPages((pages) => {
+						pages.unshift({
+							name: "prismic-preview",
+							path: moduleOptions.preview as string, // Checked before
+							file: resolver.resolve("runtime/PrismicPreview.vue"),
+						})
 					})
-				})
-			}
+				}
 
-			if (!moduleOptions.toolbar) {
-				logger.warn('`toolbar` option is disabled but `preview` is enabled. Previews won\'t work unless you manually load the toolbar.')
+				if (!moduleOptions.toolbar) {
+					logger.warn(
+						"`toolbar` option is disabled but `preview` is enabled. Previews won't work unless you manually load the toolbar.",
+					)
+				}
 			}
 		}
 
-		// Integrate with @nuxt/eslint
-		// @ts-expect-error 3rd party hook
-		nuxt.hook('eslint:config:addons', (addons: {
-			name: string
-			getConfigs: () => Promise<{ configs: string[] }>
-		}[]) => {
-			addons.push({
-				name: '@nuxtjs/prismic',
-				async getConfigs() {
-					const configPath = resolver.resolve(nuxt.options.rootDir, 'slicemachine.config.json')
-
-					const configs: string[] = []
-
-					try {
-						if (existsSync(configPath)) {
-							const config = JSON.parse(await readFile(configPath, 'utf-8'))
-
-							if (config && 'libraries' in config && Array.isArray(config.libraries)) {
-								configs.push(JSON.stringify({
-									files: config.libraries.map((library: string) => `${library.replace('./', '')}/**/index.vue`),
-									rules: {
-										'vue/multi-word-component-names': 'off',
-									},
-								}))
+		function extendESLintConfig() {
+			nuxt.hook(
+				// @ts-expect-error 3rd party hook
+				"eslint:config:addons",
+				(
+					addons: {
+						name: string
+						getConfigs: () => Promise<{ configs: string[] }>
+					}[],
+				) => {
+					addons.push({
+						name: "@nuxtjs/prismic",
+						async getConfigs() {
+							const configPath = resolver.resolve(
+								nuxt.options.rootDir,
+								"slicemachine.config.json",
+							)
+
+							const configs: string[] = []
+
+							try {
+								if (existsSync(configPath)) {
+									const config = JSON.parse(await readFile(configPath, "utf-8"))
+
+									if (
+										config &&
+										"libraries" in config &&
+										Array.isArray(config.libraries)
+									) {
+										configs.push(
+											JSON.stringify({
+												files: config.libraries.map(
+													(library: string) =>
+														`${library.replace("./", "")}/**/index.vue`,
+												),
+												rules: {
+													"vue/multi-word-component-names": "off",
+												},
+											}),
+										)
+									}
+								}
+							} catch {
+								// noop
 							}
-						}
-					}
-					catch {
-						// noop
-					}
 
-					return { configs }
+							return { configs }
+						},
+					})
 				},
-			})
-		})
+			)
+		}
 	},
 })
+
+function fileExists(path?: string, extensions = ["js", "ts"]): string | null {
+	if (!path) {
+		return null
+	} else if (existsSync(path)) {
+		return path
+	}
+
+	const extension = extensions.find((extension) =>
+		existsSync(`${path}.${extension}`),
+	)
+
+	return extension ? `${path}.${extension}` : null
+}

package/src/runtime/PrismicPreview.vue

@@ -1,27 +1,22 @@
+<script setup>
+import { usePrismicPreview, useSeoMeta } from "#imports"
+
+useSeoMeta({ title: "Prismic Preview - Loading" })
+usePrismicPreview()
+</script>
+
 <template>
 	<section class="prismic-preview">
 		<figure>
 			<img
 				src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMzYiPgogIDxwYXRoIGZpbGw9IiMyMTI3MzUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTM1LjUzOCAxOC43NGwtMi42NTUtMi42NmExLjEyNiAxLjEyNiAwIDAgMS0uMzI5LS43OTZ2LTMuMjU2YzAtMy4wMDktLjMxMy00LjEtLjktNS4yYTYuMTI3IDYuMTI3IDAgMCAwLTIuNTQ2LTIuNTUxYy0xLjA5Ny0uNTg5LTIuMTg2LS45MDItNS4xODgtLjkwMmgtNC4yOTVhLjIyNS4yMjUgMCAwIDEtLjE1OC0uMzg0TDIyLjEyMi4zM2MuMjEtLjIxMS40OTYtLjMzLjc5NC0uMzNoMS40OTNjNC4wMDMgMCA1LjQ1NS40MTggNi45MTkgMS4yMDJhOC4xNjkgOC4xNjkgMCAwIDEgMy4zOTQgMy40MDJjLjc4MyAxLjQ2NyAxLjIgMi45MjIgMS4yIDYuOTMzdjcuMDQ1YS4yMjUuMjI1IDAgMCAxLS4zODQuMTU5ek0xNy4yMjIgMzUuNjE3bDIuNjU1LTIuNjYxYy4yMS0uMjExLjQ5Ni0uMzMuNzk0LS4zM2gzLjI0OWMzLjAwMiAwIDQuMDktLjMxMyA1LjE4OC0uOTAyYTYuMTI3IDYuMTI3IDAgMCAwIDIuNTQ2LTIuNTUxYy41ODctMS4xLjktMi4xOTEuOS01LjJ2LTQuMzA0YS4yMjUuMjI1IDAgMCAxIC4zODMtLjE1OWwyLjY1NiAyLjY2MWMuMjEuMjExLjMyOS40OTguMzI5Ljc5NnYxLjQ5N2MwIDQuMDExLS40MTcgNS40NjYtMS4yIDYuOTMzYTguMTY5IDguMTY5IDAgMCAxLTMuMzk0IDMuNDAyQzI5Ljg2NCAzNS41ODIgMjguNDEyIDM2IDI0LjQwOSAzNkgxNy4zOGEuMjI1LjIyNSAwIDAgMS0uMTU4LS4zODR6TS4zODMgMTcuMjU5TDMuMDQgMTkuOTJjLjIxLjIxMS4zMjkuNDk4LjMyOS43OTZ2My4yNTZjMCAzLjAwOS4zMTIgNC4xLjkgNS4yYTYuMTI3IDYuMTI3IDAgMCAwIDIuNTQ1IDIuNTUxYzEuMDk4LjU4OSAyLjE4Ny45MDIgNS4xODkuOTAyaDQuMjk0YS4yMjUuMjI1IDAgMCAxIC4xNi4zODRsLTIuNjU3IDIuNjYxYy0uMjEuMjExLS40OTYuMzMtLjc5My4zM2gtMS40OTRjLTQuMDAzIDAtNS40NTQtLjQxOC02LjkxOC0xLjIwMkE4LjE2OSA4LjE2OSAwIDAgMSAxLjIgMzEuMzk2Qy40MTcgMjkuOTI5IDAgMjguNDc0IDAgMjQuNDYzdi03LjA0NWEuMjI1LjIyNSAwIDAgMSAuMzgzLS4xNTl6TTE2LjA0NSAzLjA0NWMtLjIxMS4yMTEtLjQ5Ni4zMy0uNzk0LjMzaC0zLjI0OWMtMy4wMDIgMC00LjA5MS4zMTMtNS4xODkuOTAyYTYuMTI3IDYuMTI3IDAgMCAwLTIuNTQ2IDIuNTUxYy0uNTg3IDEuMS0uOSAyLjE5MS0uOSA1LjJ2NC4zMDRhLjIyNS4yMjUgMCAwIDEtLjM4My4xNTlMLjMzIDEzLjgzQTEuMTI2IDEuMTI2IDAgMCAxIDAgMTMuMDM0di0xLjQ5N2MwLTQuMDExLjQxNy01LjQ2NiAxLjItNi45MzNhOC4xNjkgOC4xNjkgMCAwIDEgMy4zOTQtMy40MDJDNi4wNTguNDE4IDcuNTEgMCAxMS41MTIgMGg3LjAzYS4yMjUuMjI1IDAgMCAxIC4xNTguMzg0bC0yLjY1NSAyLjY2MXptMTMuODg0IDEwLjA5MWwtMy42Mi0zLjQ2OGMtLjI0LS4yNC0uNTItLjQxNC0uODE5LS41MjNBMi4yMzYgMi4yMzYgMCAwIDAgMjQuNjk2IDlIMTQuMDFhLjIyNS4yMjUgMCAwIDEtLjE1OS0uMzg0bDIuNjU5LTIuNjYyYy4yMS0uMjEuNDk1LS4zMjkuNzkzLS4zMjloOC41MTZjMi40OCAwIDQuNDkgMi4wMTUgNC40OSA0LjV2Mi44NDlhLjIyNS4yMjUgMCAwIDEtLjM4LjE2MnptLTcuMTE1IDE2Ljg2MWwzLjQ2LTMuNjI5Yy4yNC0uMjQuNDE0LS41Mi41MjMtLjgyYTIuMjUgMi4yNSAwIDAgMCAuMTQ0LS43OTV2LTEwLjcxYS4yMjUuMjI1IDAgMCAxIC4zODQtLjE1OWwyLjY1NiAyLjY2NGMuMjEuMjExLjMyOC40OTcuMzI4Ljc5NnY4LjUzNGMwIDIuNDg1LTIuMDEgNC41LTQuNDkgNC41aC0yLjg0M2EuMjI1LjIyNSAwIDAgMS0uMTYyLS4zOHpNNS45OTIgMjIuODY0bDMuNjIyIDMuNDY4Yy4yMzkuMjQuNTIuNDE0LjgxOC41MjMuMjQ2LjA5NC41MTQuMTQ1Ljc5NC4xNDVoMTAuNjg2YS4yMjUuMjI1IDAgMCAxIC4xNTguMzg0bC0yLjY1OCAyLjY2MmMtLjIxLjIxLS40OTYuMzI5LS43OTMuMzI5aC04LjUxNmE0LjQ5NSA0LjQ5NSAwIDAgMS00LjQ5LTQuNXYtMi44NDlhLjIyNS4yMjUgMCAwIDEgLjM4LS4xNjJ6bTcuMTE2LTE2Ljg1OWwtMy40NjEgMy42M2MtLjI0LjI0LS40MTMuNTItLjUyMi44MmEyLjI1IDIuMjUgMCAwIDAtLjE0NS43OTV2MTAuNzFhLjIyNS4yMjUgMCAwIDEtLjM4My4xNThsLTIuNjU2LTIuNjY0YTEuMTI2IDEuMTI2IDAgMCAxLS4zMjgtLjc5NXYtOC41MzRjMC0yLjQ4NSAyLjAxLTQuNSA0LjQ5LTQuNWgyLjg0M2EuMjI1LjIyNSAwIDAgMSAuMTYyLjM4em0zMy4xMDUgNC4zNzloLjg2OGMuNTkzIDAgMS4wNzQuNDggMS4wNzQgMS4wNzR2MS4wMTZjMCAuMDMyLjAyNi4wNTcuMDU3LjA1Ny40OTUtLjg3NSAxLjE2LTEuNTEgMS45OTgtMS45MDlhNi4yMzYgNi4yMzYgMCAwIDEgMi43MS0uNTk2YzEuMDQ3IDAgMS45ODkuMTk0IDIuODI2LjU4Mi44MzcuMzg3IDEuNTUuOTIgMi4xNCAxLjU5NWE2Ljg5NiA2Ljg5NiAwIDAgMSAxLjM0IDIuMzg2Yy4zMDUuOTE1LjQ1NyAxLjkuNDU3IDIuOTUzYTguNzk1IDguNzk1IDAgMCAxLS40ODUgMi45NTMgNy40MTggNy40MTggMCAwIDEtMS4zNTUgMi4zODYgNi4yNjkgNi4yNjkgMCAwIDEtMi4wOTcgMS41OTUgNi4xODIgNi4xODIgMCAwIDEtMi42ODMuNTgyYy0uNjQ3IDAtMS4yMTctLjA3LTEuNzEyLS4yMDlhNS43NTEgNS43NTEgMCAwIDEtMS4zMTItLjUzNyA1LjI1MiA1LjI1MiAwIDAgMS0uOTctLjcgNS4wMTIgNS4wMTIgMCAwIDEtLjY1Ny0uNzMxLjA4Ni4wODYgMCAwIDAtLjA4Ni4wODV2Ny4yMjRhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWgtLjgwM2ExLjMxIDEuMzEgMCAwIDEtMS4zMS0xLjMxVjExLjY5NGMwLS43MjMuNTg2LTEuMzEgMS4zMS0xLjMxem0xMC4wNDYgNy4xNThjMC0uNTU3LS4wOS0xLjA5NC0uMjctMS42MWE0LjA3OCA0LjA3OCAwIDAgMC0uOC0xLjM3MyAzLjk5IDMuOTkgMCAwIDAtMS4yNy0uOTU0Yy0uNDk0LS4yMzktMS4wNTUtLjM1OC0xLjY4My0uMzU4LS42MjggMC0xLjE5LjEyLTEuNjg0LjM1OGEzLjk5IDMuOTkgMCAwIDAtMS4yNy45NTQgNC4wNzggNC4wNzggMCAwIDAtLjc5OSAxLjM3MiA0Ljg0NSA0Ljg0NSAwIDAgMC0uMjcgMS42MWMwIC41NTguMDkgMS4wOTQuMjcgMS42MTEuMTgxLjUxNy40NDcuOTc1LjggMS4zNzJhMy45OSAzLjk5IDAgMCAwIDEuMjcuOTU1Yy40OTQuMjM4IDEuMDU1LjM1OCAxLjY4My4zNTguNjI4IDAgMS4xODktLjEyIDEuNjgzLS4zNThhMy45OSAzLjk5IDAgMCAwIDEuMjctLjk1NWMuMzUyLS4zOTcuNjE4LS44NTUuOC0xLjM3Mi4xOC0uNTE3LjI3LTEuMDUzLjI3LTEuNjF6bTguMzU5LTcuMTU4aC45OGMuNjI2IDAgMS4xMzQuNTA3IDEuMTM0IDEuMTMzdjEuMDc3YzAgLjAzMS4wMjUuMDU3LjA1Ny4wNTcuMzgtLjgzNi45MjItMS40ODIgMS42MjYtMS45MzkuNzA0LS40NTcgMS41MTMtLjY4NiAyLjQyNi0uNjg2LjIwOSAwIC40MTQuMDIuNjEzLjA2YS43NjIuNzYyIDAgMCAxIC42MTQuNzQ3djEuOTY0YS43MTUuNzE1IDAgMCAxLS44NDIuNzA0IDQuNTggNC41OCAwIDAgMC0uODEzLS4wNzVjLS44IDAtMS40NDEuMTU0LTEuOTI2LjQ2Mi0uNDg1LjMwOS0uODU2LjY2MS0xLjExMyAxLjA2YTMuNiAzLjYgMCAwIDAtLjUxNCAxLjE5MmMtLjA4Ni4zOTgtLjEyOC42OTYtLjEyOC44OTV2Ni4zNTVhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWgtLjgwNGExLjMxIDEuMzEgMCAwIDEtMS4zMS0xLjMxVjExLjY5NGMwLS43MjMuNTg2LTEuMzEgMS4zMS0xLjMxem0xMS41ODUgMGguODA0Yy43MjMgMCAxLjMxLjU4NyAxLjMxIDEuMzFWMjMuMzlhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWgtLjgwNGExLjMxIDEuMzEgMCAwIDEtMS4zMS0xLjMxVjExLjY5NGMwLS43MjMuNTg2LTEuMzEgMS4zMS0xLjMxem0tMS43OTUtNC44NjJjMC0uNTc2LjIwNC0xLjA3OC42MTMtMS41MDYuNDEtLjQyNy45MjgtLjY0MSAxLjU1NS0uNjQxLjYyOCAwIDEuMTU2LjIwNCAxLjU4NC42MTEuNDI4LjQwOC42NDIuOTIuNjQyIDEuNTM2IDAgLjYxNy0uMjE0IDEuMTI5LS42NDIgMS41MzYtLjQyOC40MDgtLjk1Ni42MTItMS41ODQuNjEyLS42MjcgMC0xLjE0Ni0uMjE0LTEuNTU1LS42NDFhMi4xMDggMi4xMDggMCAwIDEtLjYxMy0xLjUwN3ptMTQuNzUzIDguMTMzYy0uNjk1LS41MS0xLjMxNC0uNzY2LTEuODU1LS43NjYtLjQ1NyAwLS45MDQuMTItMS4zNDIuMzU4LS40MzcuMjM5LS42NTYuNjI2LS42NTYgMS4xNjMgMCAuNDM4LjE4Ljc1Ni41NDIuOTU1LjM2Mi4xOTguODE4LjM2OCAxLjM3LjUwNy41NTIuMTM5IDEuMTQ2LjI4MyAxLjc4My40MzIuNjM4LjE1IDEuMjMyLjM3OCAxLjc4NC42ODYuNTUyLjMwOCAxLjAwOC43MyAxLjM3IDEuMjY4LjM2MS41MzcuNTQyIDEuMjcyLjU0MiAyLjIwNyAwIC44NTUtLjE3NiAxLjU3NS0uNTI4IDIuMTYyYTQuMjQxIDQuMjQxIDAgMCAxLTEuMzcgMS40MTcgNS45MjcgNS45MjcgMCAwIDEtMS44OTcuNzc1IDkuNTUzIDkuNTUzIDAgMCAxLTIuMTEyLjIzOWMtMS4wNjUgMC0yLjA0NS0uMTYtMi45NC0uNDc3LS4zNS0uMTI1LS43Ny0uMzc1LTEuMjYtLjc1MWExLjMxIDEuMzEgMCAwIDEtLjExOS0xLjk3NmwuMzU1LS4zNDhhMS4zMSAxLjMxIDAgMCAxIDEuNzgzLS4wNDhjLjIwOC4xODMuMzg4LjMyNC41NC40MjMuNTA0LjMyOSAxLjExOC40OTMgMS44NC40OTMuMjQ4IDAgLjUwNS0uMDMuNzcxLS4wOS4yNjctLjA2LjUxNC0uMTU5Ljc0Mi0uMjk4LjIyOC0uMTQuNDE0LS4zMTMuNTU3LS41MjIuMTQyLS4yMDkuMjE0LS40NTIuMjE0LS43MyAwLS40OTgtLjE4MS0uODY2LS41NDMtMS4xMDQtLjM2MS0uMjM5LS44MTgtLjQzMy0xLjM3LS41ODJhMjguNzQ2IDI4Ljc0NiAwIDAgMC0xLjc4My0uNDE3IDYuNzA3IDYuNzA3IDAgMCAxLTEuNzgzLS42MjcgMy43OTUgMy43OTUgMCAwIDEtMS4zNy0xLjIwOGMtLjM2MS0uNTE3LS41NDItMS4yMzMtLjU0Mi0yLjE0NyAwLS43OTUuMTU3LTEuNDg2LjQ3LTIuMDczYTQuMjY1IDQuMjY1IDAgMCAxIDEuMjQyLTEuNDQ2IDUuMjU2IDUuMjU2IDAgMCAxIDEuNzctLjgzNiA3Ljc3MyA3Ljc3MyAwIDAgMSAyLjAyNS0uMjY4Yy45MTMgMCAxLjgxNy4xNjQgMi43MTEuNDkyLjMyNC4xMTkuNjg1LjMzOSAxLjA4NC42NmExLjMxIDEuMzEgMCAwIDEgLjA3NSAxLjk3NWwtLjQyNi40MDFhMS4zMSAxLjMxIDAgMCAxLTEuNjc0LjEwMXptNy43ODctMy4yNzFoLjYzM2MuNzIzIDAgMS4zMS41ODcgMS4zMSAxLjMxdi45MjdhNS42MDIgNS42MDIgMCAwIDEgMS41MjctMS44MDVjLjY3NS0uNTI3IDEuNTgzLS43OSAyLjcyNS0uNzkgMi4xNSAwIDMuNTc2Ljg4NSA0LjI4IDIuNjU0LjQ5NS0uOTE0IDEuMTEzLTEuNTg1IDEuODU1LTIuMDEzLjc0Mi0uNDI3IDEuNjI2LS42NDEgMi42NTQtLjY0MS45MTMgMCAxLjY4My4xNTkgMi4zMTEuNDc3YTQuMDg0IDQuMDg0IDAgMCAxIDEuNTI3IDEuMzEyYy4zOS41NTcuNjcgMS4yMDguODQxIDEuOTU0LjE3Mi43NDYuMjU3IDEuNTQ2LjI1NyAyLjR2Ny4yMmExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxaC0uODA0YTEuMzEgMS4zMSAwIDAgMS0xLjMxLTEuMzF2LTYuODAyYzAtLjQzNy0uMDM4LS44Ni0uMTE0LTEuMjY3YTMuMTExIDMuMTExIDAgMCAwLS40LTEuMDc0IDIuMDYyIDIuMDYyIDAgMCAwLS43Ny0uNzNjLS4zMjQtLjE4LS43NDItLjI2OS0xLjI1Ni0uMjY5LS41MzIgMC0uOTg0LjEwNC0xLjM1NS4zMTNhMi42ODYgMi42ODYgMCAwIDAtLjkxMy44MzUgMy41MDggMy41MDggMCAwIDAtLjUxNCAxLjE5MyA1Ljk0IDUuOTQgMCAwIDAtLjE1NyAxLjM1N3Y2LjQ0NWExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxaC0uODA0YTEuMzEgMS4zMSAwIDAgMS0xLjMxLTEuMzF2LTcuMjJjMC0uODk1LS4xOC0xLjYwNi0uNTQyLTIuMTMzLS4zNjItLjUyNi0uOTYtLjc5LTEuNzk4LS43OS0uNTcgMC0xLjA1MS4xLTEuNDQxLjI5OC0uMzkuMi0uNzEzLjQ2OC0uOTcuODA2YTMuMjYgMy4yNiAwIDAgMC0uNTU3IDEuMTYzIDUuNDEzIDUuNDEzIDAgMCAwLS4xNyAxLjM3MnY2LjUwNGExLjMxIDEuMzEgMCAwIDEtMS4zMTEgMS4zMWgtLjgwNGExLjMxIDEuMzEgMCAwIDEtMS4zMS0xLjMxVjExLjY5NGMwLS43MjMuNTg3LTEuMzEgMS4zMS0xLjMxem0yNS40NTQgMGguODAzYy43MjQgMCAxLjMxLjU4NyAxLjMxIDEuMzFWMjMuMzlhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWgtLjgwM2ExLjMxIDEuMzEgMCAwIDEtMS4zMS0xLjMxVjExLjY5NGMwLS43MjMuNTg2LTEuMzEgMS4zMS0xLjMxem0tMS43OTYtNC44NjJjMC0uNTc2LjIwNS0xLjA3OC42MTQtMS41MDYuNDA5LS40MjcuOTI3LS42NDEgMS41NTUtLjY0MS42MjggMCAxLjE1Ni4yMDQgMS41ODQuNjExLjQyOC40MDguNjQyLjkyLjY0MiAxLjUzNiAwIC42MTctLjIxNCAxLjEyOS0uNjQyIDEuNTM2LS40MjguNDA4LS45NTYuNjEyLTEuNTg0LjYxMi0uNjI4IDAtMS4xNDYtLjIxNC0xLjU1NS0uNjQxYTIuMTA4IDIuMTA4IDAgMCAxLS42MTQtMS41MDd6bTE2Ljc1MSA4LjM3M2EzLjU2NCAzLjU2NCAwIDAgMC0uMzcxLS4yNiAyLjYwNyAyLjYwNyAwIDAgMC0xLjM0Mi0uMzg4Yy0uNjI3IDAtMS4xODkuMTItMS42ODMuMzU4YTMuOTkgMy45OSAwIDAgMC0xLjI3Ljk1NCA0LjA3OCA0LjA3OCAwIDAgMC0uNzk5IDEuMzcyIDQuODQ1IDQuODQ1IDAgMCAwLS4yNzEgMS42MWMwIC41NTguMDkgMS4wOTQuMjcxIDEuNjExLjE4LjUxNy40NDcuOTc1LjggMS4zNzJhMy45OSAzLjk5IDAgMCAwIDEuMjY5Ljk1NWMuNDk0LjIzOCAxLjA1Ni4zNTggMS42ODMuMzU4LjUzMyAwIDEuMDI4LS4xMTUgMS40ODQtLjM0My4wOTMtLjA0Ny4xOTMtLjExLjMtLjE4OWExLjMxIDEuMzEgMCAwIDEgMS43NTYuMTg1bC41Mi41ODRhMS4yNDggMS4yNDggMCAwIDEtLjMwNyAxLjkxIDcuOTggNy45OCAwIDAgMS0yLjY2OC45N2MtLjQxOS4wNjktLjc4LjEwNC0xLjA4NS4xMDRhNy45MDQgNy45MDQgMCAwIDEtMi45MS0uNTM3QTYuOTM4IDYuOTM4IDAgMCAxIDEzMC4zNjUgMjNhNy4yMyA3LjIzIDAgMCAxLTEuNTgzLTIuMzcxYy0uMzktLjkyNS0uNTg1LTEuOTU0LS41ODUtMy4wODcgMC0xLjEzMy4xOTUtMi4xNjIuNTg1LTMuMDg3YTcuMjMgNy4yMyAwIDAgMSAxLjU4My0yLjM3MSA2LjkzOCA2LjkzOCAwIDAgMSAyLjM2OS0xLjUyMSA3LjkwNCA3LjkwNCAwIDAgMSAyLjkxLS41MzdjLjg3NiAwIDEuNzU1LjE3NCAyLjY0LjUyMi4zMzcuMTMzLjczNS4zNyAxLjE5My43MTFhMS4zMSAxLjMxIDAgMCAxIC4xNjQgMS45NTdsLS41My41NTNhMS4zMSAxLjMxIDAgMCAxLTEuNzU0LjEyNnoiLz4KPC9zdmc+"
 				alt="Prismic"
-			>
-			<figcaption>
-				Loading preview...
-			</figcaption>
+			/>
+			<figcaption>Loading preview...</figcaption>
 		</figure>
 	</section>
 </template>
 
-<script setup>
-import { useHead, usePrismicPreview } from '#imports'
-
-useHead({
-	title: 'Prismic Preview - Loading',
-})
-
-usePrismicPreview()
-</script>
-
 <style scoped>
 .prismic-preview {
 	width: 100%;
@@ -34,8 +29,9 @@ usePrismicPreview()
 	align-items: center;
 	background: #ffffff;
 	color: #666666;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-		Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+	font-family:
+		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
+		Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	text-align: center;
 }