Skip to content

Commit 8ad61ed

Browse files
lihbrlihbr
committed
feat: support Nuxt v5
1 parent 4d1c968 commit 8ad61ed

12 files changed

Lines changed: 62 additions & 108 deletions

File tree

‎packages/adapter-nuxt/public/AlternateGrid/javascript.vue‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
<script setup>
2-
import { isFilled } from "@prismicio/client";
3-
4-
defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
2+
defineProps(getSliceComponentProps());
53
</script>
64

75
<template>
@@ -13,13 +11,13 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
1311
<div
1412
:class="[
1513
'es-alternate-grid__content',
16-
isFilled.image(slice.primary.image)
14+
$prismic.isFilled.image(slice.primary.image)
1715
? 'es-alternate-grid__content--with-image'
1816
: '',
1917
]"
2018
>
2119
<PrismicImage
22-
v-if="isFilled.image(slice.primary.image)"
20+
v-if="$prismic.isFilled.image(slice.primary.image)"
2321
:field="slice.primary.image"
2422
class="es-alternate-grid__image"
2523
:class="
@@ -31,19 +29,19 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
3129
<div class="es-alternate-grid__primary-content">
3230
<div className="es-alternate-grid__primary-content__intro">
3331
<div
34-
v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
32+
v-if="$prismic.isFilled.keyText(slice.primary.eyebrowHeadline)"
3533
class="es-alternate-grid__primary-content__intro__eyebrow"
3634
>
3735
{{ slice.primary.eyebrowHeadline }}
3836
</div>
3937
<PrismicRichText
40-
v-if="isFilled.richText(slice.primary.title)"
38+
v-if="$prismic.isFilled.richText(slice.primary.title)"
4139
:field="slice.primary.title"
4240
class="es-alternate-grid__primary-content__intro__headline"
4341
wrapper="div"
4442
/>
4543
<PrismicRichText
46-
v-if="isFilled.richText(slice.primary.description)"
44+
v-if="$prismic.isFilled.richText(slice.primary.description)"
4745
:field="slice.primary.description"
4846
class="es-alternate-grid__primary-content__intro__description"
4947
wrapper="div"
@@ -59,13 +57,13 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
5957
class="es-alternate-grid__item"
6058
>
6159
<PrismicRichText
62-
v-if="isFilled.richText(item.title)"
60+
v-if="$prismic.isFilled.richText(item.title)"
6361
:field="item.title"
6462
class="es-alternate-grid__item__heading"
6563
wrapper="div"
6664
/>
6765
<PrismicRichText
68-
v-if="isFilled.richText(item.description)"
66+
v-if="$prismic.isFilled.richText(item.description)"
6967
:field="item.description"
7068
class="es-alternate-grid__item__description"
7169
wrapper="div"

‎packages/adapter-nuxt/public/AlternateGrid/typescript.vue‎

Lines changed: 10 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
11
<script setup lang="ts">
2-
import { type Content, isFilled } from "@prismicio/client";
3-
4-
defineProps(
5-
getSliceComponentProps<Content.PascalNameToReplaceSlice>([
6-
"slice",
7-
"index",
8-
"slices",
9-
"context",
10-
]),
11-
);
2+
import type { Content } from "@prismicio/client";
3+
4+
defineProps(getSliceComponentProps<Content.PascalNameToReplaceSlice>());
125
</script>
136

