@nuxtjs/prismic 3.0.0-alpha.0 → 3.0.0-alpha.1

package/README.md

@@ -29,13 +29,13 @@ Easily connect your Nuxt.js application to your content hosted on [Prismic][pris
 npm install --save-dev @nuxtjs/prismic@alpha # or yarn add --dev @nuxtjs/prismic@alpha
 ```
 
-Then, add `@nuxtjs/prismic` to the `buildModules` section of your Nuxt config and configure your Prismic API endpoint:
+Then, add `@nuxtjs/prismic` to the `modules` section of your Nuxt config and configure your Prismic API endpoint:
 
 ```javascript
 import { defineNuxtConfig } from 'nuxt3'
 
 export default defineNuxtConfig({
-	buildModules: ['@nuxtjs/prismic'],
+	modules: ['@nuxtjs/prismic'],
 	prismic: {
 		endpoint: 'my-repository'
 	},

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/prismic",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "configKey": "prismic",
   "compatibility": {
     "nuxt": "^3.0.0"

package/dist/module.mjs

@@ -1,11 +1,11 @@
 import { join } from 'path';
 import { existsSync } from 'fs';
-import { defineNuxtModule, createResolver, addPlugin, addAutoImport, extendPages } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addComponent, addAutoImport, extendPages } from '@nuxt/kit';
 import * as prismicVue from '@prismicio/vue';
 import consola from 'consola';
 
 const name = "@nuxtjs/prismic";
-const version = "3.0.0-alpha.0";
+const version = "3.0.0-alpha.1";
 
 const logger = consola.withScope("nuxt:prismic");
 
@@ -39,6 +39,22 @@ const module = defineNuxtModule({
     (_a = nuxt.options).publicRuntimeConfig || (_a.publicRuntimeConfig = {});
     nuxt.options.publicRuntimeConfig[name] = mergedOptions;
     addPlugin(resolver.resolve("runtime/plugin"));
+    if (mergedOptions.injectComponents) {
+      [
+        "PrismicEmbed",
+        "PrismicImage",
+        "PrismicLink",
+        "PrismicText",
+        "PrismicRichText",
+        "SliceZone"
+      ].forEach((component) => {
+        addComponent({
+          name: component,
+          export: component,
+          filePath: "@prismicio/vue"
+        });
+      });
+    }
     const composableAutoImports = Object.keys(prismicVue).filter((key) => key.startsWith("use")).map((key) => {
       return {
         name: key,

package/dist/runtime/plugin.mjs

@@ -3,5 +3,8 @@ import { createPrismic } from "@prismicio/vue";
 import { name as pkgName } from "../../package.json";
 export default defineNuxtPlugin((nuxtApp) => {
   const mergedOptions = nuxtApp.payload.config[pkgName];
-  nuxtApp.vueApp.use(createPrismic(mergedOptions));
+  nuxtApp.vueApp.use(createPrismic({
+    ...mergedOptions,
+    injectComponents: false
+  }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nuxtjs/prismic",
-	"version": "3.0.0-alpha.0",
+	"version": "3.0.0-alpha.1",
 	"description": "Easily connect your Nuxt 3 application to your content hosted on Prismic",
 	"keywords": [
 		"nuxt",
@@ -38,7 +38,7 @@
 		"lint": "eslint --ext .js,.ts .",
 		"playground:build": "nuxi build playground",
 		"playground:dev": "nuxi dev playground",
-		"prepare": "npm run build",
+		"prepare": "nuxi prepare playground && npm run build",
 		"release": "npm run build && npm run test && standard-version && git push --follow-tags && npm run build && npm publish",
 		"release:alpha": "npm run build && npm run test && standard-version --release-as major --prerelease alpha && git push --follow-tags && npm run build && npm publish --tag alpha",
 		"release:alpha:dry": "standard-version --release-as major --prerelease alpha --dry-run",

package/src/module.ts

@@ -1,6 +1,6 @@
 import { join } from 'path'
 import { existsSync } from 'fs'
-import { defineNuxtModule, createResolver, addPlugin, addAutoImport, extendPages } from '@nuxt/kit'
+import { defineNuxtModule, createResolver, addPlugin, addAutoImport, addComponent, extendPages } from '@nuxt/kit'
 
 import * as prismicVue from '@prismicio/vue'
 
@@ -44,6 +44,24 @@ export default defineNuxtModule<PrismicModuleOptions>({
 		// Add plugin
 		addPlugin(resolver.resolve('runtime/plugin'))
 
+		// Add components auto import
+		if (mergedOptions.injectComponents) {
+			[
+				'PrismicEmbed',
+				'PrismicImage',
+				'PrismicLink',
+				'PrismicText',
+				'PrismicRichText',
+				'SliceZone'
+			].forEach((component) => {
+				addComponent({
+					name: component,
+					export: component,
+					filePath: '@prismicio/vue'
+				})
+			})
+		}
+
 		// Add composable auto import
 		const composableAutoImports = Object
 			.keys(prismicVue)

package/src/runtime/plugin.ts

@@ -7,5 +7,8 @@ import { PrismicModuleOptions } from '../types'
 export default defineNuxtPlugin((nuxtApp) => {
 	const mergedOptions: PrismicModuleOptions = nuxtApp.payload.config[pkgName]
 
-	nuxtApp.vueApp.use(createPrismic(mergedOptions))
+	nuxtApp.vueApp.use(createPrismic({
+		...mergedOptions,
+		injectComponents: false // Handled at module level
+	}))
 })