feat(docs): add new components and images to the project, including carousel support and layout optimization on the welcome page

Author: FelipeO16

docs/app/components/HeaderUi.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div class="nav-wrapper flex justify-between px-4">
+  <div class="w-full">
+    <div class="nav-wrapper flex justify-between px-4 w-full">
       <div class=" flex justify-center items-center gap-2 mt-5">
         <img
           src="/logo.svg"

docs/app/components/WelcomePage.vue

@@ -0,0 +1,13 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <div class="h-screen flex flex-col w-full">
+    <HeaderUi />
+    <div class="flex-1 overflow-y-auto w-full">
+      <NuxtPage />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const route = useRoute()
+</script> 

docs/app/layouts/examples.vue

@@ -4,6 +4,8 @@ export default defineNuxtConfig({
     '@nuxt/content',
     '../src/module',
     '@nuxtjs/tailwindcss',
+    'vue3-carousel-nuxt',
+    '@nuxt/image',
   ],
   devtools: { enabled: true },
   content: { nitro: {
@@ -32,4 +34,4 @@ export default defineNuxtConfig({
       darkMode: 'class',
     },
   },
-})
+})

docs/nuxt.config.ts

@@ -11,10 +11,12 @@
   },
   "dependencies": {
     "@nuxt/content": "^3.0.0",
+    "@nuxt/image": "1.11.0",
     "@nuxtjs/mdc": "^0.13.2",
     "@nuxtjs/tailwindcss": "^6.13.1",
     "@paper-ui/nuxt": "^1.1.6",
     "better-sqlite3": "^12.2.0",
-    "nuxt": "^3.15.2"
+    "nuxt": "^3.15.2",
+    "vue3-carousel-nuxt": "1.1.6"
   }
 }