@prismicio/vue 4.3.0 → 5.0.0-alpha.0

package/src/types.ts

@@ -1,4 +1,5 @@
 import type {
+	AsLinkAttrsConfig,
 	ClientConfig,
 	CreateClient,
 	HTMLRichTextFunctionSerializer,
@@ -16,20 +17,20 @@ import type {
 	documentToLinkField,
 	filter,
 	isFilled,
-} from "@prismicio/client";
-import type { App, ConcreteComponent, DefineComponent, Raw, Ref } from "vue";
+} from "@prismicio/client"
+import type { App, ConcreteComponent, DefineComponent, Raw, Ref } from "vue"
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
 // Imports for @link references:
-import type { RouterLink } from "vue-router";
+import type { RouterLink } from "vue-router"
+
+import type { VueRichTextSerializer } from "./PrismicRichText/types"
 
 import type {
 	SliceComponentProps,
 	SliceComponentType,
 	TODOSliceComponent,
-} from "./components/SliceZone";
-
-import type { usePrismicDocuments } from "./composables";
+} from "./SliceZone"
 
 /* eslint-enable @typescript-eslint/no-unused-vars */
 
@@ -38,16 +39,16 @@ import type { usePrismicDocuments } from "./composables";
  */
 type PrismicPluginComponentsOptions = {
 	/**
-	 * Value of the `rel` attribute to use on links rendered with
-	 * `target="_blank"`
+	 * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
+	 * the link's URL is external. This prop can be provided a function to use the
+	 * link's metadata to determine the `rel` value.
 	 *
-	 * @defaultValue `"noopener noreferrer"`
+	 * @defaultValue `"noreferrer"`
 	 */
-	linkBlankTargetRelAttribute?: string;
+	linkRel?: AsLinkAttrsConfig["rel"]
 
 	/**
-	 * An HTML tag name, a component, or a functional component used to render
-	 * internal links.
+	 * An HTML tag name or a component used to render internal links.
 	 *
 	 * @remarks
 	 * HTML tag names will be rendered using the anchor tag interface (`href`,
@@ -55,13 +56,13 @@ type PrismicPluginComponentsOptions = {
 	 * @remarks
 	 * Components will be rendered using Vue Router {@link RouterLink} interface
 	 * (`to` props).
+	 *
 	 * @defaultValue {@link RouterLink}
 	 */
-	linkInternalComponent?: string | ConcreteComponent | Raw<DefineComponent>;
+	linkInternalComponent?: ComponentOrTagName
 
 	/**
-	 * An HTML tag name, a component, or a functional component used to render
-	 * external links.
+	 * An HTML tag name or a component used to render external links.
 	 *
 	 * @remarks
 	 * HTML tag names will be rendered using the anchor tag interface (`href`,
@@ -69,21 +70,10 @@ type PrismicPluginComponentsOptions = {
 	 * @remarks
 	 * Components will be rendered using Vue Router {@link RouterLink} interface
 	 * (`to` props).
-	 * @defaultValue `"a"`
-	 */
-	linkExternalComponent?: string | ConcreteComponent | Raw<DefineComponent>;
-
-	/**
-	 * An HTML tag name, a component, or a functional component used to render
-	 * images.
 	 *
-	 * @remarks
-	 * HTML tag names and components will be rendered using the `img` tag
-	 * interface (`src` and `alt` attribute). Components will also receive an
-	 * additional `copyright` props.
-	 * @defaultValue `"img"`
+	 * @defaultValue `"a"`
 	 */
-	imageComponent?: string | ConcreteComponent | Raw<DefineComponent>;
+	linkExternalComponent?: ComponentOrTagName
 
 	/**
 	 * Default widths to use when rendering an image with `widths="defaults"`
@@ -92,9 +82,10 @@ type PrismicPluginComponentsOptions = {
 	 * Consider configuring image widths within your content type definition and
 	 * using `widths="auto"` instead to give content writers the ability to crop
 	 * images in the editor.
+	 *
 	 * @defaultValue `@prismicio/client` defaults
 	 */
-	imageWidthSrcSetDefaults?: number[];
+	imageWidthSrcSetDefaults?: number[]
 
 	/**
 	 * Default pixel densities to use when rendering an image with
@@ -102,7 +93,15 @@ type PrismicPluginComponentsOptions = {
 	 *
 	 * @defaultValue `@prismicio/client` defaults
 	 */
-	imagePixelDensitySrcSetDefaults?: number[];
+	imagePixelDensitySrcSetDefaults?: number[]
+
+	/**
+	 * An optional map of Rich Text block types to Vue Components. It is used to
+	 * render Rich Text or title fields.
+	 *
+	 * @see Templating Rich Text and title fields from Prismic {@link https://prismic.io/docs/rich-text}
+	 */
+	richTextComponents?: VueRichTextSerializer
 
 	/**
 	 * A component or a functional component rendered if a component mapping from
@@ -113,8 +112,8 @@ type PrismicPluginComponentsOptions = {
 	 *
 	 * @defaultValue `null` when `process.env.NODE_ENV === "production"` else {@link TODOSliceComponent}
 	 */
-	sliceZoneDefaultComponent?: SliceComponentType;
-};
+	sliceZoneDefaultComponent?: SliceComponentType
+}
 
 /**
  * Common options supported by `@prismicio/vue` plugin.
@@ -127,43 +126,36 @@ type PrismicPluginOptionsBase = {
 	 *
 	 * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}
 	 */
