Ts issue with contentrelationship fields

Developing with Prismic
,
1

Describe your question/issue in detail

I'm having issues with typescript when using contentrelationship fields when I wan to use them like following:

      <div class="container">
        <div class="grid">
          <h2>{{ item.category.data.title }}</h2>
        </div>
        <div
          v-if="isFilled.contentRelationship(item.category)"
          class="grid"
        >
          <h2>{{ item.category.data.title }}</h2>
        </div>
      </div>

Screenshot 2024-11-20 at 15.17.41
Screenshot 2024-11-20 at 15.17.411128×488 41.3 KB

first error is because it could be an empty relationship field:

Screenshot 2024-11-20 at 15.18.11
Screenshot 2024-11-20 at 15.18.112082×412 70.8 KB

so I tried to fix that by using isFilled.contentRelationship, but then I get another error that I don't know how to fix/type:

Screenshot 2024-11-20 at 15.19.11
Screenshot 2024-11-20 at 15.19.111866×340 51.9 KB

would love to hear ideas how to fix that because I don't want to add every single time, feels hacky

3

Hi @jankohlbach,

We've discussed this previously here and you'll find the solution in that thread :slight_smile:

Thanks.