Migrate docudjeex to Docus v4 with EN/FR content

2026-08-30 16:41:37 +02:00
commit c51fcd5df6
241 changed files with 41143 additions and 0 deletions
@@ -0,0 +1,102 @@
+<script setup lang="ts">
+const appConfig = useAppConfig()
+const { forced: forcedColorMode } = useDocusColorMode()
+
+const { isEnabled: isAssistantEnabled } = useAssistant()
+const { isEnabled, locales } = useDocusI18n()
+const { subNavigationMode } = useSubNavigation()
+
+const links = computed(() => {
+  const list = []
+  if (appConfig.socials?.gitea) {
+    list.push({
+      'icon': 'i-simple-icons-gitea',
+      'to': appConfig.socials.gitea,
+      'target': '_blank',
+      'aria-label': 'Gitea',
+    })
+  }
+  if (appConfig.github?.url) {
+    list.push({
+      'icon': 'i-simple-icons-github',
+      'to': appConfig.github.url,
+      'target': '_blank',
+      'aria-label': 'GitHub',
+    })
+  }
+  return list
+})
+</script>
+
+<template>
+  <UHeader
+    :ui="{ center: 'flex-1' }"
+    :class="{ 'flex flex-col': subNavigationMode === 'header' }"
+  >
+    <AppHeaderCenter />
+
+    <template #left>
+      <AppHeaderLeft />
+    </template>
+
+    <template #right>
+      <AppHeaderCTA />
+
+      <template v-if="isAssistantEnabled">
+        <AssistantChat />
+      </template>
+
+      <template v-if="isEnabled && locales.length > 1">
+        <ClientOnly>
+          <LanguageSelect />
+
+          <template #fallback>
+            <div class="h-8 w-8 animate-pulse bg-neutral-200 dark:bg-neutral-800 rounded-md" />
+          </template>
+        </ClientOnly>
+
+        <USeparator
+          orientation="vertical"
+          class="h-8"
+        />
+      </template>
+
+      <UContentSearchButton class="lg:hidden" />
+
+      <ClientOnly v-if="!forcedColorMode">
+        <UColorModeButton />
+
+        <template #fallback>
+          <div class="h-8 w-8 animate-pulse bg-neutral-200 dark:bg-neutral-800 rounded-md" />
+        </template>
+      </ClientOnly>
+
+      <template v-if="links?.length">
+        <UButton
+          v-for="(link, index) of links"
+          :key="index"
+          v-bind="{ color: 'neutral', variant: 'ghost', ...link }"
+        />
+      </template>
+    </template>
+
+    <template #toggle="{ open, toggle }">
+      <IconMenuToggle
+        :open="open"
+        class="lg:hidden"
+        @click="toggle"
+      />
+    </template>
+
+    <template #body>
+      <AppHeaderBody />
+    </template>
+
+    <template
+      v-if="subNavigationMode === 'header'"
+      #bottom
+    >
+      <AppHeaderBottom />
+    </template>
+  </UHeader>
+</template>
@@ -0,0 +1,3 @@
+<template>
+  <div />
+</template>
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+const { sections } = useSubNavigation()
+
+const navMenuVariants = useUIConfig('navigationMenu')
+</script>
+
+<template>
+  <template v-if="sections.length">
+    <!-- Empty spacer: keeps the header's flex-1 center slot from collapsing
+         while the real menu below is absolutely positioned so it can match
+         the article's content-column width instead of this slot's width. -->
+    <div class="hidden lg:block w-full" />
+
+    <UContainer class="absolute inset-x-0 inset-y-0 hidden lg:flex items-center pointer-events-none">
+      <!-- Mirrors the docs page's actual layout: an outer 10-col grid (left
+           doc-tree sidebar = col-span-2) containing a second, nested 10-col
+           grid for the article body (right TOC sidebar = col-span-2 of that
+           inner grid). Matching both levels is what lines this menu up with
+           the real content column instead of a naive single-level fraction. -->
+      <div class="grid grid-cols-10 gap-10 w-full pointer-events-auto">
+        <div class="col-span-8 col-start-3 grid grid-cols-10 gap-10">
+          <div class="col-span-8 col-start-1">
+            <UNavigationMenu
+              :items="sections"
+              :highlight="navMenuVariants.highlight ?? true"
+              :highlight-color="navMenuVariants.highlightColor"
+              :variant="navMenuVariants.variant ?? 'pill'"
+              :color="navMenuVariants.color"
+              class="-mx-[10px] w-[calc(100%+20px)] [&>div]:w-full"
+              :ui="{ list: 'w-full justify-between', item: 'py-0' }"
+            />
+          </div>
+        </div>
+      </div>
+    </UContainer>
+  </template>
+
+  <UContentSearchButton
+    v-else
+    :collapsed="false"
+    class="w-full"
+    variant="soft"
+    :ui="{
+      leadingIcon: 'size-4 mx-0.5',
+    }"
+  />
+</template>