diff --git a/components/SkylineFeature.vue b/components/SkylineFeature.vue
new file mode 100644
index 00000000..5497c6fb
--- /dev/null
+++ b/components/SkylineFeature.vue
@@ -0,0 +1,201 @@
+
+
+
+
+
+
+
+
+ {{ featureLabel }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ articleMd?.description }}
+
+
+
+
+
+
+
+
+
+ {{ articleSm?.description }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/VCardMetadata.vue b/components/VCardMetadata.vue
index f70e5cec..eba48cf5 100644
--- a/components/VCardMetadata.vue
+++ b/components/VCardMetadata.vue
@@ -45,8 +45,14 @@ const commentCount = computed(() => {
:authors="props.article.authors || props.article.relatedAuthors"
/>
-
diff --git a/pages/index.vue b/pages/index.vue
index 5ef01c26..4344d89a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,18 +3,17 @@ import { onMounted } from 'vue'
import VCard from '@nypublicradio/nypr-design-system-vue3/v2/src/components/VCard.vue'
import { useUpdateCommentCounts } from '~~/composables/comments'
import useImageUrl from '~~/composables/useImageUrl'
-import { ArticlePage } from '~~/composables/types/Page';
+import { ArticlePage } from '~~/composables/types/Page'
import { computed, ref } from 'vue'
const riverStoryCount = ref(6)
const riverAdOffset = ref(2)
const riverAdRepeatRate = ref(6)
-const articlesPromise = findArticlePages({limit: riverStoryCount.value}).then(({ data }) =>
- normalizeFindArticlePagesResponse(data)
+const articlesPromise = findArticlePages({ limit: riverStoryCount.value }).then(
+ ({ data }) => normalizeFindArticlePagesResponse(data)
)
-
const homePageCollectionsPromise = findPage('/').then(({ data }) => {
return data.value.pageCollectionRelationship.map((collection) => {
return {
@@ -30,7 +29,6 @@ const [articles, homePageCollections] = await Promise.all([
articlesPromise,
homePageCollectionsPromise,
])
-
// the latest articles
const latestArticles = ref([...articles])
@@ -49,7 +47,7 @@ const riverSegments = computed(() => {
const loadMoreArticles = async () => {
const newArticles = await useLoadMoreArticles({
limit: riverStoryCount.value,
- offset: latestArticles.value.length
+ offset: latestArticles.value.length,
})
latestArticles.value.push(...newArticles)
}
@@ -85,7 +83,6 @@ const nativoSectionLoaded = (name) => {
PostRelease.Start()
}
}
-
@@ -98,7 +95,7 @@ const nativoSectionLoaded = (name) => {
@vue:mounted="nativoSectionLoaded('ntv-latest-1')"
/>
-
+
@@ -118,6 +115,11 @@ const nativoSectionLoaded = (name) => {
v-if="collection.layout === 'center-feature'"
:collection="collection"
/>
+
@@ -132,13 +134,18 @@ const nativoSectionLoaded = (name) => {
-
{{segmentIndex === 0 ? "LATEST" : ""}}
+
+ {{ segmentIndex === 0 ? 'LATEST' : '' }}
+
{