public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

svelte-migrate: updated files

Browse Source
This commit is contained in:
Ryan Gossiaux
2023-06-14 13:29:30 -07:00
parent a817635996
commit 5c3504cb42
30 changed files with 41 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/+page.svelte
View File

@@ -1,8 +0,0 @@
<script context="module" lang="ts">
export function load() {
return {
status: 302,
redirect: "docs",
};
}
</script>

5
src/routes/+page.ts Normal file
View File

@@ -0,0 +1,5 @@
import { redirect } from '@sveltejs/kit';
export function load() {
throw redirect(302, "docs");
}

8
src/routes/docs/+page.svelte
View File

@@ -1,8 +0,0 @@
<script context="module" lang="ts">
export function load() {
return {
status: 302,
redirect: "docs/2.0",
};
}
</script>

5
src/routes/docs/+page.ts Normal file
View File

@@ -0,0 +1,5 @@
import { redirect } from '@sveltejs/kit';
export function load() {
throw redirect(302, "docs/2.0");
}

2
src/routes/docs/1.0/dialog/+page.svx
View File

@@ -1,7 +1,7 @@
# Dialog # Dialog
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/dialog" code="" class="h-[410px] bg-indigo-300"/> <Preview url="examples/dialog" code="" class="h-[410px] bg-indigo-300"/>

2
src/routes/docs/1.0/disclosure/+page.svx
View File

@@ -1,7 +1,7 @@
# Disclosure # Disclosure
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/disclosure" code="" class="h-[370px] bg-fuchsia-300"/> <Preview url="examples/disclosure" code="" class="h-[370px] bg-fuchsia-300"/>

6
src/routes/docs/1.0/examples/popover/+page.svelte
View File

