diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d8f014f..e69de29 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +0,0 @@
-<script context="module" lang="ts">
-  export function load() {
-    return {
-      status: 302,
-      redirect: "docs",
-    };
-  }
-</script>
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
new file mode 100644
index 0000000..76b8858
--- /dev/null
+++ b/src/routes/+page.ts
@@ -0,0 +1,5 @@
+import { redirect } from '@sveltejs/kit';
+
+export function load() {
+  throw redirect(302, "docs");
+}
diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte
index a41e762..e69de29 100644
--- a/src/routes/docs/+page.svelte
+++ b/src/routes/docs/+page.svelte
@@ -1,8 +0,0 @@
-<script context="module" lang="ts">
-  export function load() {
-    return {
-      status: 302,
-      redirect: "docs/2.0",
-    };
-  }
-</script>
diff --git a/src/routes/docs/+page.ts b/src/routes/docs/+page.ts
new file mode 100644
index 0000000..d0c7d26
--- /dev/null
+++ b/src/routes/docs/+page.ts
@@ -0,0 +1,5 @@
+import { redirect } from '@sveltejs/kit';
+
+export function load() {
+  throw redirect(302, "docs/2.0");
+}
diff --git a/src/routes/docs/1.0/dialog/+page.svx b/src/routes/docs/1.0/dialog/+page.svx
index 909caf3..e135cee 100644
--- a/src/routes/docs/1.0/dialog/+page.svx
+++ b/src/routes/docs/1.0/dialog/+page.svx
@@ -1,7 +1,7 @@
 # Dialog
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/dialog" code="" class="h-[410px] bg-indigo-300"/>
diff --git a/src/routes/docs/1.0/disclosure/+page.svx b/src/routes/docs/1.0/disclosure/+page.svx
index c6d339a..b69304b 100644
--- a/src/routes/docs/1.0/disclosure/+page.svx
+++ b/src/routes/docs/1.0/disclosure/+page.svx
@@ -1,7 +1,7 @@
 # Disclosure
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/disclosure" code="" class="h-[370px] bg-fuchsia-300"/>
diff --git a/src/routes/docs/1.0/examples/popover/+page.svelte b/src/routes/docs/1.0/examples/popover/+page.svelte
index 180ed70..37eead2 100644
--- a/src/routes/docs/1.0/examples/popover/+page.svelte
+++ b/src/routes/docs/1.0/examples/popover/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { Popover, PopoverButton, PopoverPanel, Transition } from "$lib";
   import { ChevronDownIcon } from "@rgossiaux/svelte-heroicons/solid";
