Merge branch 'dev' of https://github.com/nuxt-themes/alpine into dev

Author: Sébastien Chopin

.docs/app.config.ts

@@ -0,0 +1,10 @@
+export default defineAppConfig({
+  alpine: {
+    socials: {
+      twitter: 'nuxtstudio',
+      instagram: 'wearenuxt',
+      github: 'nuxt-themes/alpine',
+      youtube: '@nuxtlabs'
+    }
+  }
+})

app.config.ts

@@ -27,13 +27,12 @@ export default defineAppConfig({
       message: 'Follow me on'
     },
     socials: {
-      twitter: 'nuxtlabs',
-      instagram: 'atinuxt',
-      linkedin: {
-        icon: 'uil:linkedin',
-        label: 'LinkedIn',
-        href: 'https://www.linkedin.com/company/nuxtlabs'
-      }
+      twitter: '',
+      instagram: '',
+      github: '',
+      facebook: '',
+      medium: '',
+      youtube: ''
     },
     form: {
       successMessage: 'Message sent. Thank you!'

components/AppFooter.vue

@@ -19,7 +19,7 @@ const alpine = useAppConfig().alpine
     <p v-if="alpine.footer?.message" class="message">
       {{ alpine.footer.message }}
     </p>
-    
+
     <div class="icons">
       <div v-if="alpine.socials && Object.entries(alpine.socials)" class="social">
         <SocialIcons :socials="alpine.socials" />

nuxt.schema.ts

@@ -116,23 +116,37 @@ export default defineNuxtConfigSchema({
          * @example 'nuxt_js'
          * @studio-icon simple-icons:twitter
          */
-        twitter: 'nuxtlabs',
+        twitter: '',
         /**
          * Instagram handle
-         * @example https://www.instagram.com/atinuxt
+         * @example 'wearenuxt'
          * @studio-icon simple-icons:instagram
          */
-        instagram: 'atinuxt',
+        instagram: '',
         /**
-         * LinkedIn page url.
-         * @example https://www.linkedin.com/company/nuxtlabs
-         * @studio-icon simple-icons:instagram
+         * GitHub path
+         * @example 'nuxt-themes/alpine'
+         * @studio-icon simple-icons:github
          */
-        linkedin: {
-          icon: 'uil:linkedin',
-          label: 'LinkedIn',
-          href: 'https://www.linkedin.com/company/nuxtlabs'
-        }
+        github: '',
+        /**
+         * GitHub path
+         * @example 'nuxt'
+         * @studio-icon simple-icons:facebook
+         */
+        facebook: '',
+        /**
+         * Medium handle
+         * @example 'nuxt'
+         * @studio-icon simple-icons:medium
+         */
+        medium: '',
+        /**
+         * Youtube handle
+         * @example '@nuxtlabs'
+         * @studio-icon simple-icons:youtube
+         */
+        youtube: ''
       },
       /**
        * Contact form configuration.