@@ -1,9 +1,9 @@
<script lang="ts"> <script lang="ts">
import { Popover, PopoverButton, PopoverPanel, Transition } from "$lib"; import { Popover, PopoverButton, PopoverPanel, Transition } from "$lib";
import { ChevronDownIcon } from "@rgossiaux/svelte-heroicons/solid"; import { ChevronDownIcon } from "@rgossiaux/svelte-heroicons/solid";
import PopoverIconOne from "./_PopoverIconOne.svelte"; import PopoverIconOne from "../_PopoverIconOne.svelte";
import PopoverIconTwo from "./_PopoverIconTwo.svelte"; import PopoverIconTwo from "../_PopoverIconTwo.svelte";
import PopoverIconThree from "./_PopoverIconThree.svelte"; import PopoverIconThree from "../_PopoverIconThree.svelte";
const solutions = [ const solutions = [
{ {

2
src/routes/docs/1.0/general-concepts/+page.svx
View File

@@ -373,7 +373,7 @@ You can use [actions](https://svelte.dev/tutorial/actions) with this library as
```svelte ```svelte
<script> <script>
import { Switch } from "@rgossiaux/svelte-headlessui"; import { Switch } from "@rgossiaux/svelte-headlessui";
import { action1, action2, action3 } from "./my-library"; import { action1, action2, action3 } from "../my-library";
let action1options = {}; let action1options = {};
let action3options = { foo: true }; let action3options = { foo: true };

2
src/routes/docs/1.0/listbox/+page.svx
View File

@@ -1,7 +1,7 @@
# Listbox # Listbox
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/listbox" code="" class="h-[410px] bg-orange-300"/> <Preview url="examples/listbox" code="" class="h-[410px] bg-orange-300"/>

2
src/routes/docs/1.0/menu/+page.svx
View File

@@ -1,7 +1,7 @@
# Menu # Menu
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/menu" code="" class="h-[410px] bg-violet-300"/> <Preview url="examples/menu" code="" class="h-[410px] bg-violet-300"/>

2
src/routes/docs/1.0/popover/+page.svx
View File

@@ -1,7 +1,7 @@
# Popover # Popover
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/popover" code="" class="h-[520px] bg-orange-500"/> <Preview url="examples/popover" code="" class="h-[520px] bg-orange-500"/>

2
src/routes/docs/1.0/radio-group/+page.svx
View File

@@ -1,7 +1,7 @@
# Radio Group # Radio Group
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/radio-group" code="" class="h-[380px] bg-cyan-300"/> <Preview url="examples/radio-group" code="" class="h-[380px] bg-cyan-300"/>

2
src/routes/docs/1.0/switch/+page.svx
View File

@@ -1,7 +1,7 @@
# Switch # Switch
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/switch" code="" class="h-[180px] bg-teal-300"/> <Preview url="examples/switch" code="" class="h-[180px] bg-teal-300"/>

2
src/routes/docs/1.0/tabs/+page.svx
View File

@@ -1,7 +1,7 @@
# Tabs # Tabs
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/tabs" code="" class="h-[340px] bg-blue-300"/> <Preview url="examples/tabs" code="" class="h-[340px] bg-blue-300"/>

2
src/routes/docs/1.0/transition/+page.svx
View File

@@ -1,7 +1,7 @@
# Transition # Transition
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/transition" code="" class="h-[340px] bg-rose-300"/> <Preview url="examples/transition" code="" class="h-[340px] bg-rose-300"/>

2
src/routes/docs/2.0/dialog/+page.svx
View File

@@ -1,7 +1,7 @@
# Dialog # Dialog
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/dialog" code="" class="h-[410px] bg-indigo-300"/> <Preview url="examples/dialog" code="" class="h-[410px] bg-indigo-300"/>

2
src/routes/docs/2.0/disclosure/+page.svx
View File

@@ -1,7 +1,7 @@
# Disclosure # Disclosure
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/disclosure" code="" class="h-[370px] bg-fuchsia-300"/> <Preview url="examples/disclosure" code="" class="h-[370px] bg-fuchsia-300"/>

6
src/routes/docs/2.0/examples/popover/+page.svelte
View File

@@ -1,9 +1,9 @@
<script lang="ts"> <script lang="ts">
import { Popover, PopoverButton, PopoverPanel, Transition } from "$lib"; import { Popover, PopoverButton, PopoverPanel, Transition } from "$lib";
import { ChevronDownIcon } from "@rgossiaux/svelte-heroicons/solid"; import { ChevronDownIcon } from "@rgossiaux/svelte-heroicons/solid";
import PopoverIconOne from "./_PopoverIconOne.svelte"; import PopoverIconOne from "../_PopoverIconOne.svelte";
import PopoverIconTwo from "./_PopoverIconTwo.svelte"; import PopoverIconTwo from "../_PopoverIconTwo.svelte";
import PopoverIconThree from "./_PopoverIconThree.svelte"; import PopoverIconThree from "../_PopoverIconThree.svelte";
const solutions = [ const solutions = [
{ {

2
src/routes/docs/2.0/general-concepts/+page.svx
View File

@@ -371,7 +371,7 @@ You can use [actions](https://svelte.dev/tutorial/actions) with this library as
```svelte ```svelte
<script> <script>
import { Switch } from "@rgossiaux/svelte-headlessui"; import { Switch } from "@rgossiaux/svelte-headlessui";
import { action1, action2, action3 } from "./my-library"; import { action1, action2, action3 } from "../my-library";
let action1options = {}; let action1options = {};
let action3options = { foo: true }; let action3options = { foo: true };

2
src/routes/docs/2.0/listbox/+page.svx
View File

@@ -1,7 +1,7 @@
# Listbox # Listbox
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/listbox" code="" class="h-[410px] bg-orange-300"/> <Preview url="examples/listbox" code="" class="h-[410px] bg-orange-300"/>

2
src/routes/docs/2.0/menu/+page.svx
View File

@@ -1,7 +1,7 @@
# Menu # Menu
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/menu" code="" class="h-[410px] bg-violet-300"/> <Preview url="examples/menu" code="" class="h-[410px] bg-violet-300"/>

2
src/routes/docs/2.0/popover/+page.svx
View File

@@ -1,7 +1,7 @@
# Popover # Popover
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/popover" code="" class="h-[520px] bg-orange-500"/> <Preview url="examples/popover" code="" class="h-[520px] bg-orange-500"/>

2
src/routes/docs/2.0/radio-group/+page.svx
View File

@@ -1,7 +1,7 @@
# Radio Group # Radio Group
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/radio-group" code="" class="h-[380px] bg-cyan-300"/> <Preview url="examples/radio-group" code="" class="h-[380px] bg-cyan-300"/>

2
src/routes/docs/2.0/switch/+page.svx
View File

@@ -1,7 +1,7 @@
# Switch # Switch
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/switch" code="" class="h-[180px] bg-teal-300"/> <Preview url="examples/switch" code="" class="h-[180px] bg-teal-300"/>

2
src/routes/docs/2.0/tabs/+page.svx
View File

@@ -1,7 +1,7 @@
# Tabs # Tabs
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/tabs" code="" class="h-[340px] bg-blue-300"/> <Preview url="examples/tabs" code="" class="h-[340px] bg-blue-300"/>

2
src/routes/docs/2.0/transition/+page.svx
View File

@@ -1,7 +1,7 @@
# Transition # Transition
<script> <script>
import Preview from "./_Preview.svelte"; import Preview from "../_Preview.svelte";
</script> </script>
<Preview url="examples/transition" code="" class="h-[340px] bg-rose-300"/> <Preview url="examples/transition" code="" class="h-[340px] bg-rose-300"/>

2
src/routes/listbox/multiple-elements/+page.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import PeopleList from "./_PeopleList.svelte"; import PeopleList from "../_PeopleList.svelte";
</script> </script>
<div class="flex justify-center w-screen h-full p-12 space-x-4 bg-gray-50"> <div class="flex justify-center w-screen h-full p-12 space-x-4 bg-gray-50">

4
src/routes/popover/popover/+page.svelte
View File

@@ -10,8 +10,8 @@
import Portal from "$lib/components/portal/Portal.svelte"; import Portal from "$lib/components/portal/Portal.svelte";
import { createPopperActions } from "svelte-popperjs"; import { createPopperActions } from "svelte-popperjs";
import Button from "./_Button.svelte"; import Button from "../_Button.svelte";
import Link from "./_Link.svelte"; import Link from "../_Link.svelte";
let options = { let options = {
placement: "bottom-start", placement: "bottom-start",

2
src/routes/transitions/component-examples/nested/hidden/+page.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Transition } from "$lib"; import { Transition } from "$lib";
import Box from "./_Box.svelte"; import Box from "../_Box.svelte";
let isOpen = false; let isOpen = false;
</script> </script>

2
src/routes/transitions/component-examples/nested/unmount/+page.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Transition } from "$lib"; import { Transition } from "$lib";
import Box from "./_Box.svelte"; import Box from "../_Box.svelte";
let isOpen = false; let isOpen = false;
</script> </script>