@nuxtjs/prismic 3.1.0 → 3.1.1

package/README.md

@@ -19,17 +19,27 @@ Replace all on all files (README.md, CONTRIBUTING.md, bug_report.md, package.jso
 
 Easily connect your Nuxt.js application to your content hosted on [Prismic][prismic].
 
+- [✨  Release Notes][changelog]
+- [🏀 Online Playground][playground]
+- [📖  Module Documentation][nuxt-docs]
+- [📚  Prismic Documentation][prismic-docs]
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
 - 🚀 &nbsp;Add Prismic to your Nuxt app in seconds;
 - 🎣 &nbsp;Access Prismic SDK through composition and options API;
 - 🖼 &nbsp;Prismic previews supported.
 
-## Install
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
 
 ```bash
-npm install --save-dev @nuxtjs/prismic # or yarn add --dev @nuxtjs/prismic
+npx nuxi module add prismic
 ```
 
-Then, add `@nuxtjs/prismic` to the `modules` section of your Nuxt config and configure your Prismic API endpoint:
+Then, configure your Prismic API endpoint:
 
 ```javascript
 import { defineNuxtConfig } from 'nuxt'
@@ -42,9 +52,7 @@ export default defineNuxtConfig({
 });
 ```
 
-## Documentation
-
-To discover what's new on this package check out [the changelog][changelog]. For full documentation, visit the [module documentation][nuxt-docs] and [Prismic official documentation][prismic-docs].
+That's it! You can now use Prismic in your Nuxt app ✨
 
 ## Contributing
 
@@ -68,6 +76,7 @@ Whether you're helping us fix bugs, improve the docs, or spread the word, we'd l
 
 <!-- TODO: Replace link with a more useful one if available -->
 
+[playground]: https://stackblitz.com/github/nuxt-modules/prismic/tree/master/examples/minimal?file=pages%2Findex.vue
 [nuxt-docs]: https://prismic.nuxtjs.org
 [prismic-docs]: https://prismic.io/docs/technical-reference/prismicio-vue?version=v4
 [changelog]: ./CHANGELOG.md

package/dist/module.json

@@ -2,7 +2,7 @@
   "name": "@nuxtjs/prismic",
   "configKey": "prismic",
   "compatibility": {
-    "nuxt": "^3.0.0"
+    "nuxt": "^3.7.0"
   },
-  "version": "3.1.0"
+  "version": "3.1.1"
 }

package/dist/module.mjs