-	linkResolver?: LinkResolverFunction;
+	linkResolver?: LinkResolverFunction
 
 	/**
 	 * An optional HTML serializer to customize the way rich text fields are
 	 * rendered.
 	 *
+	 * @remarks
+	 * To provide global components for the `<PrismicRichText />` component, use
+	 * the `components.richTextComponents` option instead.
+	 *
 	 * @see HTML serializer documentation {@link https://prismic.io/docs/core-concepts/html-serializer}
 	 */
 	richTextSerializer?:
 		| HTMLRichTextFunctionSerializer
-		| HTMLRichTextMapSerializer;
-
-	/**
-	 * An optional HTML serializer to customize the way rich text fields are
-	 * rendered.
-	 *
-	 * @deprecated Use `richTextSerializer` instead.
-	 *
-	 * @see HTML serializer documentation {@link https://prismic.io/docs/core-concepts/html-serializer}
-	 */
-	// TODO: Remove in v5
-	htmlSerializer?: HTMLRichTextFunctionSerializer | HTMLRichTextMapSerializer;
+		| HTMLRichTextMapSerializer
 
 	/**
 	 * Whether or not to inject components globally.
 	 *
 	 * @defaultValue `true`
 	 */
-	injectComponents?: boolean;
+	injectComponents?: boolean
 
 	/**
 	 * Options used by Prismic Vue components.
 	 *
 	 * @see Components options {@link PrismicPluginComponentsOptions}
 	 */
-	components?: PrismicPluginComponentsOptions;
-};
+	components?: PrismicPluginComponentsOptions
+}
 
 /**
  * Options to init `@prismicio/vue` plugin with a client instance.
@@ -179,24 +171,25 @@ type PrismicPluginOptionsWithClient = PrismicPluginOptionsBase & {
 	 * The client will be used by `@prismicio/vue` composables, such as
 	 * {@link usePrismicDocuments} and exposed through `this.$prismic.client` and
 	 * `usePrismic().client`.
+	 *
 	 * @see Prismic client documentation {@link https://prismic.io/docs/technologies/javascript}
 	 */
-	client: ReturnType<CreateClient>;
+	client: ReturnType<CreateClient>
 
 	/**
 	 * Ensures type union is a strict or.
 	 *
 	 * @internal
 	 */
