feat: refactor socials handling to accept an object

clemcode commented 2 years ago

CodeSandbox logo Open in CodeSandbox Web Editor | VS Code

resolves nuxt/framework#75

TODO: Type config

This PR adds:

SocialIcons component inspired by Docus (https://github.com/nuxt-themes/docus/blob/9daf2dbd3d5eaf58eaff96d3ae4d9692b766cb36/theme/components/SocialIcons.vue)

This PR changes:

Alpine app.config.ts now accepts an object for socials that can take pairs of key-values or custom objects :

socials: {
      twitter: 'nuxtlabs',
      instagram: 'atinuxt',
      linkedin: {
        icon: 'uil:linkedin',
        label: 'LinkedIn',
        href: 'https://www.linkedin.com/company/nuxtlabs'
      }
    }

Remove the footer.socials key (check is made on the presence and length of socials) and moves the message key up (A message on the footer can be copyright or anything and is not tied to Social links presence)

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
alpine	✅ Ready (Inspect)	Visit Preview	Aug 23, 2022 at 5:50PM (UTC)

atinux commented 2 years ago

No need to type the config for now, it is automatically typed. Also, see https://github.com/nuxt/nuxt.js/issues/14670 for later improvements

nuxt-themes / alpine

feat: refactor socials handling to accept an object #76