@prismicio/vue 3.0.0-beta.3 → 3.0.0-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/vue",
-	"version": "3.0.0-beta.3",
+	"version": "3.0.0-beta.6",
 	"description": "Vue plugin, components, and composables to fetch and present Prismic content",
 	"keywords": [
 		"typescript",
@@ -48,43 +48,43 @@
 		"unit": "nyc --reporter=lcovonly --reporter=text --exclude-after-remap=false ava"
 	},
 	"dependencies": {
-		"@prismicio/client": "^6.3.0",
-		"@prismicio/helpers": "^2.1.1",
-		"@prismicio/types": "^0.1.24",
+		"@prismicio/client": "^6.4.3",
+		"@prismicio/helpers": "^2.3.0",
+		"@prismicio/types": "^0.1.27",
 		"isomorphic-unfetch": "^3.1.0",
-		"vue-router": "^4.0.12"
+		"vue-router": "^4.0.14"
 	},
 	"devDependencies": {
-		"@prismicio/mock": "^0.0.6",
+		"@prismicio/mock": "^0.0.10",
 		"@size-limit/preset-small-lib": "^7.0.8",
-		"@types/escape-html": "^1.0.1",
+		"@types/escape-html": "^1.0.2",
 		"@types/jsdom-global": "3.0.2",
 		"@types/sinon": "10.0.11",
-		"@typescript-eslint/eslint-plugin": "^5.12.0",
-		"@typescript-eslint/parser": "^5.12.0",
-		"@vitejs/plugin-vue": "^2.2.0",
-		"@vue/compiler-sfc": "^3.2.31",
+		"@typescript-eslint/eslint-plugin": "^5.21.0",
+		"@typescript-eslint/parser": "^5.21.0",
+		"@vitejs/plugin-vue": "^2.3.1",
+		"@vue/compiler-sfc": "^3.2.33",
 		"@vue/eslint-config-typescript": "^10.0.0",
 		"@vue/test-utils": "2.0.0-rc.17",
 		"ava": "^3.15.0",
-		"eslint": "^8.9.0",
-		"eslint-config-prettier": "^8.3.0",
+		"eslint": "^8.14.0",
+		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-prettier": "^4.0.0",
-		"eslint-plugin-tsdoc": "^0.2.14",
-		"eslint-plugin-vue": "^8.4.1",
+		"eslint-plugin-tsdoc": "^0.2.16",
+		"eslint-plugin-vue": "^8.7.1",
 		"jsdom": "^19.0.0",
 		"jsdom-global": "^3.0.2",
 		"nyc": "^15.1.0",
-		"prettier": "^2.5.1",
-		"prettier-plugin-jsdoc": "^0.3.30",
-		"sinon": "^13.0.1",
+		"prettier": "^2.6.2",
+		"prettier-plugin-jsdoc": "^0.3.38",
+		"sinon": "^13.0.2",
 		"siroc": "^0.16.0",
 		"size-limit": "^7.0.8",
 		"standard-version": "^9.3.2",
 		"ts-eager": "^2.0.2",
-		"typescript": "^4.5.5",
-		"vite": "^2.8.3",
-		"vue": "^3.2.31"
+		"typescript": "^4.6.4",
+		"vite": "^2.9.6",
+		"vue": "^3.2.33"
 	},
 	"peerDependencies": {
 		"vue": "^3.0.0"

package/src/components/PrismicImage.ts

@@ -59,8 +59,8 @@ export type PrismicImageProps = {
 	 * Adds an additional `srcset` attribute to the image following given widths.
 	 *
 	 * @remarks
-	 * A special value of `"auto"` is accepted to automatically use image widths
-	 * coming from the API.
+	 * A special value of `"thumbnails"` is accepted to automatically use image
+	 * widths coming from the API.
 	 * @remarks
 	 * A special value of `"defaults"` is accepted to automatically use image
 	 * widths coming from the plugin configuration.
@@ -70,7 +70,7 @@ export type PrismicImageProps = {
 	 */
 	widths?:
 		| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"]
-		| "auto"
+		| "thumbnails"
 		| "defaults";
 
 	/**
@@ -114,7 +114,7 @@ export type UsePrismicImageReturnType = {
 	/**
 	 * Resolved image `alt` value.
 	 */
-	alt: ComputedRef<string | null>;
+	alt: ComputedRef<string>;
 
 	/**
 	 * Resolved image `copyright` value.
@@ -156,23 +156,13 @@ export const usePrismicImage = (
 				);
 			}
 
-			if (widths === "auto") {
-				return asImageWidthSrcSet(field, imgixParams);
-			} else {
-				// Remove potential thumbnails when using manual widths
-				const { url, dimensions, alt, copyright } = field;
-
-				return asImageWidthSrcSet(
-					{ url, dimensions, alt, copyright },
-					{
-						...imgixParams,
-						widths:
-							widths === "defaults"
-								? options.components?.imageWidthSrcSetDefaults
-								: widths,
-					},
-				);
-			}
+			return asImageWidthSrcSet(field, {
+				...imgixParams,
+				widths:
+					widths === "defaults"
+						? options.components?.imageWidthSrcSetDefaults
+						: widths,
+			});
 		} else if (pixelDensities) {
 			return asImagePixelDensitySrcSet(field, {
 				...imgixParams,
@@ -196,7 +186,7 @@ export const usePrismicImage = (
 		return asImage.value.srcset;
 	});
 	const alt = computed(() => {
-		return unref(props.field).alt || null;
+		return unref(props.field).alt || "";
 	});
 	const copyright = computed(() => {
 		return unref(props.field).copyright || null;
@@ -235,7 +225,7 @@ export const PrismicImageImpl = /*#__PURE__*/ defineComponent({
 		widths: {
 			type: [String, Object] as PropType<
 				| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"]
-				| "auto"
+				| "thumbnails"
 				| "defaults"
 			>,
 			default: undefined,

package/src/components/PrismicRichText.ts

@@ -106,8 +106,7 @@ export const usePrismicRichText = (
 		const htmlSerializer =
 			unref(props.htmlSerializer) ?? options.htmlSerializer;
 
-		// TODO: Update after https://github.com/prismicio/prismic-helpers/pull/43
-		return asHTML(unref(props.field), linkResolver, htmlSerializer) || "";
+		return asHTML(unref(props.field), linkResolver, htmlSerializer);
 	});
 
 	return {

package/src/components/PrismicText.ts

@@ -74,8 +74,7 @@ export const usePrismicText = (
 	props: UsePrismicTextOptions,
 ): UsePrismicTextReturnType => {
 	const text = computed(() => {
-		// TODO: Update after https://github.com/prismicio/prismic-helpers/pull/43
-		return asText(unref(props.field), unref(props.separator)) || "";
+		return asText(unref(props.field), unref(props.separator));
 	});
 
 	return {