-	endpoint?: never;
+	endpoint?: never
 
 	/**
 	 * Ensures type union is a strict or.
 	 *
 	 * @internal
 	 */
-	clientConfig?: never;
-};
+	clientConfig?: never
+}
 
 /**
  * Options to init `@prismicio/vue` plugin with a repository ID or API endpoint.
@@ -212,19 +205,20 @@ type PrismicPluginOptionsWithEndpoint = PrismicPluginOptionsBase & {
 	 * Said client will be used by `@prismicio/vue` composables, such as
 	 * {@link usePrismicDocuments} and exposed through `this.$prismic.client` and
 	 * `usePrismic().client`.
+	 *
 	 * @example
 	 *
 	 * ```javascript
 	 * // A repository ID
-	 * "my-repo";
+	 * "my-repo"
 	 *
 	 * //A full repository endpoint
-	 * "https://my-repo.cdn.prismic.io/api/v2";
+	 * "https://my-repo.cdn.prismic.io/api/v2"
 	 * ```
 	 *
 	 * @see Prismic client documentation {@link https://prismic.io/docs/technologies/javascript}
 	 */
-	endpoint: string;
+	endpoint: string
 
 	/**
 	 * An optional object to configure `@prismicio/client` instance further.
@@ -261,15 +255,15 @@ type PrismicPluginOptionsWithEndpoint = PrismicPluginOptionsBase & {
 	 * @see Prismic client documentation {@link https://prismic.io/docs/technologies/javascript}
 	 * @see Route resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#route-resolver}
 	 */
-	clientConfig?: ClientConfig;
+	clientConfig?: ClientConfig
 
 	/**
 	 * Ensures type union is a strict or.
 	 *
 	 * @internal
 	 */
-	client?: never;
-};
+	client?: never
+}
 
 /**
  * `@prismicio/vue` plugin options.
@@ -279,7 +273,7 @@ type PrismicPluginOptionsWithEndpoint = PrismicPluginOptionsBase & {
  */
 export type PrismicPluginOptions =
 	| PrismicPluginOptionsWithClient
-	| PrismicPluginOptionsWithEndpoint;
+	| PrismicPluginOptionsWithEndpoint
 
 /**
  * `@prismicio/client` related methods and properties exposed by
@@ -290,18 +284,18 @@ export type PrismicPluginClient = {
 	/**
 	 * A `@prismicio/client` instance.
 	 */
-	client: ReturnType<CreateClient>;
+	client: ReturnType<CreateClient>
 
 	/**
 	 * Query filters from `@prismicio/client`.
 	 */
-	filter: typeof filter;
+	filter: typeof filter
 
 	/**
 	 * Prismic cookies from `@prismicio/client`.
 	 */
-	cookie: typeof cookie;
-};
+	cookie: typeof cookie
+}
 
 /**
  * `@prismicio/client` related methods exposed by `@prismicio/vue` plugin and
@@ -314,7 +308,7 @@ export type PrismicPluginHelpers = {
 	 *
 	 * @see Templating rich text and title fields {@link https://prismic.io/docs/technologies/vue-template-content#rich-text-and-titles}
 	 */
-	asText: typeof asText;
+	asText: typeof asText
 
 	/**
 	 * Serializes a rich text or title field to an HTML string. This is
@@ -326,9 +320,10 @@ export type PrismicPluginHelpers = {
 	 * @remarks
 	 * If no `htmlSerializer` is provided the function will use the one provided
 	 * to the plugin at {@link PrismicPluginOptions.htmlSerializer} if available.
+	 *
 	 * @see Templating rich text and title fields {@link https://prismic.io/docs/technologies/vue-template-content#rich-text-and-titles}
 	 */
