feat: update schema for nuxt studio

Author: stafyniaksacha

nuxt.schema.ts

@@ -1,35 +1,108 @@
 export default defineNuxtSchema({
   appConfig: {
-    /**
-     * Stylô theme configuration.
-     *
-     * @studioIcon material-symbols:docs
-     */
     stylo: {
-      /**
-       * Website title, used as header default title and meta title.
-       *
-       * @studioIcon material-symbols:title
-       */
-      title: 'Stylô',
-      /**
-       * Header configuration.
-       *
-       * @studioIcon fluent:document-header-24-regular
-       */
+      $schema: {
+        title: 'Stylô',
+        description: 'Stylô theme configuration.',
+        tags: [
+          '@studioIcon material-symbols:docs'
+        ],
+      },
+      title: {
+        $default: 'Stylô',
+        $schema: {
+          type: "string",
+          title: 'Title',
+          description: 'Website title, used as header default title and meta title.',
+          tags: [
+            '@studioIcon material-symbols:title',
+            '@studioInput string',
+          ],
+        },
+      },
       header: {
-        displayTitle: true,
+        $schema: {
+          title: 'Header',
+          description: 'Header configuration.',
+          tags: [
+            '@studioIcon fluent:document-header-24-regular',
+          ],
+        },
+        displayTitle: {
+          $default: true,
+          $schema: {
+            type: "boolean",
+            title: 'Display title',
+            description: 'Show or hide the title in the header.',
+            tags: [
+              '@studioInput boolean',
+            ],
+          },
+        },
         logo: {
-          src: '',
-          srcDark: '',
-          alt: '',
+          $schema: {
+            title: 'Logo',
+            description: 'Header logo configuration.',
+            tags: [
+              '@studioIcon material-symbols:image',
+            ],
+          },
+          src: {
+            $default: '',
+            $schema: {
+              type: 'string',
+              title: 'Logo (light)',
+              description: 'Header logo image for light mode.',
+              tags: [
+                '@studioIcon material-symbols:image',
+                '@studioInput media',
+              ],
+            }
+          },
+          srcDark: {
+            $default: '',
+            $schema: {
+              type: 'string',
+              title: 'Logo (dark)',
+              description: 'Header logo image for dark mode.',
+              tags: [
+                '@studioIcon material-symbols:image-outline',
+                '@studioInput media',
+              ],
+            }
+          },
+          alt: {
+            $default: '',
+            $schema: {
+              type: 'string',
+              title: 'Logo alt',
+              description: 'Header logo alternative text.',
+              tags: [
+                '@studioInput string',
+              ],
+            }
+          },
         },
       },
       footer: {
+        $schema: {
+          title: 'Footer',
+          description: 'Footer configuration.',
+          tags: [
+            '@studioIcon fluent:document-footer-24-regular',
+          ],
+        },
         action: {
-          enabled: true,
-          title: 'Subscribe to our Newsletter',
-          text: 'Keep up with the latest news, updates and exclusive content by subscribing to our newsletter!',
+          $schema: {
+            title: 'Action',
+            description: 'Footer call-to-action configuration.',
+            tags: [
+              '@studioIcon fluent:button-20-regular',
+            ],
+          },
+          enabled: false,
+          title: '',
+          text: '',
           link: {
             href: '#',
             text: 'Subscribe',
@@ -38,11 +111,57 @@ export default defineNuxtSchema({
           },
         },
         logo: {
-          src: '',
-          srcDark: '',
-          alt: '',
+          $schema: {
+            title: 'Logo',
+            description: 'Footer logo configuration.',
+            tags: [
+              '@studioIcon material-symbols:image',
+            ],
+          },
+          src: {
+            $default: '',
+            $schema: {
+              type: 'string',
+              title: 'Logo (light)',
+              description: 'Footer logo image for light mode.',
+              tags: [
+                '@studioIcon material-symbols:image',
+                '@studioInput media',
+              ],
+            }
+          },
+          srcDark: {
+            $default: '',
+            $schema: {
+              type: 'string',
+              title: 'Logo (dark)',
+              description: 'Footer logo image for dark mode.',
+              tags: [
+                '@studioIcon material-symbols:image-outline',
+                '@studioInput media',
+              ],
+            }
+          },
+          alt: {
+            $default: '',
+            $schema: {
+              type: 'string',
+              title: 'Logo alt',
+              description: 'Footer logo alternative text.',
+              tags: [
+                '@studioInput string',
+              ],
+            }
+          },
         },
         copyright: {
+          $schema: {
+            title: 'Copyrigth',
+            description: 'Footer copyrigth configuration.',
+            tags: [
+              '@studioIcon material-symbols:copyright',
+            ],
+          },
           enabled: false,
           text: '',
           href: '',
@@ -52,6 +171,11 @@ export default defineNuxtSchema({
         social: {
           $schema: {
             type: 'array',
+            title: 'Social networks',
+            description: 'Footer social links configuration.',
+            tags: [
+              '@studioIcon material-symbols:share',
+            ],
             items: {
               type: 'object',
               required: ['icon', 'href'],
@@ -68,6 +192,11 @@ export default defineNuxtSchema({
         links: {
           $schema: {
             type: 'array',
+            title: 'Links',
+            description: 'Footer links configuration.',
+            tags: [
+              '@studioIcon material-symbols:link',
+            ],
             items: {
               type: 'object',
               required: ['text', 'href'],