pascalmartineau/wp-headless
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: AcfSocial / parseAcfSocial

Browse Source
This commit is contained in:
Pascal Martineau
2026-01-30 11:45:39 -05:00
parent 6dd13ead91
commit 3199835e83
11 changed files with 245 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
wp-content/themes/moonshine/app/components/acf/AcfSocial.fragment.gql Normal file
View File

@@ -0,0 +1,5 @@
fragment AcfSocial on GroupAbstractSocial_Fields {
profiles {
url
}
}

11
wp-content/themes/moonshine/app/components/acf/AcfSocial.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup lang="ts">
defineProps<{ social?: AcfSocialOutput }>();
</script>
<template>
<div v-if="social?.profiles" class="flex gap-1.5">
<a v-for="({ url, icon }, key) in social.profiles" :key="key" :href="url" target="_blank" rel="noopener noreferrer" class="flex">
<UIcon :name="icon" />
</a>
</div>
</template>

15
wp-content/themes/moonshine/app/components/site/SiteFooter.vue
View File

@@ -1,13 +1,12 @@
<script setup lang="ts">
const { data: siteOptions } = await useSiteOptions();
</script>
<template>
<UFooter id="site-footer">
<template #left>
<SiteFooterCopyright />
</template>
<template #right>
<SiteFooterCredits />
</template>
</UFooter>
<footer class="bg-accented links:link-prose">
<div class="container py-6">
<AcfSocialProfiles :social="parseAcfSocial(siteOptions)" />
</div>
<SiteFooterBottom />
</footer>
</template>

9
wp-content/themes/moonshine/app/components/site/SiteFooterBottom.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<div class="bg-inverted text-inverted py-1.5">
<div class="container flex flex-col sm:flex-row items-center gap-3">
<SiteFooterCopyright class="sm:mr-auto" />
<AuthConnexionButton color="neutral" variant="link" />
<SiteFooterCredits />
</div>
</div>
</template>