-	asHTML: typeof asHTML;
+	asHTML: typeof asHTML
 
 	/**
 	 * Resolves any type of link field or document to a URL. This is
@@ -337,9 +332,10 @@ export type PrismicPluginHelpers = {
 	 * @remarks
 	 * If no `linkResolver` is provided the function will use the one provided to
 	 * the plugin at {@link PrismicPluginOptions.linkResolver} if available.
+	 *
 	 * @see Templating link fields {@link https://prismic.io/docs/technologies/vue-template-content#links-and-content-relationships}
 	 */
-	asLink: typeof asLink;
+	asLink: typeof asLink
 
 	/**
 	 * Resolves any type of link field or document to a set of link attributes.
@@ -348,42 +344,43 @@ export type PrismicPluginHelpers = {
 	 * @remarks
 	 * If no `linkResolver` is provided the function will use the one provided to
 	 * the plugin at {@link PrismicPluginOptions.linkResolver} if available.
+	 *
 	 * @see Templating link fields {@link https://prismic.io/docs/technologies/vue-template-content#links-and-content-relationships}
 	 */
-	asLinkAttrs: typeof asLinkAttrs;
+	asLinkAttrs: typeof asLinkAttrs
 
 	/**
 	 * Transforms a date or timestamp field into a JavaScript Date object. This is
 	 * `@prismicio/client` {@link asDate} function.
 	 */
-	asDate: typeof asDate;
+	asDate: typeof asDate
 
 	/**
-	 * Returns the URL of an Image field with optional image transformations (via
+	 * Returns the URL of an image field with optional image transformations (via
 	 * Imgix URL parameters). This is `@prismicio/client` {@link asImageSrc}
 	 * function.
 	 */
-	asImageSrc: typeof asImageSrc;
+	asImageSrc: typeof asImageSrc
 
 	/**
-	 * Creates a width-based `srcset` from an Image field with optional image
+	 * Creates a width-based `srcset` from an image field with optional image
 	 * transformations (via Imgix URL parameters). This is `@prismicio/client`
 	 * {@link asImageWidthSrcSet} function.
 	 */
-	asImageWidthSrcSet: typeof asImageWidthSrcSet;
+	asImageWidthSrcSet: typeof asImageWidthSrcSet
 
 	/**
-	 * Creates a pixel-density-based `srcset` from an Image field with optional
+	 * Creates a pixel-density-based `srcset` from an image field with optional
 	 * image transformations (via Imgix URL parameters). This is
 	 * `@prismicio/client` {@link asImagePixelDensitySrcSet} function.
 	 */
-	asImagePixelDensitySrcSet: typeof asImagePixelDensitySrcSet;
+	asImagePixelDensitySrcSet: typeof asImagePixelDensitySrcSet
 
 	/**
 	 * Helpers to determine if a field is filled. This is `@prismicio/client`
 	 * {@link isFilled} object.
 	 */
-	isFilled: typeof isFilled;
+	isFilled: typeof isFilled
 
 	/**
 	 * Converts a document into a link field. This is `@prismicio/client`
@@ -391,8 +388,8 @@ export type PrismicPluginHelpers = {
 	 *
 	 * @internal
 	 */
-	documentToLinkField: typeof documentToLinkField;
-};
+	documentToLinkField: typeof documentToLinkField
+}
 
 /**
  * Methods and properties exposed by `@prismicio/vue` plugin and accessible
@@ -404,41 +401,16 @@ export type PrismicPlugin = {
 	 *
 	 * @see `@prismicio/vue` plugin options {@link PrismicPluginOptions}
 	 */
-	readonly options: PrismicPluginOptions;
+	readonly options: PrismicPluginOptions
 
 	/**
 	 * `@prismicio/vue` plugin install function used by Vue.
 	 *
 	 * @internal
 	 */
-	install: (app: App) => void;
+	install: (app: App) => void
 } & PrismicPluginClient &