147
<template>
@@ -20,13 +13,13 @@ defineProps(
2013
<div
2114
:class="[
2215
'es-alternate-grid__content',
23-
isFilled.image(slice.primary.image)
16+
$prismic.isFilled.image(slice.primary.image)
2417
? 'es-alternate-grid__content--with-image'
2518
: '',
2619
]"
2720
>
2821
<PrismicImage
29-
v-if="isFilled.image(slice.primary.image)"
22+
v-if="$prismic.isFilled.image(slice.primary.image)"
3023
:field="slice.primary.image"
3124
class="es-alternate-grid__image"
3225
:class="
@@ -38,19 +31,19 @@ defineProps(
3831
<div class="es-alternate-grid__primary-content">
3932
<div className="es-alternate-grid__primary-content__intro">
4033
<div
41-
v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
34+
v-if="$prismic.isFilled.keyText(slice.primary.eyebrowHeadline)"
4235
class="es-alternate-grid__primary-content__intro__eyebrow"
4336
>
4437
{{ slice.primary.eyebrowHeadline }}
4538
</div>
4639
<PrismicRichText
47-
v-if="isFilled.richText(slice.primary.title)"
40+
v-if="$prismic.isFilled.richText(slice.primary.title)"
4841
:field="slice.primary.title"
4942
class="es-alternate-grid__primary-content__intro__headline"
5043
wrapper="div"
5144
/>
5245
<PrismicRichText
53-
v-if="isFilled.richText(slice.primary.description)"
46+
v-if="$prismic.isFilled.richText(slice.primary.description)"
5447
:field="slice.primary.description"
5548
class="es-alternate-grid__primary-content__intro__description"
5649
wrapper="div"
@@ -66,13 +59,13 @@ defineProps(
6659
class="es-alternate-grid__item"
6760
>
6861
<PrismicRichText
69-
v-if="isFilled.richText(item.title)"
62+
v-if="$prismic.isFilled.richText(item.title)"
7063
:field="item.title"
7164
class="es-alternate-grid__item__heading"
7265
wrapper="div"
7366
/>
7467
<PrismicRichText
75-
v-if="isFilled.richText(item.description)"
68+
v-if="$prismic.isFilled.richText(item.description)"
7669
:field="item.description"
7770
class="es-alternate-grid__item__description"
7871
wrapper="div"

‎packages/adapter-nuxt/public/CallToAction/javascript.vue‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,5 @@
11
<script setup>
2-
import { isFilled } from "@prismicio/client";
3-
4-
const props = defineProps(
5-
getSliceComponentProps(["slice", "index", "slices", "context"]),
6-
);
2+
const props = defineProps(getSliceComponentProps());
73
84
const alignment = computed(() => {
95
return props.slice.variation === "alignLeft" ? "left" : "center";
@@ -18,19 +14,19 @@ const alignment = computed(() => {
1814
>
1915
<div class="es-bounded__content es-call-to-action__content">
2016
<PrismicImage
21-
v-if="isFilled.image(slice.primary.image)"
17+
v-if="$prismic.isFilled.image(slice.primary.image)"
2218
:field="slice.primary.image"
2319
class="es-call-to-action__image"
2420
/>
2521
<div class="es-call-to-action__content">
2622
<div
27-
v-if="isFilled.richText(slice.primary.title)"
23+
v-if="$prismic.isFilled.richText(slice.primary.title)"
2824
class="es-call-to-action__content__heading"
2925
>
3026
<PrismicRichText :field="slice.primary.title" />
3127
</div>
3228
<div
33-
v-if="isFilled.richText(slice.primary.paragraph)"
29+
v-if="$prismic.isFilled.richText(slice.primary.paragraph)"
3430
class="es-call-to-action__content__paragraph"
3531
>
3632
<PrismicRichText :field="slice.primary.paragraph" />

‎packages/adapter-nuxt/public/CallToAction/typescript.vue‎

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
11
<script setup lang="ts">
2-
import { type Content, isFilled } from "@prismicio/client";
2+
import type { Content } from "@prismicio/client";
33
4-
const props = defineProps(
5-
getSliceComponentProps<Content.PascalNameToReplaceSlice>([
6-
"slice",
7-
"index",
8-
"slices",
9-
"context",
10-
]),
11-
);
4+
const props = defineProps(getSliceComponentProps<Content.PascalNameToReplaceSlice>());
125
136
const alignment = computed(() => {
147
return props.slice.variation === "alignLeft" ? "left" : "center";
@@ -23,19 +16,19 @@ const alignment = computed(() => {
2316
>
2417
<div class="es-bounded__content es-call-to-action__content">
2518
<PrismicImage
26-
v-if="isFilled.image(slice.primary.image)"
19+
v-if="$prismic.isFilled.image(slice.primary.image)"
2720
:field="slice.primary.image"
2821
class="es-call-to-action__image"
2922
/>
3023
<div class="es-call-to-action__content">
3124
<div
32-
v-if="isFilled.richText(slice.primary.title)"
25+
v-if="$prismic.isFilled.richText(slice.primary.title)"
3326
class="es-call-to-action__content__heading"
3427
>
3528
<PrismicRichText :field="slice.primary.title" />
3629
</div>
3730
<div
38-
v-if="isFilled.richText(slice.primary.paragraph)"
31+
v-if="$prismic.isFilled.richText(slice.primary.paragraph)"
3932
class="es-call-to-action__content__paragraph"
4033
>
4134
<PrismicRichText :field="slice.primary.paragraph" />

‎packages/adapter-nuxt/public/CustomerLogos/javascript.vue‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
<script setup>
2-
import { isFilled } from "@prismicio/client";
3-
4-
defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
2+
defineProps(getSliceComponentProps());
53
</script>
64

75
<template>
@@ -12,7 +10,7 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
1210
>
1311
<div class="es-bounded__content es-customer-logos__content">
1412
<div
15-
v-if="isFilled.richText(slice.primary.eyebrowHeadline)"
13+
v-if="$prismic.isFilled.richText(slice.primary.eyebrowHeadline)"
1614
class="es-customer-logos__heading"
1715
>
1816
<PrismicRichText :field="slice.primary.eyebrowHeadline" />

‎packages/adapter-nuxt/public/CustomerLogos/typescript.vue‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
11
<script setup lang="ts">
2-
import { type Content, isFilled } from "@prismicio/client";
2+
import type { Content } from "@prismicio/client";
33
4-
defineProps(
5-
getSliceComponentProps<Content.PascalNameToReplaceSlice>([
6-
"slice",
7-
"index",
8-
"slices",
9-
"context",
10-
]),
11-
);
4+
defineProps(getSliceComponentProps<Content.PascalNameToReplaceSlice>());
125
</script>
136

147
<template>
@@ -19,7 +12,7 @@ defineProps(
1912
>
2013
<div class="es-bounded__content es-customer-logos__content">
2114
<div
22-
v-if="isFilled.richText(slice.primary.eyebrowHeadline)"
15+
v-if="$prismic.isFilled.richText(slice.primary.eyebrowHeadline)"
2316
class="es-customer-logos__heading"
2417
>
2518
<PrismicRichText :field="slice.primary.eyebrowHeadline" />

‎packages/adapter-nuxt/public/Hero/javascript.vue‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
<script setup>
2-
import { isFilled } from "@prismicio/client";
3-
4-
defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
2+
defineProps(getSliceComponentProps());
53
</script>
64

75
<template>
@@ -20,27 +18,27 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
2018
>
2119
<div>
2220
<PrismicImage
23-
v-if="isFilled.image(slice.primary.image)"
21+
v-if="$prismic.isFilled.image(slice.primary.image)"
2422
:field="slice.primary.image"
2523
class="es-fullpage-hero__image"
2624
/>
2725
</div>
2826
<div class="es-fullpage-hero__content-right">
2927
<div class="es-fullpage-hero__content__intro">
3028
<p
31-
v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
29+
v-if="$prismic.isFilled.keyText(slice.primary.eyebrowHeadline)"
3230
class="es-fullpage-hero__content__intro__eyebrow"
3331
>
3432
{{ slice.primary.eyebrowHeadline }}
3533
</p>
3634
<div
37-
v-if="isFilled.richText(slice.primary.title)"
35+
v-if="$prismic.isFilled.richText(slice.primary.title)"
3836
class="es-fullpage-hero__content__intro__headline"
3937
>
4038
<PrismicRichText :field="slice.primary.title" />
4139
</div>
4240
<div
43-
v-if="isFilled.richText(slice.primary.description)"
41+
v-if="$prismic.isFilled.richText(slice.primary.description)"
4442
class="es-fullpage-hero__content__intro__description"
4543
>
4644
<PrismicRichText :field="slice.primary.description" />

‎packages/adapter-nuxt/public/Hero/typescript.vue‎

Lines changed: 7 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
11
<script setup lang="ts">
2-
import { type Content, isFilled } from "@prismicio/client";
3-
4-
defineProps(
5-
getSliceComponentProps<Content.PascalNameToReplaceSlice>([
6-
"slice",
7-
"index",
8-
"slices",
9-
"context",
10-
]),
11-
);
2+
import type { Content } from "@prismicio/client";
3+
4+
defineProps(getSliceComponentProps<Content.PascalNameToReplaceSlice>());
125
</script>
136

147
<template>
@@ -27,27 +20,27 @@ defineProps(
2720
>
2821
<div>
2922
<PrismicImage
30-
v-if="isFilled.image(slice.primary.image)"
23+
v-if="$prismic.isFilled.image(slice.primary.image)"
3124
:field="slice.primary.image"
3225
class="es-fullpage-hero__image"
3326
/>
3427
</div>
3528
<div class="es-fullpage-hero__content-right">
3629
<div class="es-fullpage-hero__content__intro">
3730
<p
38-
v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
31+
v-if="$prismic.isFilled.keyText(slice.primary.eyebrowHeadline)"
3932
class="es-fullpage-hero__content__intro__eyebrow"
4033
>
4134
{{ slice.primary.eyebrowHeadline }}
4235
</p>
4336
<div
44-
v-if="isFilled.richText(slice.primary.title)"
37+
v-if="$prismic.isFilled.richText(slice.primary.title)"
4538
class="es-fullpage-hero__content__intro__headline"
4639
>
4740
<PrismicRichText :field="slice.primary.title" />
4841
</div>
4942
<div
50-
v-if="isFilled.richText(slice.primary.description)"
43+
v-if="$prismic.isFilled.richText(slice.primary.description)"
5144
class="es-fullpage-hero__content__intro__description"
5245
>
5346
<PrismicRichText :field="slice.primary.description" />

0 commit comments

Comments
 (0)