Use relationship data in slice machine

[bob (Bob Singor)]

I love the slice machine.

I'm working on a project where we are building our own "essential-slices". For a lot of client we need slices who have a relationship. Let's say on the homepage we have a section "featured work" (see picture attached).

"Work" is a different custom type and from the "Page" custom type we are referring in the slice "featured work" to the custom type "Work" using a relationship.

Currently we are manually querying the relationship and then the relationship fields will be returned. (we are not using the slice machine yet)

We would love to be using the slice machine library. Is there a way to do this using the slice machine? I couldn't find it and I think a lot of people are interested in a feature like that. This is currently limiting to really start using the slice machine.

[Pau]

Hey Bob It's so good to hear that you're enjoying working with Prismic and Slice Machine

@samlittlefair

Thanks for posting and welcome to the Prismic community.

If I understand correctly, I think what you want to do is completely possible.

Let me flesh out the example a little bit, to make sure I've got it right:

• You have a content type called "work", which has a field with the API ID "title"
• You have a content type called "page", which has a slice called "featured", which includes a content relationship
• You have a "page" document called "home", which has a "featured" slice that links to a "work" document

To get the title field from your "work" document, you can simply pass a params object to the SliceZone component on your home page, like this:

<SliceZone uid="home" type="page" :params="{ fetchLinks: 'work.title' }" />

Now, your API response should include a data property that includes the fetchLinks data.

If you want to get multiple fields, you can use an array: {fetchLinks: ['work.title','work.image']}

You can find more info on fetchLinks, here:

prismic.io

Fetch Linked Document Fields with Javascript - Prismic

And you can get more details on the SliceZone options here:

slicemachine.dev

Slice Machine

Devs make the parts, users make the websites.

I hope that helps! Let me know if it works for you. And let me know if you have any other questions.

Best,
Sam