-	PrismicPluginHelpers;
-
-/**
- * States of a `@prismicio/client` composable.
- */
-export const enum PrismicClientComposableState {
-	/**
-	 * The composable has not started fetching.
-	 */
-	Idle = "idle",
-
-	/**
-	 * The composable is fetching data.
-	 */
-	Pending = "pending",
-
-	/**
-	 * The composable sucessfully fetched data.
-	 */
-	Success = "success",
-
-	/**
-	 * The composable failed to fetch data.
-	 */
-	Error = "error",
-}
+	PrismicPluginHelpers
 
 // Helpers
 
@@ -449,8 +421,8 @@ export const enum PrismicClientComposableState {
  * @internal
  */
 export type VueUseOptions<T> = {
-	[K in keyof T]: Ref<T[K]> | T[K];
-};
+	[K in keyof T]: Ref<T[K]> | T[K]
+}
 
 /**
  * Type to transform a static tuple into one that allows passing Refs as values.
@@ -458,5 +430,15 @@ export type VueUseOptions<T> = {
  * @internal
  */
 export type VueUseParameters<T> = {
-	[K in keyof T]: T extends number ? Ref<T[K]> | T[K] : T[K];
-};
+	[K in keyof T]: T extends number ? Ref<T[K]> | T[K] : T[K]
+}
+
+/**
+ * A component or a tag name to be used as props.
+ *
+ * @internal
+ */
+export type ComponentOrTagName =
+	| string
+	| ConcreteComponent
+	| Raw<DefineComponent>

package/src/usePrismic.ts

@@ -1,8 +1,15 @@
-import { inject } from "vue";
+import type { InjectionKey } from "vue"
+import { inject } from "vue"
 
-import { PrismicPlugin } from "./types";
+import type { PrismicPlugin } from "./types"
 
-import { prismicKey } from "./injectionSymbols";
+/**
+ * `@prismicio/vue` plugin interface interface location used for
+ * {@link usePrismic}.
+ *
+ * @internal
+ */
+export const prismicKey = Symbol("prismic") as InjectionKey<PrismicPlugin>
 
 /**
  * Accesses `@prismicio/vue` plugin interface.
@@ -11,19 +18,19 @@ import { prismicKey } from "./injectionSymbols";
  *
  * ```javascript
  * // With the composition API
- * import { usePrismic } from "@prismicio/vue";
+ * import { usePrismic } from "@prismicio/vue"
  *
  * export default {
  * 	setup() {
- * 		const prismic = usePrismic();
+ * 		const prismic = usePrismic()
  *
- * 		return {};
+ * 		return {}
  * 	},
- * };
+ * }
  * ```
  *
  * @returns The interface {@link PrismicPlugin}
  */
 export const usePrismic = (): PrismicPlugin => {
-	return inject(prismicKey, { options: { endpoint: "" } } as PrismicPlugin);
-};
+	return inject(prismicKey, { options: { endpoint: "" } } as PrismicPlugin)
+}

package/dist/components/PrismicEmbed.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const simplyResolveComponent = require("../lib/simplyResolveComponent.cjs");
-const defaultWrapper = "div";
-const PrismicEmbedImpl = /* @__PURE__ */ vue.defineComponent({
-  name: "PrismicEmbed",
-  props: {
-    field: {
-      type: Object,
-      required: true
-    },
-    wrapper: {
-      type: [String, Object, Function],
-      default: void 0,
-      required: false
-    }
-  },
-  setup(props) {
-    if (!props.field) {
-      return () => null;
-    }
-    return () => {
-      return vue.h(simplyResolveComponent.simplyResolveComponent(props.wrapper || defaultWrapper), {
-        "data-oembed": props.field.embed_url,
-        "data-oembed-type": props.field.type,
-        "data-oembed-provider": props.field.provider_name,
-        innerHTML: props.field.html || null
-      });
-    };
-  }
-});
-const PrismicEmbed = PrismicEmbedImpl;
-exports.PrismicEmbed = PrismicEmbed;
-exports.PrismicEmbedImpl = PrismicEmbedImpl;
-//# sourceMappingURL=PrismicEmbed.cjs.map

