Merge branch 'main' into release/webserver-improvements-and-fixes

Author: jaydrogers

docs/app/app.vue

@@ -2,18 +2,20 @@
     <UApp>
         <NuxtLoadingIndicator />
 
-        <ServerSideUp/>
-        
-        <UBanner 
-            icon="i-lucide-zap" 
-            title="Zero-downtime deployments to any VPS — one purchase, unlimited deploys with Spin Pro" 
-            to="https://getspin.pro/?ref=docker-php"
-            color="primary"
-            class="text-white bg-linear-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700"
-            target="_blank"
-        />
+        <div class="sticky top-0 z-50">
+            <ProjectSwitcherBar />
 
-        <AppHeader />
+            <UBanner
+                icon="i-lucide-zap"
+                title="Zero-downtime deployments to any VPS — one purchase, unlimited deploys with Spin Pro"
+                to="https://getspin.pro/?ref=docker-php"
+                color="primary"
+                class="text-white bg-linear-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700"
+                target="_blank"
+            />
+
+            <AppHeader />
+        </div>
 
         <UMain class="bg-black">
             <NuxtLayout>
@@ -33,6 +35,8 @@
 </template>
 
 <script setup lang="ts">
+import { ProjectSwitcherBar } from '@serversideup/project-switcher-bar'
+
 const { seo } = useAppConfig()
 
 const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'))

docs/app/assets/css/main.css

@@ -2,6 +2,7 @@
 @import "@nuxt/ui";
 
 @source "../../../content/**/*";
+@source "../../../node_modules/@serversideup/project-switcher-bar/src";
 
 @theme {
   --color-mode: 'dark';