Rename docs component files to remove underscores
No longer needed with modern Kit filename conventions
This commit is contained in:
@@ -1,8 +1,8 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import TableOfContents from "./_TableOfContents.svelte";
|
import TableOfContents from "./TableOfContents.svelte";
|
||||||
import { page } from "$app/stores";
|
import { page } from "$app/stores";
|
||||||
import Sidebar from "./_Sidebar.svelte";
|
import Sidebar from "./Sidebar.svelte";
|
||||||
import MobileSidebar from "./_MobileSidebar.svelte";
|
import MobileSidebar from "./MobileSidebar.svelte";
|
||||||
import { MenuAlt2Icon } from "@rgossiaux/svelte-heroicons/outline";
|
import { MenuAlt2Icon } from "@rgossiaux/svelte-heroicons/outline";
|
||||||
|
|
||||||
let sidebarOpen = false;
|
let sidebarOpen = false;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Dialog, DialogOverlay, Transition, TransitionChild } from "$lib";
|
import { Dialog, DialogOverlay, Transition, TransitionChild } from "$lib";
|
||||||
import { XIcon } from "@rgossiaux/svelte-heroicons/outline";
|
import { XIcon } from "@rgossiaux/svelte-heroicons/outline";
|
||||||
import Sidebar from "./_Sidebar.svelte";
|
import Sidebar from "./Sidebar.svelte";
|
||||||
export let sidebarOpen = false;
|
export let sidebarOpen = false;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { createRunWithCleanup } from "$lib/utils/run-with-cleanup";
|
import { createRunWithCleanup } from "$lib/utils/run-with-cleanup";
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
import TocItems, { type TocItem } from "./_TocItems.svelte";
|
import TocItems, { type TocItem } from "./TocItems.svelte";
|
||||||
|
|
||||||
export let el: HTMLElement | null;
|
export let el: HTMLElement | null;
|
||||||
export let rootMargin = "0% 0% -80% 0%";
|
export let rootMargin = "0% 0% -80% 0%";
|
||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import TableOfContents from "./_TableOfContents.svelte";
|
import TableOfContents from "./TableOfContents.svelte";
|
||||||
import { page } from "$app/stores";
|
import { page } from "$app/stores";
|
||||||
import Sidebar from "./_Sidebar.svelte";
|
import Sidebar from "./Sidebar.svelte";
|
||||||
import MobileSidebar from "./_MobileSidebar.svelte";
|
import MobileSidebar from "./MobileSidebar.svelte";
|
||||||
import { MenuAlt2Icon } from "@rgossiaux/svelte-heroicons/outline";
|
import { MenuAlt2Icon } from "@rgossiaux/svelte-heroicons/outline";
|
||||||
|
|
||||||
let sidebarOpen = false;
|
let sidebarOpen = false;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Dialog, DialogOverlay, Transition, TransitionChild } from "$lib";
|
import { Dialog, DialogOverlay, Transition, TransitionChild } from "$lib";
|
||||||
import { XIcon } from "@rgossiaux/svelte-heroicons/outline";
|
import { XIcon } from "@rgossiaux/svelte-heroicons/outline";
|
||||||
import Sidebar from "./_Sidebar.svelte";
|
import Sidebar from "./Sidebar.svelte";
|
||||||
export let sidebarOpen = false;
|
export let sidebarOpen = false;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { createRunWithCleanup } from "$lib/utils/run-with-cleanup";
|
import { createRunWithCleanup } from "$lib/utils/run-with-cleanup";
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
import TocItems, { type TocItem } from "./_TocItems.svelte";
|
import TocItems, { type TocItem } from "./TocItems.svelte";
|
||||||
|
|
||||||
export let el: HTMLElement | null;
|
export let el: HTMLElement | null;
|
||||||
export let rootMargin = "0% 0% -80% 0%";
|
export let rootMargin = "0% 0% -80% 0%";
|
||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
@@ -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"/>
|
||||||
|
|||||||
Reference in New Issue
Block a user