package/dist/components/PrismicEmbed.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicEmbed.cjs","sources":["../../../src/components/PrismicEmbed.ts"],"sourcesContent":["import { EmbedField } from \"@prismicio/client\";\nimport {\n\tAllowedComponentProps,\n\tComponentCustomProps,\n\tConcreteComponent,\n\tDefineComponent,\n\tPropType,\n\tRaw,\n\tVNodeProps,\n\tdefineComponent,\n\th,\n} from \"vue\";\n\nimport { simplyResolveComponent } from \"../lib/simplyResolveComponent\";\n\n/**\n * The default component rendered to wrap the embed.\n */\nconst defaultWrapper = \"div\";\n\n/**\n * Props for `<PrismicEmbed />`.\n */\nexport type PrismicEmbedProps = {\n\t/**\n\t * The Prismic embed field to render.\n\t */\n\tfield: EmbedField;\n\n\t/**\n\t * An HTML tag name, a component, or a functional component used to wrap the\n\t * output.\n\t *\n\t * @defaultValue `\"div\"`\n\t */\n\twrapper?: string | ConcreteComponent | Raw<DefineComponent>;\n};\n\n/**\n * `<PrismicEmbed />` implementation.\n *\n * @internal\n */\nexport const PrismicEmbedImpl = /*#__PURE__*/ defineComponent({\n\tname: \"PrismicEmbed\",\n\tprops: {\n\t\tfield: {\n\t\t\ttype: Object as PropType<EmbedField>,\n\t\t\trequired: true,\n\t\t},\n\t\twrapper: {\n\t\t\ttype: [String, Object, Function] as PropType<\n\t\t\t\tstring | ConcreteComponent | Raw<DefineComponent>\n\t\t\t>,\n\t\t\tdefault: undefined,\n\t\t\trequired: false,\n\t\t},\n\t},\n\tsetup(props) {\n\t\t// Prevent fatal if user didn't check for field, throws `Invalid prop` warn\n\t\tif (!props.field) {\n\t\t\treturn () => null;\n\t\t}\n\n\t\treturn () => {\n\t\t\treturn h(simplyResolveComponent(props.wrapper || defaultWrapper), {\n\t\t\t\t\"data-oembed\": props.field.embed_url,\n\t\t\t\t\"data-oembed-type\": props.field.type,\n\t\t\t\t\"data-oembed-provider\": props.field.provider_name,\n\t\t\t\tinnerHTML: props.field.html || null,\n\t\t\t});\n\t\t};\n\t},\n});\n\n// export the public type for h/tsx inference\n// also to avoid inline import() in generated d.ts files\n/**\n * Component to render a Prismic embed field.\n *\n * @see Component props {@link PrismicEmbedProps}\n * @see Templating embed fields {@link https://prismic.io/docs/technologies/vue-template-content#embeds}\n */\nexport const PrismicEmbed = PrismicEmbedImpl as unknown as {\n\tnew (): {\n\t\t$props: AllowedComponentProps &\n\t\t\tComponentCustomProps &\n\t\t\tVNodeProps &\n\t\t\tPrismicEmbedProps;\n\t};\n};\n"],"names":["defineComponent","h","simplyResolveComponent"],"mappings":";;;;AAkBA,MAAM,iBAAiB;AAyBhB,MAAM,mBAAiDA,oBAAAA,gBAAA;AAAA,EAC7D,MAAM;AAAA,EACN,OAAO;AAAA,IACN,OAAO;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACV;AAAA,IACD,SAAS;AAAA,MACR,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAG/B,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA,EACD;AAAA,EACD,MAAM,OAAK;AAEN,QAAA,CAAC,MAAM,OAAO;AACjB,aAAO,MAAM;AAAA,IACd;AAEA,WAAO,MAAK;AACX,aAAOC,IAAE,EAAAC,uBAAA,uBAAuB,MAAM,WAAW,cAAc,GAAG;AAAA,QACjE,eAAe,MAAM,MAAM;AAAA,QAC3B,oBAAoB,MAAM,MAAM;AAAA,QAChC,wBAAwB,MAAM,MAAM;AAAA,QACpC,WAAW,MAAM,MAAM,QAAQ;AAAA,MAAA,CAC/B;AAAA,IAAA;AAAA,EAEH;AACA,CAAA;AAUM,MAAM,eAAe;;;"}

