getSliceZoneComponents import issue

Developing with Prismic
1

Hi All :wave:
I'm following Alex Trost and Lucie Haberer Vite/Prismic boradcast.
I’m getting this SyntaxError: import not found: getSliceZoneComponents when running this .vue file:

<template>
	<div v-if="case_study">
		...
		<SliceZone :slices="case_study.data.body" :components="components" />
	</div>
</template>

<script setup>
import { useRoute } from "vue-router";
import { getSliceZoneComponents, usePrismicDocumentByUID } from "@prismicio/vue";

import Testimonial from "../components/Testimonial.vue";

const route = useRoute();
const { data: case_study } = usePrismicDocumentByUID("case_study", route.params.uid);
const components = getSliceZoneComponents({ });
</script>

Is getSliceZoneComponents not a thing?
Am I doing something wrong, or what?
Help will be much appreciated :pray:

Best wishes,
Yonatan

2

Hello @yonatan.bk

Thanks for reaching out to us.

The stream used the alpha version of the kit. We have since released some breaking changes to the underlying client kit (because we're in alpha).

What version of @prismicio/vue are you using? I assume you are using V3 beta of `@prismicio/vue' that doesn't have getSliceZoneComponents.

Here is a version 3 beta technical reference for @prismicio/vue?

Thanks,
Priyanka

4

Hi there :dancing_men:
I'm using version ^3.0.0-alpha.3 of @prismicio/vue

5

Hello @yonatan.bk

Can you update @prismicio/vue to the latest version? You can check the latest version here. The latest version doesn't have getSliceZone Components.

Let me know if you have any other questions.

Thanks,
Priyanka

1 Like