# Customize SliceZone empty message?

**URL:** <https://community.prismic.io/t/customize-slicezone-empty-message/4593>\
**Category:** Developing with Prismic\
**Tags:** nuxtjs, product-feature-idea\
**Created:** [March 19, 2021, 12:12am UTC](https://community.prismic.io/t/customize-slicezone-empty-message/4593 "2021-03-19T00:12:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jmetros](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/jmetros/32/602_2.png) [@jmetros](https://community.prismic.io/u/jmetros)\
**Post date:** [March 19, 2021, 12:12am UTC](https://community.prismic.io/t/customize-slicezone-empty-message/4593/1 "2021-03-19T00:12:23Z")

</div>

Our app is a Nuxt PWA with @nuxtjs/prismic, vue-slicezone and nuxt-sm deps.

When we create new pages or make some larger changes, we run into cache issues with our CDN sitting infront of Prismic. Sometimes stakeholders see this directly after a new build if we dont purge our cache:

 ![Screen Shot 2021-03-18 at 8.04.55 PM](https://europe1.discourse-cdn.com/flex013/uploads/prismic/original/2X/f/fbdee5ac38c754857124ce585a80a6a64b4a0496.png)

Is there a way to beautify this message directly ( our kill it outright ) without forking and mucking with the component?

Or is there a best practice if the slice prop is empty, which I don't think we can know upfront ( when SSR ) because of async calls. For example:

```auto
<SliceZone type="some_page_that_doesnt_exist" query-type="single" error-component="MyErrorComponent" />

```

Any help would be appreciated. Management does not like this SliceZone error. A simple little text or console error would be better than this because it looks like Prismic is the problem when it might not be. Of course we say, clear cache shift refresh yada yada, but something more on-brand is needed.

Thoughts?

---

<div class="post-metadata">

**Author:** ![jake](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/jake/32/5120_2.png) [@jake](https://community.prismic.io/u/jake)\
**Post date:** [March 22, 2021, 3:11pm UTC](https://community.prismic.io/t/customize-slicezone-empty-message/4593/3 "2021-03-22T15:11:42Z")

</div>

Hi Jmetros,

You could wrap the slice-zone inside a unique id/class and target the first element with css if classname is 'box'?

`#slicesWrap > secton.box { display: none; }`

---

<div class="post-metadata">

**Author:** ![Fares](https://avatars.discourse-cdn.com/v4/letter/f/71e660/32.png) [@Fares](https://community.prismic.io/u/Fares)\
**Post date:** [April 22, 2021, 2:20pm UTC](https://community.prismic.io/t/customize-slicezone-empty-message/4593/4 "2021-04-22T14:20:08Z")

</div>

Thanks, @jake, for proposing this workaround.

In fact, I don't know how to prevent this on the Prismic side, but if you think you have a solution, you can propose a PR on the [Slice Machine Github repository](https://github.com/prismicio/slice-machine), and we will review it.

---

<div class="post-metadata">

**Author:** ![Fares](https://avatars.discourse-cdn.com/v4/letter/f/71e660/32.png) [@Fares](https://community.prismic.io/u/Fares)\
**Post date:** [May 17, 2021, 5:07pm UTC](https://community.prismic.io/t/customize-slicezone-empty-message/4593/5 "2021-05-17T17:07:11Z")

</div>

This issue has been closed due to inactivity. [Flag to reopen](https://community.prismic.io/t/re-open-a-thread/2175).

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [December 9, 2021, 4:20pm UTC](https://community.prismic.io/t/customize-slicezone-empty-message/4593/6 "2021-12-09T16:20:48Z")

</div>