package/dist/components/PrismicEmbed.d.ts

@@ -1,59 +0,0 @@
-import { EmbedField } from "@prismicio/client";
-import { AllowedComponentProps, ComponentCustomProps, ConcreteComponent, DefineComponent, PropType, Raw, VNodeProps } from "vue";
-/**
- * Props for `<PrismicEmbed />`.
- */
-export type PrismicEmbedProps = {
-    /**
-     * The Prismic embed field to render.
-     */
-    field: EmbedField;
-    /**
-     * An HTML tag name, a component, or a functional component used to wrap the
-     * output.
-     *
-     * @defaultValue `"div"`
-     */
-    wrapper?: string | ConcreteComponent | Raw<DefineComponent>;
-};
-/**
- * `<PrismicEmbed />` implementation.
- *
- * @internal
- */
-export declare const PrismicEmbedImpl: DefineComponent<{
-    field: {
-        type: PropType<EmbedField>;
-        required: true;
-    };
-    wrapper: {
-        type: PropType<string | ConcreteComponent | Raw<DefineComponent>>;
-        default: undefined;
-        required: false;
-    };
-}, (() => null) | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>), unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    field: {
-        type: PropType<EmbedField>;
-        required: true;
-    };
-    wrapper: {
-        type: PropType<string | ConcreteComponent | Raw<DefineComponent>>;
-        default: undefined;
-        required: false;
-    };
-}>>, {
-    wrapper: string | ConcreteComponent | Raw<DefineComponent>;
-}, {}>;
-/**
- * Component to render a Prismic embed field.
- *
- * @see Component props {@link PrismicEmbedProps}
- * @see Templating embed fields {@link https://prismic.io/docs/technologies/vue-template-content#embeds}
- */
-export declare const PrismicEmbed: {
-    new (): {
-        $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & PrismicEmbedProps;
-    };
-};

package/dist/components/PrismicEmbed.js

@@ -1,36 +0,0 @@
-import { defineComponent, h } from "vue";
-import { simplyResolveComponent } from "../lib/simplyResolveComponent.js";
-const defaultWrapper = "div";
-const PrismicEmbedImpl = /* @__PURE__ */ defineComponent({
-  name: "PrismicEmbed",
-  props: {
-    field: {
-      type: Object,
-      required: true
-    },
-    wrapper: {
-      type: [String, Object, Function],
-      default: void 0,
-      required: false
-    }
-  },
-  setup(props) {
-    if (!props.field) {
-      return () => null;
-    }
-    return () => {
-      return h(simplyResolveComponent(props.wrapper || defaultWrapper), {
-        "data-oembed": props.field.embed_url,
-        "data-oembed-type": props.field.type,
-        "data-oembed-provider": props.field.provider_name,
-        innerHTML: props.field.html || null
-      });
-    };
-  }
-});
-const PrismicEmbed = PrismicEmbedImpl;
-export {
-  PrismicEmbed,
-  PrismicEmbedImpl
-};
-//# sourceMappingURL=PrismicEmbed.js.map