-  import PopoverIconOne from "./_PopoverIconOne.svelte";
-  import PopoverIconTwo from "./_PopoverIconTwo.svelte";
-  import PopoverIconThree from "./_PopoverIconThree.svelte";
+  import PopoverIconOne from "../_PopoverIconOne.svelte";
+  import PopoverIconTwo from "../_PopoverIconTwo.svelte";
+  import PopoverIconThree from "../_PopoverIconThree.svelte";
 
   const solutions = [
     {
diff --git a/src/routes/docs/1.0/general-concepts/+page.svx b/src/routes/docs/1.0/general-concepts/+page.svx
index 447ca5e..228eee6 100644
--- a/src/routes/docs/1.0/general-concepts/+page.svx
+++ b/src/routes/docs/1.0/general-concepts/+page.svx
@@ -373,7 +373,7 @@ You can use [actions](https://svelte.dev/tutorial/actions) with this library as
 ```svelte
 <script>
   import { Switch } from "@rgossiaux/svelte-headlessui";
-  import { action1, action2, action3 } from "./my-library";
+  import { action1, action2, action3 } from "../my-library";
   let action1options = {};
   let action3options = { foo: true };
 
diff --git a/src/routes/docs/1.0/listbox/+page.svx b/src/routes/docs/1.0/listbox/+page.svx
index b925ee7..f39cfee 100644
--- a/src/routes/docs/1.0/listbox/+page.svx
+++ b/src/routes/docs/1.0/listbox/+page.svx
@@ -1,7 +1,7 @@
 # Listbox
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/listbox" code="" class="h-[410px] bg-orange-300"/>
diff --git a/src/routes/docs/1.0/menu/+page.svx b/src/routes/docs/1.0/menu/+page.svx
index 58f071b..4dca246 100644
--- a/src/routes/docs/1.0/menu/+page.svx
+++ b/src/routes/docs/1.0/menu/+page.svx
@@ -1,7 +1,7 @@
 # Menu
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/menu" code="" class="h-[410px] bg-violet-300"/>
diff --git a/src/routes/docs/1.0/popover/+page.svx b/src/routes/docs/1.0/popover/+page.svx
index 3756ff7..480ae60 100644
--- a/src/routes/docs/1.0/popover/+page.svx
+++ b/src/routes/docs/1.0/popover/+page.svx
@@ -1,7 +1,7 @@
 # Popover
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/popover" code="" class="h-[520px] bg-orange-500"/>
diff --git a/src/routes/docs/1.0/radio-group/+page.svx b/src/routes/docs/1.0/radio-group/+page.svx
index d78b9cd..f87b657 100644
--- a/src/routes/docs/1.0/radio-group/+page.svx
+++ b/src/routes/docs/1.0/radio-group/+page.svx
@@ -1,7 +1,7 @@
 # Radio Group
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/radio-group" code="" class="h-[380px] bg-cyan-300"/>
diff --git a/src/routes/docs/1.0/switch/+page.svx b/src/routes/docs/1.0/switch/+page.svx
index 5c717d5..4107956 100644
--- a/src/routes/docs/1.0/switch/+page.svx
+++ b/src/routes/docs/1.0/switch/+page.svx
@@ -1,7 +1,7 @@
 # Switch
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/switch" code="" class="h-[180px] bg-teal-300"/>
diff --git a/src/routes/docs/1.0/tabs/+page.svx b/src/routes/docs/1.0/tabs/+page.svx
index fe1dd9b..e54fecd 100644
--- a/src/routes/docs/1.0/tabs/+page.svx
+++ b/src/routes/docs/1.0/tabs/+page.svx
@@ -1,7 +1,7 @@
 # Tabs
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/tabs" code="" class="h-[340px] bg-blue-300"/>
diff --git a/src/routes/docs/1.0/transition/+page.svx b/src/routes/docs/1.0/transition/+page.svx
index 3597dbb..22db882 100644
--- a/src/routes/docs/1.0/transition/+page.svx
+++ b/src/routes/docs/1.0/transition/+page.svx
@@ -1,7 +1,7 @@
 # Transition
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/transition" code="" class="h-[340px] bg-rose-300"/>
diff --git a/src/routes/docs/2.0/dialog/+page.svx b/src/routes/docs/2.0/dialog/+page.svx
index da6aefb..07c2a4f 100644
--- a/src/routes/docs/2.0/dialog/+page.svx
+++ b/src/routes/docs/2.0/dialog/+page.svx
@@ -1,7 +1,7 @@
 # Dialog
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/dialog" code="" class="h-[410px] bg-indigo-300"/>
diff --git a/src/routes/docs/2.0/disclosure/+page.svx b/src/routes/docs/2.0/disclosure/+page.svx
index 3640b66..8549b27 100644
--- a/src/routes/docs/2.0/disclosure/+page.svx
+++ b/src/routes/docs/2.0/disclosure/+page.svx
@@ -1,7 +1,7 @@
 # Disclosure
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/disclosure" code="" class="h-[370px] bg-fuchsia-300"/>
diff --git a/src/routes/docs/2.0/examples/popover/+page.svelte b/src/routes/docs/2.0/examples/popover/+page.svelte
index 180ed70..37eead2 100644
--- a/src/routes/docs/2.0/examples/popover/+page.svelte
+++ b/src/routes/docs/2.0/examples/popover/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { Popover, PopoverButton, PopoverPanel, Transition } from "$lib";
   import { ChevronDownIcon } from "@rgossiaux/svelte-heroicons/solid";
-  import PopoverIconOne from "./_PopoverIconOne.svelte";
-  import PopoverIconTwo from "./_PopoverIconTwo.svelte";
-  import PopoverIconThree from "./_PopoverIconThree.svelte";
+  import PopoverIconOne from "../_PopoverIconOne.svelte";
+  import PopoverIconTwo from "../_PopoverIconTwo.svelte";
+  import PopoverIconThree from "../_PopoverIconThree.svelte";
 
   const solutions = [
     {
diff --git a/src/routes/docs/2.0/general-concepts/+page.svx b/src/routes/docs/2.0/general-concepts/+page.svx
index f80e1ff..f5e2bc0 100644
--- a/src/routes/docs/2.0/general-concepts/+page.svx
+++ b/src/routes/docs/2.0/general-concepts/+page.svx
@@ -371,7 +371,7 @@ You can use [actions](https://svelte.dev/tutorial/actions) with this library as
 ```svelte
 <script>
   import { Switch } from "@rgossiaux/svelte-headlessui";
-  import { action1, action2, action3 } from "./my-library";
+  import { action1, action2, action3 } from "../my-library";
   let action1options = {};
   let action3options = { foo: true };
 
diff --git a/src/routes/docs/2.0/listbox/+page.svx b/src/routes/docs/2.0/listbox/+page.svx
index 11bb704..0dc5d7c 100644
--- a/src/routes/docs/2.0/listbox/+page.svx
+++ b/src/routes/docs/2.0/listbox/+page.svx
@@ -1,7 +1,7 @@
 # Listbox
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/listbox" code="" class="h-[410px] bg-orange-300"/>
diff --git a/src/routes/docs/2.0/menu/+page.svx b/src/routes/docs/2.0/menu/+page.svx
index 227e710..9d86602 100644
--- a/src/routes/docs/2.0/menu/+page.svx
+++ b/src/routes/docs/2.0/menu/+page.svx
@@ -1,7 +1,7 @@
 # Menu
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/menu" code="" class="h-[410px] bg-violet-300"/>
diff --git a/src/routes/docs/2.0/popover/+page.svx b/src/routes/docs/2.0/popover/+page.svx
index c86618f..993260e 100644
--- a/src/routes/docs/2.0/popover/+page.svx
+++ b/src/routes/docs/2.0/popover/+page.svx
@@ -1,7 +1,7 @@
 # Popover
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/popover" code="" class="h-[520px] bg-orange-500"/>
diff --git a/src/routes/docs/2.0/radio-group/+page.svx b/src/routes/docs/2.0/radio-group/+page.svx
index c8d5ef1..e845191 100644
--- a/src/routes/docs/2.0/radio-group/+page.svx
+++ b/src/routes/docs/2.0/radio-group/+page.svx
@@ -1,7 +1,7 @@
 # Radio Group
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/radio-group" code="" class="h-[380px] bg-cyan-300"/>
diff --git a/src/routes/docs/2.0/switch/+page.svx b/src/routes/docs/2.0/switch/+page.svx
index adb01da..6f62f8e 100644
--- a/src/routes/docs/2.0/switch/+page.svx
+++ b/src/routes/docs/2.0/switch/+page.svx
@@ -1,7 +1,7 @@
 # Switch
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/switch" code="" class="h-[180px] bg-teal-300"/>
diff --git a/src/routes/docs/2.0/tabs/+page.svx b/src/routes/docs/2.0/tabs/+page.svx
index 0c3af6c..57d1ac8 100644
--- a/src/routes/docs/2.0/tabs/+page.svx
+++ b/src/routes/docs/2.0/tabs/+page.svx
@@ -1,7 +1,7 @@
 # Tabs
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/tabs" code="" class="h-[340px] bg-blue-300"/>
diff --git a/src/routes/docs/2.0/transition/+page.svx b/src/routes/docs/2.0/transition/+page.svx
index a854d85..c66f517 100644
--- a/src/routes/docs/2.0/transition/+page.svx
+++ b/src/routes/docs/2.0/transition/+page.svx
@@ -1,7 +1,7 @@
 # Transition
 
 <script>
-  import Preview from "./_Preview.svelte";
+  import Preview from "../_Preview.svelte";
 </script>
 
 <Preview url="examples/transition" code="" class="h-[340px] bg-rose-300"/>
diff --git a/src/routes/listbox/multiple-elements/+page.svelte b/src/routes/listbox/multiple-elements/+page.svelte
index 1f6c10c..7038a74 100644
--- a/src/routes/listbox/multiple-elements/+page.svelte
+++ b/src/routes/listbox/multiple-elements/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PeopleList from "./_PeopleList.svelte";
+  import PeopleList from "../_PeopleList.svelte";
 </script>
 
 <div class="flex justify-center w-screen h-full p-12 space-x-4 bg-gray-50">
diff --git a/src/routes/popover/popover/+page.svelte b/src/routes/popover/popover/+page.svelte
index c304eb6..c5b5fea 100644
--- a/src/routes/popover/popover/+page.svelte
+++ b/src/routes/popover/popover/+page.svelte
@@ -10,8 +10,8 @@
   import Portal from "$lib/components/portal/Portal.svelte";
 
   import { createPopperActions } from "svelte-popperjs";
-  import Button from "./_Button.svelte";
-  import Link from "./_Link.svelte";
+  import Button from "../_Button.svelte";
+  import Link from "../_Link.svelte";
 
   let options = {
     placement: "bottom-start",
diff --git a/src/routes/transitions/component-examples/nested/hidden/+page.svelte b/src/routes/transitions/component-examples/nested/hidden/+page.svelte
index c312b7d..961ec97 100644
--- a/src/routes/transitions/component-examples/nested/hidden/+page.svelte
+++ b/src/routes/transitions/component-examples/nested/hidden/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Transition } from "$lib";
-  import Box from "./_Box.svelte";
+  import Box from "../_Box.svelte";
 
   let isOpen = false;
 </script>
diff --git a/src/routes/transitions/component-examples/nested/unmount/+page.svelte b/src/routes/transitions/component-examples/nested/unmount/+page.svelte
index e0adcbf..9034f94 100644
--- a/src/routes/transitions/component-examples/nested/unmount/+page.svelte
+++ b/src/routes/transitions/component-examples/nested/unmount/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Transition } from "$lib";
-  import Box from "./_Box.svelte";
+  import Box from "../_Box.svelte";
 
   let isOpen = false;
 </script>