feat: docs

Projects/kompose/docs/app/app.vue

@@ -11,7 +11,7 @@ useHead({
     { name: 'viewport', content: 'width=device-width, initial-scale=1' }
   ],
   link: [
-    { rel: 'icon', href: 'favicon.ico' }
+    { rel: 'icon', href: '/favicon.ico' }
   ],
   htmlAttrs: {
     lang: 'en'

Projects/kompose/docs/app/components/AppFooter.vue

@@ -5,7 +5,7 @@ const { footer } = useAppConfig()
 <template>
   <UFooter>
     <template #left>
-      <img src="/kompose/favicon.svg" alt="kompose" class="size-5 mr-6"></img>
+      <img src="/icon.svg" alt="kompose" class="size-5 mr-0/5"></img>
       {{ footer.credits }}
     </template>
 

Projects/kompose/docs/app/components/AppHeader.vue

@@ -21,7 +21,8 @@ const { header } = useAppConfig()
 
     <template v-else #left>
       <div class="flex items-center gap-6">
-        <NuxtLink :to="header?.to || '/'" >
+        <NuxtLink :to="header?.to || '/'" class="flex items-center">
+          <img src="/icon.svg" alt="kompose" class="size-7 mt-1 mr-2"></img>
           <AppLogo class="!text-2xl mt-1" />
         </NuxtLink>