package/dist/components/PrismicEmbed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicEmbed.js","sources":["../../../src/components/PrismicEmbed.ts"],"sourcesContent":["import { EmbedField } from \"@prismicio/client\";\nimport {\n\tAllowedComponentProps,\n\tComponentCustomProps,\n\tConcreteComponent,\n\tDefineComponent,\n\tPropType,\n\tRaw,\n\tVNodeProps,\n\tdefineComponent,\n\th,\n} from \"vue\";\n\nimport { simplyResolveComponent } from \"../lib/simplyResolveComponent\";\n\n/**\n * The default component rendered to wrap the embed.\n */\nconst defaultWrapper = \"div\";\n\n/**\n * Props for `<PrismicEmbed />`.\n */\nexport type PrismicEmbedProps = {\n\t/**\n\t * The Prismic embed field to render.\n\t */\n\tfield: EmbedField;\n\n\t/**\n\t * An HTML tag name, a component, or a functional component used to wrap the\n\t * output.\n\t *\n\t * @defaultValue `\"div\"`\n\t */\n\twrapper?: string | ConcreteComponent | Raw<DefineComponent>;\n};\n\n/**\n * `<PrismicEmbed />` implementation.\n *\n * @internal\n */\nexport const PrismicEmbedImpl = /*#__PURE__*/ defineComponent({\n\tname: \"PrismicEmbed\",\n\tprops: {\n\t\tfield: {\n\t\t\ttype: Object as PropType<EmbedField>,\n\t\t\trequired: true,\n\t\t},\n\t\twrapper: {\n\t\t\ttype: [String, Object, Function] as PropType<\n\t\t\t\tstring | ConcreteComponent | Raw<DefineComponent>\n\t\t\t>,\n\t\t\tdefault: undefined,\n\t\t\trequired: false,\n\t\t},\n\t},\n\tsetup(props) {\n\t\t// Prevent fatal if user didn't check for field, throws `Invalid prop` warn\n\t\tif (!props.field) {\n\t\t\treturn () => null;\n\t\t}\n\n\t\treturn () => {\n\t\t\treturn h(simplyResolveComponent(props.wrapper || defaultWrapper), {\n\t\t\t\t\"data-oembed\": props.field.embed_url,\n\t\t\t\t\"data-oembed-type\": props.field.type,\n\t\t\t\t\"data-oembed-provider\": props.field.provider_name,\n\t\t\t\tinnerHTML: props.field.html || null,\n\t\t\t});\n\t\t};\n\t},\n});\n\n// export the public type for h/tsx inference\n// also to avoid inline import() in generated d.ts files\n/**\n * Component to render a Prismic embed field.\n *\n * @see Component props {@link PrismicEmbedProps}\n * @see Templating embed fields {@link https://prismic.io/docs/technologies/vue-template-content#embeds}\n */\nexport const PrismicEmbed = PrismicEmbedImpl as unknown as {\n\tnew (): {\n\t\t$props: AllowedComponentProps &\n\t\t\tComponentCustomProps &\n\t\t\tVNodeProps &\n\t\t\tPrismicEmbedProps;\n\t};\n};\n"],"names":[],"mappings":";;AAkBA,MAAM,iBAAiB;AAyBhB,MAAM,mBAAiD,gCAAA;AAAA,EAC7D,MAAM;AAAA,EACN,OAAO;AAAA,IACN,OAAO;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACV;AAAA,IACD,SAAS;AAAA,MACR,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAG/B,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA,EACD;AAAA,EACD,MAAM,OAAK;AAEN,QAAA,CAAC,MAAM,OAAO;AACjB,aAAO,MAAM;AAAA,IACd;AAEA,WAAO,MAAK;AACX,aAAO,EAAE,uBAAuB,MAAM,WAAW,cAAc,GAAG;AAAA,QACjE,eAAe,MAAM,MAAM;AAAA,QAC3B,oBAAoB,MAAM,MAAM;AAAA,QAChC,wBAAwB,MAAM,MAAM;AAAA,QACpC,WAAW,MAAM,MAAM,QAAQ;AAAA,MAAA,CAC/B;AAAA,IAAA;AAAA,EAEH;AACA,CAAA;AAUM,MAAM,eAAe;"}