@prismicio/svelte 0.0.4 → 0.0.6

package/CHANGELOG.md

@@ -2,66 +2,76 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [0.0.4](https://github.com/prismicio/prismic-svelte/compare/v0.0.3...v0.0.4) (2022-05-27)
+### [0.0.6](https://github.com/prismicio/prismic-svelte/compare/v0.0.5...v0.0.6) (2023-02-24)
+
+
+### Features
+
+* add `<PrismicLink>` component ([1db9dc0](https://github.com/prismicio/prismic-svelte/commit/1db9dc0cd6a24de87505b5e1486fe9458cb7be01))
 
 
 ### Chore
 
-* Update docs link ([e8d14cf](https://github.com/prismicio/prismic-svelte/commit/e8d14cf66ee9c52d624848dbcabe29a531ecae5e))
+* fix slice typing ([16340b3](https://github.com/prismicio/prismic-svelte/commit/16340b320396f69127e89d26dae498baff8fa299))
 
-### [0.0.3](https://github.com/prismicio/prismic-svelte/compare/v0.0.2...v0.0.3) (2022-05-17)
+### [0.0.5](https://github.com/prismicio/prismic-svelte/compare/v0.0.4...v0.0.5) (2023-02-23)
 
+### Chore
 
-### Bug Fixes
+- upgrade SvelteKit to 1.0 ([#3](https://github.com/prismicio/prismic-svelte/issues/3)) ([8d5addc](https://github.com/prismicio/prismic-svelte/commit/8d5addcdd669895ccacb666286b57af7825f4869))
 
-* change dev default value to ([11903bc](https://github.com/prismicio/prismic-svelte/commit/11903bc0e11f86e57bdebee3888c8b7efcffac97))
+### [0.0.4](https://github.com/prismicio/prismic-svelte/compare/v0.0.3...v0.0.4) (2022-05-27)
 
+### Chore
 
-### Documentation
+- Update docs link ([e8d14cf](https://github.com/prismicio/prismic-svelte/commit/e8d14cf66ee9c52d624848dbcabe29a531ecae5e))
 
-* add experimental disclaimer ([3779ec1](https://github.com/prismicio/prismic-svelte/commit/3779ec199cbcbf5d04bacbf2274cf484c1eec0db))
+### [0.0.3](https://github.com/prismicio/prismic-svelte/compare/v0.0.2...v0.0.3) (2022-05-17)
+
+### Bug Fixes
+
+- change dev default value to ([11903bc](https://github.com/prismicio/prismic-svelte/commit/11903bc0e11f86e57bdebee3888c8b7efcffac97))
+
+### Documentation
 
+- add experimental disclaimer ([3779ec1](https://github.com/prismicio/prismic-svelte/commit/3779ec199cbcbf5d04bacbf2274cf484c1eec0db))
 
 ### Chore
 
-* **deps:** maintain lock file ([d7ab62f](https://github.com/prismicio/prismic-svelte/commit/d7ab62f28884c2734ef2ae96b6a2f094ef835211))
+- **deps:** maintain lock file ([d7ab62f](https://github.com/prismicio/prismic-svelte/commit/d7ab62f28884c2734ef2ae96b6a2f094ef835211))
 
 ### [0.0.2](https://github.com/prismicio/prismic-svelte/compare/v0.0.1...v0.0.2) (2022-05-13)
 
-
 ### Chore
 
-* fix release script ([074d4fb](https://github.com/prismicio/prismic-svelte/commit/074d4fbdd6e3a7fd49b2e7fbe6b8a6b7b315491f))
-* fix release script ([026072a](https://github.com/prismicio/prismic-svelte/commit/026072ac3ff6fe08e161ac15c8776767af70f0d3))
+- fix release script ([074d4fb](https://github.com/prismicio/prismic-svelte/commit/074d4fbdd6e3a7fd49b2e7fbe6b8a6b7b315491f))
+- fix release script ([026072a](https://github.com/prismicio/prismic-svelte/commit/026072ac3ff6fe08e161ac15c8776767af70f0d3))
 
 ### 0.0.1 (2022-05-13)
 
-
 ### Features
 
-* Change PrismicProvider prop to only Command line to bootstrap prismic projects. ([e4675d4](https://github.com/prismicio/prismic-svelte/commit/e4675d48d4a2d9fe89c04aa4273948ef2a84d018))
-* Finish creating components; Create Slices for route. ([5b18487](https://github.com/prismicio/prismic-svelte/commit/5b1848736dcf5d75e09556a57756017fc46847f4))
-* Get htmlSerializer from context in PrismicRichText ([36664bc](https://github.com/prismicio/prismic-svelte/commit/36664bc72d7e9eb6cd353c96ae22ed209143a905))
-* Handle missing url ([54b3a75](https://github.com/prismicio/prismic-svelte/commit/54b3a7529eda7b29542483a5b7b0ab33c2b22643))
-* Improve mock data ([782a0f0](https://github.com/prismicio/prismic-svelte/commit/782a0f031c41aeefb2d14220146087fc164b6eae))
-* Merge Lucie's and Sam's link components ([3ea6c7f](https://github.com/prismicio/prismic-svelte/commit/3ea6c7fdb48ad718a62f0cf70662fdb79e6e7d96))
-* Rename  to ([cc271cb](https://github.com/prismicio/prismic-svelte/commit/cc271cb285089f3bc6104b771711fe62fb3f5fea))
-* revamp slicezone component ([65c55b8](https://github.com/prismicio/prismic-svelte/commit/65c55b84f7c7eea7e65470f6b5a101c7749d2cde))
-* setup link component ([0545d48](https://github.com/prismicio/prismic-svelte/commit/0545d48fcb0413f40e917d1f4857996d5f402e69))
-* setup prismic provider ([9b9752f](https://github.com/prismicio/prismic-svelte/commit/9b9752fce5f4754bc195e83f44a4bb081e203b95))
-* Setup Prismicimage component ([0033cb5](https://github.com/prismicio/prismic-svelte/commit/0033cb515f2444a5f45040d28a27bf05ac7e0dd0))
-
+- Change PrismicProvider prop to only Command line to bootstrap prismic projects. ([e4675d4](https://github.com/prismicio/prismic-svelte/commit/e4675d48d4a2d9fe89c04aa4273948ef2a84d018))
+- Finish creating components; Create Slices for route. ([5b18487](https://github.com/prismicio/prismic-svelte/commit/5b1848736dcf5d75e09556a57756017fc46847f4))
+- Get htmlSerializer from context in PrismicRichText ([36664bc](https://github.com/prismicio/prismic-svelte/commit/36664bc72d7e9eb6cd353c96ae22ed209143a905))
+- Handle missing url ([54b3a75](https://github.com/prismicio/prismic-svelte/commit/54b3a7529eda7b29542483a5b7b0ab33c2b22643))
+- Improve mock data ([782a0f0](https://github.com/prismicio/prismic-svelte/commit/782a0f031c41aeefb2d14220146087fc164b6eae))
+- Merge Lucie's and Sam's link components ([3ea6c7f](https://github.com/prismicio/prismic-svelte/commit/3ea6c7fdb48ad718a62f0cf70662fdb79e6e7d96))
+- Rename to ([cc271cb](https://github.com/prismicio/prismic-svelte/commit/cc271cb285089f3bc6104b771711fe62fb3f5fea))
+- revamp slicezone component ([65c55b8](https://github.com/prismicio/prismic-svelte/commit/65c55b84f7c7eea7e65470f6b5a101c7749d2cde))
+- setup link component ([0545d48](https://github.com/prismicio/prismic-svelte/commit/0545d48fcb0413f40e917d1f4857996d5f402e69))
+- setup prismic provider ([9b9752f](https://github.com/prismicio/prismic-svelte/commit/9b9752fce5f4754bc195e83f44a4bb081e203b95))
+- Setup Prismicimage component ([0033cb5](https://github.com/prismicio/prismic-svelte/commit/0033cb515f2444a5f45040d28a27bf05ac7e0dd0))
 
 ### Bug Fixes
 
-* Add shx so commands work cross platform ([1731f64](https://github.com/prismicio/prismic-svelte/commit/1731f64fa9310fdb93cf15b250320e0939d73f8b))
-
+- Add shx so commands work cross platform ([1731f64](https://github.com/prismicio/prismic-svelte/commit/1731f64fa9310fdb93cf15b250320e0939d73f8b))
 
 ### Chore
 
-* Add TODOs, rename plaintext component ([691aab7](https://github.com/prismicio/prismic-svelte/commit/691aab7bc9d47d2bdb47024e30ca90301813c85d))
-* init project ([9afa15a](https://github.com/prismicio/prismic-svelte/commit/9afa15a8a4372de8eb5b16e087433d2a640a93a0))
-* maintain repository ([e3ae492](https://github.com/prismicio/prismic-svelte/commit/e3ae492c0c03e121c8bddf03c96065485a448863))
-* migrate to vitest ([bbae453](https://github.com/prismicio/prismic-svelte/commit/bbae45309262b845dde7149ffad938bcc8aabc66))
-* setup todo components ([d57cf26](https://github.com/prismicio/prismic-svelte/commit/d57cf263f5294d9227a43bb9bb82e9e788dca09e))
-* update template config ([93a1b59](https://github.com/prismicio/prismic-svelte/commit/93a1b5971cf796f6eb9433044defc67eccf56bd2))
+- Add TODOs, rename plaintext component ([691aab7](https://github.com/prismicio/prismic-svelte/commit/691aab7bc9d47d2bdb47024e30ca90301813c85d))
+- init project ([9afa15a](https://github.com/prismicio/prismic-svelte/commit/9afa15a8a4372de8eb5b16e087433d2a640a93a0))
+- maintain repository ([e3ae492](https://github.com/prismicio/prismic-svelte/commit/e3ae492c0c03e121c8bddf03c96065485a448863))
+- migrate to vitest ([bbae453](https://github.com/prismicio/prismic-svelte/commit/bbae45309262b845dde7149ffad938bcc8aabc66))
+- setup todo components ([d57cf26](https://github.com/prismicio/prismic-svelte/commit/d57cf263f5294d9227a43bb9bb82e9e788dca09e))
+- update template config ([93a1b59](https://github.com/prismicio/prismic-svelte/commit/93a1b5971cf796f6eb9433044defc67eccf56bd2))

package/PrismicProvider.svelte

@@ -1,6 +1,5 @@
 <script>import { setContext } from "svelte";
 import { prismicKey } from "./injectionSymbols";
-import "./types";
 // export let client: PrismicContext["client"] = undefined;
 // export let linkResolver: PrismicContext["linkResolver"] = undefined;
 // export let htmlSerializer: PrismicContext["htmlSerializer"] = undefined;
@@ -15,7 +14,7 @@ setContext(prismicKey, {
     client: prismic.client,
     linkResolver: prismic.linkResolver,
     htmlSerializer: prismic.htmlSerializer,
-    slices: prismic.slices
+    slices: prismic.slices,
 });
 </script>
 

package/components/PrismicEmbed.svelte

@@ -1,6 +1,10 @@
-<!-- TODO: Why are embeds 200px wide? -->
-
-<script>export let field;
+<script>import * as prismicH from "@prismicio/helpers";
+export let field;
+if (!prismicH.isFilled.embed(field)) {
+    console.warn("Invalid prop");
+}
 </script>
 
-{@html field.html}
+{#if prismicH.isFilled.embed(field)}
+	{@html field.html}
+{/if}

package/components/PrismicImage.svelte

@@ -1,22 +1,15 @@
-<script>import "@prismicio/types";
+<script>import * as prismicH from "@prismicio/helpers";
 export let field;
 let className;
-// creates a `class` property, even
-// though it is a reserved word
 export { className as class };
-const usePrismicImage = (field) => {
-    field.url;
-    return {
-        url: field.url || "",
-        alt: field.alt || "",
-        width: field.dimensions?.width || undefined,
-        height: field.dimensions?.height || undefined,
-        copyright: field.copyright || undefined,
-    };
-};
-const image = usePrismicImage(field);
 </script>
 
-{#if field.url}
-	<img src={image.url} alt={image.alt} height={image.height} />
+{#if prismicH.isFilled.image(field)}
+	{@const { alt, dimensions } = field}
+	{@const { width, height } = dimensions}
+	{@const { src, srcset } = prismicH.asImageWidthSrcSet(field)}
+
+	<img {src} {srcset} {alt} {width} {height} class={className} />
+{:else}
+	<img alt={field.alt || ""} class={className} />
 {/if}

package/components/PrismicLink.svelte

@@ -1,44 +1,25 @@
 <script>import * as prismicH from "@prismicio/helpers";
-import { usePrismic } from "../usePrismic";
-// const defaultBlankTargetRelAttribute = "noopener noreferrer";
-export let field, linkResolver, download, hreflang, referrerpolicy, rel, target, type, prefetch, noscroll;
-const setRel = () => {
-    let rels = [];
-    const defaultBlankTargetRelAttribute = ["noopener", "noreferrer"];
-    if (rel)
-        rels.push(...rel?.split(" "));
-    if ((field && "target" in field && field?.target === "_blank") ||
-        target === "_blank")
-        defaultBlankTargetRelAttribute.forEach((item) => {
-            if (!rels.includes(item))
-                rels.push(item);
-        });
-    if (field &&
-        "link_type" in field &&
-        field?.link_type === "Web" &&
-        !rels.includes("external"))
-        rels.push("external");
-    return rels.join(" ");
-};
-const attrs = {
-    download,
-    hreflang,
-    referrerpolicy,
-    target: target || field?.target || undefined,
-    rel: setRel(),
-    type,
-};
-const link = field
-    ? prismicH.asLink(field, linkResolver || usePrismic().linkResolver)
-    : "";
-const href = link || "";
+export let field;
+export let linkResolver = undefined;
+export let target = undefined;
+const resolvedTarget = target || (field && "target" in field && field.target) || undefined;
+export let rel = undefined;
+const resolvedRel = rel || (target === "_blank" ? "noopener noreferrer" : undefined);
+const href = (field ? prismicH.asLink(field, linkResolver) : "") || "";
 </script>
 
-<a
-	{href}
-	{...attrs}
-	sveltekit:prefetch={prefetch}
-	sveltekit:noscroll={noscroll}
->
+<!-- 
+  @component
+  Component to render a Prismic Link, Link to Media, Content Relationship, or whole Document as an `a` tag.
+  
+  @example Rendering a Link field:
+	```svelte
+		<PrismicLink field={document.data.example_link}>
+			Example anchor text.
+		</PrismicLink>
+  ```
+-->
+
+<a {href} {...$$restProps} rel={resolvedRel} target={resolvedTarget}>
 	<slot />
 </a>

package/components/PrismicPreview.svelte

@@ -1,5 +1,5 @@
-<script>import '@prismicio/client';
-import { goto } from '$app/navigation';
+<script>import * as prismic from "@prismicio/client";
+import { goto } from "$app/navigation";
 import { onMount } from "svelte";
 export let linkResolver;
 export let defaultURL;
@@ -9,7 +9,12 @@ onMount(async () => {
     const previewToken = urlParams.get("token");
     const documentID = urlParams.get("documentId");
     if (documentID && previewToken) {
-        const redirect = await client.resolvePreviewURL({ documentID, defaultURL, previewToken, linkResolver });
+        const redirect = await client.resolvePreviewURL({
+            documentID,
+            defaultURL,
+            previewToken,
+            linkResolver,
+        });
         await goto(redirect);
         return;
     }
@@ -18,4 +23,4 @@ onMount(async () => {
 });
 </script>
 
-<slot></slot>
+<slot />

package/components/PrismicText.svelte

@@ -4,4 +4,4 @@ export let separator;
 </script>
 
 <!-- TODO: Separator not working for newlines `\n\n` -->
-{@html prismicH.asText(field, separator)}
+{@html prismicH.asText(field, separator)}

package/components/SliceZone.svelte

@@ -1,4 +1,4 @@
-<script>import TodoSliceComponent from './TodoSliceComponent.svelte';
+<script>import TodoSliceComponent from "./TodoSliceComponent.svelte";
 export let slices = [];
 export let components = {};
 export let context = {};
@@ -7,11 +7,11 @@ export let dev = false;
 </script>
 
 {#each slices as slice, index}
-  {@const type = "slice_type" in slice ? slice.slice_type : slice.type }
-  {@const Component = components[type] || defaultComponent}
-  {#if Component}
-    <svelte:component this={Component} {slice} {slices} {context} {index} />
-  {:else}
-    <TodoSliceComponent {slice} {dev} />
-  {/if}
+	{@const type = "slice_type" in slice ? slice.slice_type : slice.type}
+	{@const Component = components[type] || defaultComponent}
+	{#if Component}
+		<svelte:component this={Component} {slice} {slices} {context} {index} />
+	{:else}
+		<TodoSliceComponent {slice} {dev} />
+	{/if}
 {/each}

package/components/TodoSliceComponent.svelte

@@ -6,7 +6,7 @@ if (dev)
 </script>
 
 {#if dev}
-  <section data-slice-zone-todo-component="" data-slice-type={type}>
-    Could not find a component for Slice type &ldquo;{type}&rdquo;
-  </section>
-{/if}
+	<section data-slice-zone-todo-component="" data-slice-type={type}>
+		Could not find a component for Slice type &ldquo;{type}&rdquo;
+	</section>
+{/if}

package/components/index.js

@@ -1,6 +1,6 @@
 // export { default as PrismicEmbed } from "./PrismicEmbed.svelte";
 // export { default as PrismicImage } from "./PrismicImage.svelte";
-// export { default as PrismicLink } from "./PrismicLink.svelte";
+export { default as PrismicLink } from "./PrismicLink.svelte";
 // export { default as PrismicText } from "./PrismicText.svelte";
 // export { default as PrismicRichText } from "./PrismicRichText.svelte";
 // export { default as PrismicPreview } from "./PrismicPreview.svelte";

package/index.js

@@ -3,7 +3,7 @@ export {
 // Components
 // PrismicEmbed,
 // PrismicImage,
-// PrismicLink,
+PrismicLink, 
 // PrismicText,
 // PrismicRichText,
 // Slice Zone

package/{PrismicProvider.svelte.d.ts → lib/PrismicProvider.svelte.d.ts}

@@ -16,9 +16,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type PrismicProviderProps = typeof __propDef.props;
-export declare type PrismicProviderEvents = typeof __propDef.events;
-export declare type PrismicProviderSlots = typeof __propDef.slots;
+export type PrismicProviderProps = typeof __propDef.props;
+export type PrismicProviderEvents = typeof __propDef.events;
+export type PrismicProviderSlots = typeof __propDef.slots;
 export default class PrismicProvider extends SvelteComponentTyped<PrismicProviderProps, PrismicProviderEvents, PrismicProviderSlots> {
 }
 export {};

package/{components → lib/components}/PrismicEmbed.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PrismicEmbedProps = typeof __propDef.props;
-export declare type PrismicEmbedEvents = typeof __propDef.events;
-export declare type PrismicEmbedSlots = typeof __propDef.slots;
+export type PrismicEmbedProps = typeof __propDef.props;
+export type PrismicEmbedEvents = typeof __propDef.events;
+export type PrismicEmbedSlots = typeof __propDef.slots;
 export default class PrismicEmbed extends SvelteComponentTyped<PrismicEmbedProps, PrismicEmbedEvents, PrismicEmbedSlots> {
 }
 export {};

package/{components → lib/components}/PrismicImage.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import * as prismicT from "@prismicio/types";
+import type * as prismicT from "@prismicio/types";
 declare const __propDef: {
     props: {
         field: prismicT.ImageField;
@@ -10,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PrismicImageProps = typeof __propDef.props;
-export declare type PrismicImageEvents = typeof __propDef.events;
-export declare type PrismicImageSlots = typeof __propDef.slots;
+export type PrismicImageProps = typeof __propDef.props;
+export type PrismicImageEvents = typeof __propDef.events;
+export type PrismicImageSlots = typeof __propDef.slots;
 export default class PrismicImage extends SvelteComponentTyped<PrismicImageProps, PrismicImageEvents, PrismicImageSlots> {
 }
 export {};

package/lib/components/PrismicLink.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: any;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PrismicLinkProps = typeof __propDef.props;
+export type PrismicLinkEvents = typeof __propDef.events;
+export type PrismicLinkSlots = typeof __propDef.slots;
+/**
+ * Component to render a Prismic Link, Link to Media, Content Relationship, or whole Document as an `a` tag.
+ *
+ *  @example Rendering a Link field:
+ * ```svelte
+ * 	<PrismicLink field={document.data.example_link}>
+ * 		Example anchor text.
+ * 	</PrismicLink>
+ *  ```
+ */
+export default class PrismicLink extends SvelteComponentTyped<PrismicLinkProps, PrismicLinkEvents, PrismicLinkSlots> {
+}
+export {};

package/{components → lib/components}/PrismicPreview.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type PrismicPreviewProps = typeof __propDef.props;
-export declare type PrismicPreviewEvents = typeof __propDef.events;
-export declare type PrismicPreviewSlots = typeof __propDef.slots;
+export type PrismicPreviewProps = typeof __propDef.props;
+export type PrismicPreviewEvents = typeof __propDef.events;
+export type PrismicPreviewSlots = typeof __propDef.slots;
 export default class PrismicPreview extends SvelteComponentTyped<PrismicPreviewProps, PrismicPreviewEvents, PrismicPreviewSlots> {
 }
 export {};

package/{components → lib/components}/PrismicRichText.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PrismicRichTextProps = typeof __propDef.props;
-export declare type PrismicRichTextEvents = typeof __propDef.events;
-export declare type PrismicRichTextSlots = typeof __propDef.slots;
+export type PrismicRichTextProps = typeof __propDef.props;
+export type PrismicRichTextEvents = typeof __propDef.events;
+export type PrismicRichTextSlots = typeof __propDef.slots;
 export default class PrismicRichText extends SvelteComponentTyped<PrismicRichTextProps, PrismicRichTextEvents, PrismicRichTextSlots> {
 }
 export {};

package/{components → lib/components}/PrismicText.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PrismicTextProps = typeof __propDef.props;
-export declare type PrismicTextEvents = typeof __propDef.events;
-export declare type PrismicTextSlots = typeof __propDef.slots;
+export type PrismicTextProps = typeof __propDef.props;
+export type PrismicTextEvents = typeof __propDef.events;
+export type PrismicTextSlots = typeof __propDef.slots;
 export default class PrismicText extends SvelteComponentTyped<PrismicTextProps, PrismicTextEvents, PrismicTextSlots> {
 }
 export {};

package/{components → lib/components}/SliceZone.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { SvelteComponent } from 'svelte';
+import type { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         slices?: ({
@@ -17,9 +17,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SliceZoneProps = typeof __propDef.props;
-export declare type SliceZoneEvents = typeof __propDef.events;
-export declare type SliceZoneSlots = typeof __propDef.slots;
+export type SliceZoneProps = typeof __propDef.props;
+export type SliceZoneEvents = typeof __propDef.events;
+export type SliceZoneSlots = typeof __propDef.slots;
 export default class SliceZone extends SvelteComponentTyped<SliceZoneProps, SliceZoneEvents, SliceZoneSlots> {
 }
 export {};

package/{components → lib/components}/TodoSliceComponent.svelte.d.ts

@@ -13,9 +13,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type TodoSliceComponentProps = typeof __propDef.props;
-export declare type TodoSliceComponentEvents = typeof __propDef.events;
-export declare type TodoSliceComponentSlots = typeof __propDef.slots;
+export type TodoSliceComponentProps = typeof __propDef.props;
+export type TodoSliceComponentEvents = typeof __propDef.events;
+export type TodoSliceComponentSlots = typeof __propDef.slots;
 export default class TodoSliceComponent extends SvelteComponentTyped<TodoSliceComponentProps, TodoSliceComponentEvents, TodoSliceComponentSlots> {
 }
 export {};

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PrismicLink } from "./PrismicLink.svelte";
+export { default as SliceZone } from "./SliceZone.svelte";

package/lib/index.d.ts

@@ -0,0 +1 @@
+export { PrismicLink, SliceZone, } from "./components";

package/lib/usePrismic.d.ts

@@ -0,0 +1,2 @@
+import type { PrismicContext } from "../types/PrismicContext.type";
+export declare const usePrismic: () => PrismicContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prismicio/svelte",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Svelte plugin, components, and composables to fetch and present Prismic content",
   "keywords": [
     "typescript",
@@ -28,7 +28,6 @@
     "./components": "./components/index.js",
     "./configurePrismic": "./configurePrismic.js",
     "./injectionSymbols": "./injectionSymbols.js",
-    "./types": "./types.js",
     "./usePrismic": "./usePrismic.js"
   },
   "main": "index.js",
@@ -36,38 +35,44 @@
   "types": "index.d.ts",
   "svelte": "./index.js",
   "dependencies": {
-    "@prismicio/client": "^6.4.3",
-    "@prismicio/helpers": "^2.3.0"
+    "@prismicio/client": "^6.7.3",
+    "@prismicio/helpers": "^2.3.9",
+    "@sveltejs/kit": "^1.8.3",
+    "svelte": "^3.55.1"
   },
   "devDependencies": {
-    "@prismicio/mock": "0.0.10",
-    "@prismicio/types": "^0.1.27",
-    "@rollup/plugin-inject": "^4.0.4",
-    "@sveltejs/kit": "1.0.0-next.328",
-    "@typescript-eslint/eslint-plugin": "^5.23.0",
-    "@typescript-eslint/parser": "^5.23.0",
-    "c8": "^7.11.2",
+    "@prismicio/mock": "^0.2.0",
+    "@prismicio/types": "^0.2.7",
+    "@rollup/plugin-inject": "^5.0.3",
+    "@sveltejs/package": "^1.0.2",
+    "@typescript-eslint/eslint-plugin": "^5.53.0",
+    "@typescript-eslint/parser": "^5.53.0",
+    "@vitest/coverage-c8": "^0.28.5",
+    "c8": "^7.13.0",
     "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^4.2.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "eslint-plugin-tsdoc": "^0.2.16",
-    "prettier": "^2.6.2",
+    "prettier": "^2.8.4",
     "prettier-plugin-jsdoc": "^0.3.38",
+    "prettier-plugin-svelte": "^2.9.0",
     "shx": "^0.3.4",
     "standard-version": "^9.3.2",
-    "svelte": "^3.48.0",
-    "svelte-check": "^2.7.0",
-    "svelte-preprocess": "^4.10.6",
-    "svelte2tsx": "^0.5.9",
-    "tslib": "^2.4.0",
-    "typescript": "^4.6.4",
-    "vitest": "^0.12.4"
+    "svelte-check": "^3.0.3",
+    "svelte-preprocess": "^5.0.1",
+    "svelte2tsx": "^0.6.1",
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5",
+    "vitest": "^0.28.5"
   },
   "engines": {
     "node": ">=12.7.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "optionalDependencies": {
+    "@esbuild/android-arm": "^0.17.10"
   }
 }

package/src/app.html

@@ -4,9 +4,9 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%svelte.head%
+		%sveltekit.head%
 	</head>
 	<body>
-		<div id="svelte">%svelte.body%</div>
+		<div id="svelte">%sveltekit.body%</div>
 	</body>
 </html>

package/src/lib/PrismicProvider.svelte

@@ -2,7 +2,7 @@
 	import { setContext } from "svelte";
 
 	import { prismicKey } from "./injectionSymbols";
-	import { PrismicContext } from "./types";
+	import type { PrismicContext } from "../types/PrismicContext.type";
 
 	// export let client: PrismicContext["client"] = undefined;
 	// export let linkResolver: PrismicContext["linkResolver"] = undefined;
@@ -13,13 +13,13 @@
 		prismic: undefined,
 		htmlSerializer: undefined,
 		slices: undefined,
-	}
+	};
 
 	setContext<PrismicContext>(prismicKey, {
 		client: prismic.client,
 		linkResolver: prismic.linkResolver,
 		htmlSerializer: prismic.htmlSerializer,
-		slices: prismic.slices
+		slices: prismic.slices,
 	});
 </script>