@@ -21,7 +21,7 @@ const module = defineNuxtModule({
   meta: {
     name: "@nuxtjs/prismic",
     configKey: "prismic",
-    compatibility: { nuxt: "^3.0.0" }
+    compatibility: { nuxt: "^3.7.0" }
   },
   defaults: (nuxt) => ({
     endpoint: "",
@@ -37,8 +37,7 @@ const module = defineNuxtModule({
   }),
   hooks: {},
   setup(options, nuxt) {
-    var _a, _b, _c;
-    (_a = nuxt.options.runtimeConfig).public || (_a.public = {});
+    nuxt.options.runtimeConfig.public ||= {};
     const moduleOptions = defu(nuxt.options.runtimeConfig.public.prismic, options);
     nuxt.options.runtimeConfig.public.prismic = moduleOptions;
     const proxyUserFileWithUndefinedFallback = (filename, path, extensions = ["js", "mjs", "ts"]) => {
@@ -69,8 +68,8 @@ const module = defineNuxtModule({
     proxyUserFileWithUndefinedFallback("richTextSerializer", moduleOptions.richTextSerializer);
     const resolver = createResolver(import.meta.url);
     nuxt.options.build.transpile.push(resolver.resolve("runtime"), "@nuxtjs/prismic", "@prismicio/vue");
-    (_b = nuxt.options.vite).optimizeDeps || (_b.optimizeDeps = {});
-    (_c = nuxt.options.vite.optimizeDeps).exclude || (_c.exclude = []);
+    nuxt.options.vite.optimizeDeps ||= {};
+    nuxt.options.vite.optimizeDeps.exclude ||= [];
     nuxt.options.vite.optimizeDeps.exclude.push("@prismicio/vue");
     addPlugin(resolver.resolve("runtime/plugin"));
     addPlugin(resolver.resolve("runtime/plugin.client"));

package/dist/runtime/plugin.mjs

@@ -25,8 +25,11 @@ export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(prismicPlugin);
   if (options.preview) {
     const previewCookie = useCookie("io.prismic.preview").value;
-    if (process.server) {
-      prismicPlugin.client.enableAutoPreviewsFromReq(useRequestEvent()?.req);
+    if (import.meta.server) {
+      const req = useRequestEvent()?.node.req;
+      if (req) {
+        prismicPlugin.client.enableAutoPreviewsFromReq(req);
+      }
     }
     if (previewCookie) {
       try {
@@ -55,7 +58,8 @@ export default defineNuxtPlugin((nuxtApp) => {
         key: "prismic-preview",
         src: `https://static.cdn.prismic.io/prismic.min.js?repo=${repositoryName}&new=true`,
         async: true,
-        defer: true
+        defer: true,
+        crossorigin: "anonymous"
       }]
     });
   } else {

package/dist/types.d.mts

@@ -1,7 +1,8 @@
 
-import {  } from './module'
+import type {  } from './module.js'
 
 
 
 
-export { PrismicModuleOptions, default } from './module'
+
+export type { PrismicModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1,7 +1,8 @@
 
-import {  } from './module'
+import type {  } from './module'
 
 
 
 
-export { PrismicModuleOptions, default } from './module'
+
+export type { PrismicModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nuxtjs/prismic",
-	"version": "3.1.0",
+	"version": "3.1.1",
 	"description": "Easily connect your Nuxt 3 application to your content hosted on Prismic",
 	"keywords": [
 		"nuxt",
@@ -50,22 +50,22 @@
 		"unit:watch": "vitest watch"
 	},
 	"dependencies": {
-		"@nuxt/kit": "^3.8.0",
+		"@nuxt/kit": "^3.11.1",
 		"@prismicio/client": "^7.3.1",
 		"@prismicio/vue": "^4.1.0",
 		"consola": "^3.2.3",
-		"defu": "^6.1.2"
+		"defu": "^6.1.4"
 	},
 	"devDependencies": {
-		"@nuxt/module-builder": "^0.5.2",
+		"@nuxt/module-builder": "^0.5.5",
 		"@nuxtjs/eslint-config-typescript": "^12.1.0",
-		"@vitest/coverage-v8": "^0.34.6",
-		"eslint": "^8.52.0",
+		"@vitest/coverage-v8": "^1.4.0",
+		"eslint": "^8.57.0",
 		"mock-fs": "^5.2.0",
-		"nuxt": "^3.8.0",
+		"nuxt": "^3.11.1",
 		"standard-version": "^9.5.0",
-		"typescript": "^5.2.2",
-		"vitest": "^0.34.6"
+		"typescript": "^5.4.3",
+		"vitest": "^1.4.0"
 	},
 	"engines": {
 		"node": ">=16.10.0"

package/src/module.ts

@@ -36,7 +36,7 @@ export default defineNuxtModule<PrismicModuleOptions>({
 	meta: {
 		name: '@nuxtjs/prismic',
 		configKey: 'prismic',
-		compatibility: { nuxt: '^3.0.0' }
+		compatibility: { nuxt: '^3.7.0' }
 	},
 	defaults: nuxt => ({
 		endpoint: '',

package/src/runtime/plugin.ts

@@ -1,8 +1,8 @@
 import { isRepositoryEndpoint, getRepositoryName, type Client } from '@prismicio/client'
 import { createPrismic } from '@prismicio/vue'
 
-import type { PrismicModuleOptions } from '../types'
 import NuxtLink from '#app/components/nuxt-link'
+import type { PrismicModuleOptions } from '../types'
 import { defineNuxtPlugin, useCookie, useRequestEvent, onNuxtReady, refreshNuxtData, useHead, useRuntimeConfig, useRouter } from '#imports'
 
 // @ts-expect-error vfs cannot be resolved here
@@ -36,8 +36,11 @@ export default defineNuxtPlugin((nuxtApp) => {
 		const previewCookie = useCookie('io.prismic.preview').value
 
 		// Update client with req when running server side
-		if (process.server) {
-			prismicPlugin.client.enableAutoPreviewsFromReq(useRequestEvent()?.req)
+		if (import.meta.server) {
+			const req = useRequestEvent()?.node.req
+			if (req) {
+				prismicPlugin.client.enableAutoPreviewsFromReq(req)
+			}
 		}
 
 		if (previewCookie) {
@@ -80,7 +83,8 @@ export default defineNuxtPlugin((nuxtApp) => {
 				key: 'prismic-preview',
 				src: `https://static.cdn.prismic.io/prismic.min.js?repo=${repositoryName}&new=true`,
 				async: true,
-				defer: true
+				defer: true,
+				crossorigin: 'anonymous'
 			}]
 		})
 	} else {