From b17ef3ae0f1d456cb72e7c6c0fa90a5b42bf1b28 Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Sat, 10 Jun 2023 20:58:41 -0700
Subject: [PATCH] Add version to Docs header; fix broken links

---
 src/routes/docs/1.0/__layout.svelte    | 3 ++-
 src/routes/docs/1.0/dialog.svx         | 2 +-
 src/routes/docs/1.0/disclosure.svx     | 2 +-
 src/routes/docs/1.0/listbox.svx        | 2 +-
 src/routes/docs/1.0/menu.svx           | 2 +-
 src/routes/docs/1.0/popover.svx        | 2 +-
 src/routes/docs/latest/__layout.svelte | 3 ++-
 src/routes/docs/latest/dialog.svx      | 2 +-
 src/routes/docs/latest/disclosure.svx  | 2 +-
 src/routes/docs/latest/listbox.svx     | 2 +-
 src/routes/docs/latest/menu.svx        | 2 +-
 src/routes/docs/latest/popover.svx     | 2 +-
 12 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/routes/docs/1.0/__layout.svelte b/src/routes/docs/1.0/__layout.svelte
index 0413b09..f845d5a 100644
--- a/src/routes/docs/1.0/__layout.svelte
+++ b/src/routes/docs/1.0/__layout.svelte
@@ -28,8 +28,9 @@
         <span class="sr-only">Open sidebar</span>
         <MenuAlt2Icon class="h-6 w-6" aria-hidden="true" />
       </button>
-      <a href="/docs">
+      <a href="/docs/1.0">
         <span class="text-amber-600">Svelte</span> Headless UI
+        <span class="text-base text-red-500">v1.0</span>
       </a>
     </div>
     <a
diff --git a/src/routes/docs/1.0/dialog.svx b/src/routes/docs/1.0/dialog.svx
index a5a80d6..909caf3 100644
--- a/src/routes/docs/1.0/dialog.svx
+++ b/src/routes/docs/1.0/dialog.svx
@@ -190,7 +190,7 @@ Because of these accessibility concerns, Svelte Headless UI's `Dialog` actually
 
 ## Transitions
 
-To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/1.0/disclosure.svx b/src/routes/docs/1.0/disclosure.svx
index 9a4c4c3..c6d339a 100644
--- a/src/routes/docs/1.0/disclosure.svx
+++ b/src/routes/docs/1.0/disclosure.svx
@@ -147,7 +147,7 @@ By default the `DisclosureButton` receives focus after calling `close()`, but yo
 
 ## Transitions
 
-To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/1.0/listbox.svx b/src/routes/docs/1.0/listbox.svx
index 8167bcc..b925ee7 100644
--- a/src/routes/docs/1.0/listbox.svx
+++ b/src/routes/docs/1.0/listbox.svx
@@ -261,7 +261,7 @@ Use the `disabled` prop to disable a `ListboxOption`. This will make it unselect
 
 ## Transitions
 
-To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/1.0/menu.svx b/src/routes/docs/1.0/menu.svx
index 8b8ddbc..58f071b 100644
--- a/src/routes/docs/1.0/menu.svx
+++ b/src/routes/docs/1.0/menu.svx
@@ -178,7 +178,7 @@ Use the `disabled` prop to disable a `MenuItem`. This will make it unselectable
 
 ## Transitions
 
-To animate the opening and closing of the menu, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the menu, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/1.0/popover.svx b/src/routes/docs/1.0/popover.svx
index 298ad1e..3756ff7 100644
--- a/src/routes/docs/1.0/popover.svx
+++ b/src/routes/docs/1.0/popover.svx
@@ -218,7 +218,7 @@ Like all the other components, PopoverOverlay is completely unstyled, so how it
 
 ## Transitions
 
-To animate the opening and closing of the popover panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the popover panel, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/latest/__layout.svelte b/src/routes/docs/latest/__layout.svelte
index 0413b09..7768c49 100644
--- a/src/routes/docs/latest/__layout.svelte
+++ b/src/routes/docs/latest/__layout.svelte
@@ -28,8 +28,9 @@
         <span class="sr-only">Open sidebar</span>
         <MenuAlt2Icon class="h-6 w-6" aria-hidden="true" />
       </button>
-      <a href="/docs">
+      <a href="/docs/latest">
         <span class="text-amber-600">Svelte</span> Headless UI
+        <span class="text-base">v2.0</span>
       </a>
     </div>
     <a
diff --git a/src/routes/docs/latest/dialog.svx b/src/routes/docs/latest/dialog.svx
index a5a80d6..c3c1be3 100644
--- a/src/routes/docs/latest/dialog.svx
+++ b/src/routes/docs/latest/dialog.svx
@@ -190,7 +190,7 @@ Because of these accessibility concerns, Svelte Headless UI's `Dialog` actually
 
 ## Transitions
 
-To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/latest/disclosure.svx b/src/routes/docs/latest/disclosure.svx
index 9a4c4c3..523ab5d 100644
--- a/src/routes/docs/latest/disclosure.svx
+++ b/src/routes/docs/latest/disclosure.svx
@@ -147,7 +147,7 @@ By default the `DisclosureButton` receives focus after calling `close()`, but yo
 
 ## Transitions
 
-To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/latest/listbox.svx b/src/routes/docs/latest/listbox.svx
index d286c59..8a89f83 100644
--- a/src/routes/docs/latest/listbox.svx
+++ b/src/routes/docs/latest/listbox.svx
@@ -260,7 +260,7 @@ Use the `disabled` prop to disable a `ListboxOption`. This will make it unselect
 
 ## Transitions
 
-To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/latest/menu.svx b/src/routes/docs/latest/menu.svx
index 8b8ddbc..43980cb 100644
--- a/src/routes/docs/latest/menu.svx
+++ b/src/routes/docs/latest/menu.svx
@@ -178,7 +178,7 @@ Use the `disabled` prop to disable a `MenuItem`. This will make it unselectable
 
 ## Transitions
 
-To animate the opening and closing of the menu, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the menu, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 
diff --git a/src/routes/docs/latest/popover.svx b/src/routes/docs/latest/popover.svx
index ef5488a..18f6cb4 100644
--- a/src/routes/docs/latest/popover.svx
+++ b/src/routes/docs/latest/popover.svx
@@ -218,7 +218,7 @@ Like all the other components, PopoverOverlay is completely unstyled, so how it
 
 ## Transitions
 
-To animate the opening and closing of the popover panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the popover panel, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component