chore(docs): add layout

Author: FelipeO16

docs/app/components/HeaderUi.vue

@@ -6,7 +6,7 @@
           href="/"
           class="brand-logo flex"
         ><img
-          src="https://avatars.githubusercontent.com/u/165912134?s=400&u=f52b418a7346cf1629064d23ff093ae2752786e5&v=4"
+          src="/logo.png"
           width="80"
           alt=""
         ><div class="text-2xl mt-5">Paper Ui</div></a>

docs/app/layouts/default.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="main h-screen w-screen flex justify-center" 
+  :style="{background: route.path == '/' ? 'url(/bg.svg) no-repeat' : ''}">
+    <div class="container h-full text-xl">
+      <HeaderUi />
+      <NuxtPage />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { _backgroundImage } from '#tailwind-config/theme';
+
+const route = useRoute()
+
+</script>
+
+<style>
+.main {
+  background-size: cover;
+}
+</style>

docs/app/pages/[...slug].vue

@@ -12,10 +12,12 @@ if (!page.value) {
 </script>
 
 <template>
-  <div class=" overflow-y-auto ">
-    <ContentRenderer
-      v-if="page"
-      :value="page"
-    />
-  </div>
+  <NuxtLayout>
+    <div class=" overflow-y-auto ">
+      <ContentRenderer
+        v-if="page"
+        :value="page"
+      />
+    </div>
+  </NuxtLayout>
 </template>

docs/content/docs.md

@@ -0,0 +1 @@
+# docs