fix: move all dynamic config to nuxt.config.ts for proper env var handling

- Move versioning, docus URLs, github branch to nuxt.config appConfig
- Remove process.env usage from app.config.ts (doesn't work at build time)
- Replace DocsVersionBanner with AppHeader that includes banner
- This ensures DOCS_VERSION env var is properly read during build

Author: ManukMinasyan

docs/app.config.ts

@@ -1,39 +1,23 @@
-const baseURL = process.env.NUXT_APP_BASE_URL || '/'
-const currentVersion = process.env.DOCS_VERSION || 'v3'
-
 export default defineAppConfig({
     docus: {
         title: 'Flowforge',
         description: 'Transform any Laravel model into production-ready drag-and-drop Kanban boards.',
-        url: `https://relaticle.github.io${baseURL}`,
-        image: `${baseURL}preview.png`,
         header: {
             logo: {
                 alt: 'Flowforge Logo',
-                light: `${baseURL}logo-light.svg`,
-                dark: `${baseURL}logo-dark.svg`
             }
         }
     },
     seo: {
         title: 'Flowforge',
         description: 'Transform any Laravel model into production-ready drag-and-drop Kanban boards.',
-        ogImage: `${baseURL}preview.png`
     },
     github: {
-        branch: currentVersion === 'v3' ? '3.x' : '2.x',
         repo: 'flowforge',
         owner: 'Relaticle',
         edit: true,
         rootDir: 'docs'
     },
-    versioning: {
-        current: currentVersion,
-        versions: [
-            { label: 'v3 (Latest)', value: 'v3', path: '/flowforge/' },
-            { label: 'v2', value: 'v2', path: '/flowforge/v2/' }
-        ]
-    },
     socials: {
         discord: 'https://discord.gg/b9WxzUce4Q'
     },

docs/components/AppHeader.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+const appConfig = useAppConfig()
+const currentVersion = appConfig.versioning?.current || 'v3'
+const isOldVersion = currentVersion !== 'v3'
+</script>
+
+<template>
+    <div>
+        <div
+            v-if="isOldVersion"
+            class="bg-amber-100 dark:bg-amber-900/50 text-amber-800 dark:text-amber-200 px-4 py-2 text-center text-sm border-b border-amber-200 dark:border-amber-800"
+        >
+            You are viewing documentation for Flowforge {{ currentVersion }}.
+            <a
+                href="/flowforge/"
+                class="underline font-medium hover:text-amber-900 dark:hover:text-amber-100"
+            >
+                View the latest version (v3) &rarr;
+            </a>
+        </div>
+        <DocsHeader />
+    </div>
+</template>

docs/components/DocsVersionBanner.vue

@@ -10,8 +10,28 @@ export default defineNuxtConfig({
         name: 'Flowforge',
     },
     appConfig: {
+        docus: {
+            url: `https://relaticle.github.io${baseURL}`,
+            image: `${baseURL}preview.png`,
+            header: {
+                logo: {
+                    light: `${baseURL}logo-light.svg`,
+                    dark: `${baseURL}logo-dark.svg`,
+                },
+            },
+        },
+        seo: {
+            ogImage: `${baseURL}preview.png`,
+        },
+        github: {
+            branch: docsVersion === 'v3' ? '3.x' : '2.x',
+        },
         versioning: {
             current: docsVersion,
+            versions: [
+                { label: 'v3 (Latest)', value: 'v3', path: '/flowforge/' },
+                { label: 'v2', value: 'v2', path: '/flowforge/v2/' },
+            ],
         },
     },
     app: {