[fix](docs): links for edit page

ISSUES CLOSED: #386
svelteuidev · Jun 1, 2023 · 14f1438 · 14f1438
1 parent a1292d6
commit 14f1438
Show file tree

Hide file tree

Showing 95 changed files with 96 additions and 96 deletions.
diff --git a/apps/docs/src/lib/components/Heading.svelte b/apps/docs/src/lib/components/Heading.svelte
@@ -8,7 +8,7 @@
   export let title: String, description = false, docs = false, importCode = false, source = false, packageGroup = false
 	const links = {
 		github: 'https://github.com/svelteuidev/svelteui/blob/main/packages/',
-		docs: 'https://github.com/svelteuidev/svelteui/blob/main/apps/docs/src/pages/',
+		docs: 'https://github.com/svelteuidev/svelteui/blob/main/apps/docs/src/routes/',
 		npm: 'https://www.npmjs.com/package/'
 	};
 
@@ -76,7 +76,7 @@
 	{#if docs}
 		<Group spacing={78}>
 			<Text>Docs</Text>
-			<Text variant="link" root="a" href={`${links.docs}${docs}`}>
+			<Text variant="link" root="a" href={`${links.docs}${docs}/+page.md`}>
 				<Center override={{ gap: '$4' }} inline>
 					<Pencil1 />
 					Edit This Page

diff --git a/apps/docs/src/routes/composables/use-browser-context/+page.md b/apps/docs/src/routes/composables/use-browser-context/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-browser-context/
 description: 'Get access to the reactive browser location API.'
 importCode: "import { useBrowserContext } from '@svelteuidev/composables';"
-docs: 'composables/use-browser-context.md'
+docs: 'composables/use-browser-context'
 source: 'svelteui-composables/src/utilities/use-browser-context/use-browser-context.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-click-outside/+page.md b/apps/docs/src/routes/composables/use-click-outside/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-click-outside/
 description: 'Detect click and touch events outside of specified element'
 importCode: "import { clickoutside } from '@svelteuidev/composables';"
-docs: 'composables/use-click-outside.md'
+docs: 'composables/use-click-outside'
 source: 'svelteui-composables/src/actions/use-click-outside/use-click-outside.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-clipboard/+page.md b/apps/docs/src/routes/composables/use-clipboard/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-clipboard/
 description: 'Copies text to the clipboard when DOM element is clicked'
 importCode: "import { clipboard } from '@svelteuidev/composables';"
-docs: 'composables/use-clipboard.md'
+docs: 'composables/use-clipboard'
 source: 'svelteui-composables/src/actions/use-clipboard/use-clipboard.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-css-variable/+page.md b/apps/docs/src/routes/composables/use-css-variable/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-css-variable/
 description: 'Whenever some of their values change, update css properties on the fly'
 importCode: "import { cssvariable } from '@svelteuidev/composables';"
-docs: 'composables/use-css-variable.md'
+docs: 'composables/use-css-variable'
 source: 'svelteui-composables/src/actions/use-css-variable/use-css-variable.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-debounce/+page.md b/apps/docs/src/routes/composables/use-debounce/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-debounce/
 description: 'Get a function that debounces its execution.'
 importCode: "import { useDebounce } from '@svelteuidev/composables';"
-docs: 'composables/use-debounce.md'
+docs: 'composables/use-debounce'
 source: 'svelteui-composables/src/utilities/use-debounce/use-debounce.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-download/+page.md b/apps/docs/src/routes/composables/use-download/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-download/
 description: 'Causes a download to occur with a given Blob object'
 importCode: "import { download } from '@svelteuidev/composables';"
-docs: 'composables/use-download.md'
+docs: 'composables/use-download'
 source: 'svelteui-composables/src/actions/use-download/use-download.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-element-size/+page.md b/apps/docs/src/routes/composables/use-element-size/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-element-size/
 description: 'Get element width and height and subscribe to changes'
 importCode: "import { useElementSize } from '@svelteuidev/composables';"
-docs: 'composables/use-element-size.md'
+docs: 'composables/use-element-size'
 source: 'svelteui-composables/src/utilities/use-element-size/use-element-size.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-eye-dropper/+page.md b/apps/docs/src/routes/composables/use-eye-dropper/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-eye-dropper/
 description: 'Get access to a reactive EyeDropper API.'
 importCode: "import { useEyeDropper } from '@svelteuidev/composables';"
-docs: 'composables/use-eye-dropper.md'
+docs: 'composables/use-eye-dropper'
 source: 'svelteui-composables/src/utilities/use-eye-dropper/use-eye-dropper.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-focus-return/+page.md b/apps/docs/src/routes/composables/use-focus-return/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus-return/
 description: 'Capture last focused element on the page and return focus to it once condition is met'
 importCode: "import { useFocusReturn } from '@svelteuidev/composables';"
-docs: 'composables/use-focus-return.md'
+docs: 'composables/use-focus-return'
 source: 'svelteui-composables/src/utilities/use-focus-return/use-focus-return.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-focus-trap/+page.md b/apps/docs/src/routes/composables/use-focus-trap/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus-trap/
 description: 'Traps the focus inside the given DOM node'
 importCode: "import { focustrap } from '@svelteuidev/composables';"
-docs: 'composables/use-focus-trap.md'
+docs: 'composables/use-focus-trap'
 source: 'svelteui-composables/src/actions/use-focus/use-focus-trap.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-focus-within/+page.md b/apps/docs/src/routes/composables/use-focus-within/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus-within/
 description: 'Detect if any element within has focus.'
 importCode: "import { useFocusWithin } from '@svelteuidev/composables';"
-docs: 'composables/use-focus-within.md'
+docs: 'composables/use-focus-within'
 source: 'svelteui-composables/src/utilities/use-focus-within/use-focus-within.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-focus/+page.md b/apps/docs/src/routes/composables/use-focus/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus/
 description: 'Calls focus on a node once mounted into the DOM'
 importCode: "import { focus } from '@svelteuidev/composables';"
-docs: 'composables/use-focus.md'
+docs: 'composables/use-focus'
 source: 'svelteui-composables/src/actions/use-focus/use-focus.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-hash/+page.md b/apps/docs/src/routes/composables/use-hash/+page.md
@@ -6,7 +6,7 @@ slug: /utilities/hash/
 description: 'Util generates a random hash with a specified prefix.'
 importCode: "import { useHash } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/utilities/use-hash/use-hash.ts'
-docs: 'utilities/hash.md'
+docs: 'utilities/hash'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/composables/use-hot-key/+page.md b/apps/docs/src/routes/composables/use-hot-key/+page.md
@@ -6,7 +6,7 @@ slug: /composables/use-hot-key/
 description: 'Listen for key combinations/shortcuts on document or a given element.'
 importCode: "import { hotkey } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/actions/use-hot-key/use-hot-key.ts'
-docs: 'composables/use-hot-key.md'
+docs: 'composables/use-hot-key'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/composables/use-id/+page.md b/apps/docs/src/routes/composables/use-id/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-id/
 description: 'Get element width and height and subscribe to changes'
 importCode: "import { useId } from '@svelteuidev/composables';"
-docs: 'composables/use-id.md'
+docs: 'composables/use-id'
 source: 'svelteui-composables/src/utilities/use-id/use-id.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-io/+page.md b/apps/docs/src/routes/composables/use-io/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-io/
 description: 'Detect when an element enters or leaves the viewport.'
 importCode: "import { io } from '@svelteuidev/composables';"
-docs: 'composables/use-io.md'
+docs: 'composables/use-io'
 source: 'svelteui-composables/src/actions/use-io/use-io.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-lazy/+page.md b/apps/docs/src/routes/composables/use-lazy/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-lazy/
 description: 'Lazily attach properties to any DOM element when it is in the window.'
 importCode: "import { lazy } from '@svelteuidev/composables';"
-docs: 'composables/use-lazy.md'
+docs: 'composables/use-lazy'
 source: 'svelteui-composables/src/actions/use-lazy/use-lazy.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-lock-scroll/+page.md b/apps/docs/src/routes/composables/use-lock-scroll/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-lock-scroll/
 description: 'Lock scroll at current position.'
 importCode: "import { lockscroll } from '@svelteuidev/composables';"
-docs: 'composables/use-lock-scroll.md'
+docs: 'composables/use-lock-scroll'
 source: 'svelteui-composables/src/actions/use-lock-scroll/use-lock-scroll.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-long-press/+page.md b/apps/docs/src/routes/composables/use-long-press/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-long-press/
 description: 'Creates a longpress event when mousedown is above a duration in milliseconds'
 importCode: "import { longpress } from '@svelteuidev/composables';"
-docs: 'composables/use-long-press.md'
+docs: 'composables/use-long-press'
 source: 'svelteui-composables/src/actions/use-long-press/use-long-press.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-mouse-position/+page.md b/apps/docs/src/routes/composables/use-mouse-position/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-mouse-position/
 description: 'Get mouse position relative to viewport or given element.'
 importCode: "import { useMousePosition } from '@svelteuidev/composables';"
-docs: 'composables/use-mouse-position.md'
+docs: 'composables/use-mouse-position'
 source: 'svelteui-composables/src/utilities/use-mouse-position/use-mouse-position.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-move/+page.md b/apps/docs/src/routes/composables/use-move/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-move/
 description: 'Handles the movement of an element based on mouse and touch events'
 importCode: "import { move } from '@svelteuidev/composables';"
-docs: 'composables/use-move.md'
+docs: 'composables/use-move'
 source: 'svelteui-composables/src/actions/use-move/use-move.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-os/+page.md b/apps/docs/src/routes/composables/use-os/+page.md
@@ -6,7 +6,7 @@ slug: /composables/os/
 description: 'Get user os'
 importCode: "import { useOs } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/utilities/use-os/use-os.ts'
-docs: 'composables/use-os.md'
+docs: 'composables/use-os'
 ---
 
 <script lang='ts'>

diff --git a/apps/docs/src/routes/composables/use-page-leave/+page.md b/apps/docs/src/routes/composables/use-page-leave/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-page-leave/
 description: 'Call a function when the mouse leaves the page'
 importCode: "import { pageleave } from '@svelteuidev/composables';"
-docs: 'composables/use-page-leave.md'
+docs: 'composables/use-page-leave'
 source: 'svelteui-composables/src/actions/use-page-leave/use-page-leave.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-persistent-tab/+page.md b/apps/docs/src/routes/composables/use-persistent-tab/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-persistent-tab/
 description: 'Prevent current tab from being closed by the user.'
 importCode: "import { persistenttab } from '@svelteuidev/composables';"
-docs: 'composables/use-persistent-tab.md'
+docs: 'composables/use-persistent-tab'
 source: 'svelteui-composables/src/actions/use-persistent-tab/use-persistent-tab.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-portal/+page.md b/apps/docs/src/routes/composables/use-portal/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-portal/
 description: 'Render an element or component anywhere in the DOM'
 importCode: "import { portal } from '@svelteuidev/composables';"
-docs: 'composables/use-portal.md'
+docs: 'composables/use-portal'
 source: 'svelteui-composables/src/actions/use-portal/use-portal.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-raf-n/+page.md b/apps/docs/src/routes/composables/use-raf-n/+page.md
@@ -6,7 +6,7 @@ slug: /utilities/raf-fn/
 description: 'Call function on every requestAnimationFrame'
 importCode: "import { useRafFn } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/utilities/use-raf-fn/use-raf-fn.ts'
-docs: 'utilities/raf-fn.md'
+docs: 'utilities/raf-fn'
 ---
 
 <script lang='ts'>

diff --git a/apps/docs/src/routes/composables/use-tab-leave/+page.md b/apps/docs/src/routes/composables/use-tab-leave/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-tab-leave/
 description: 'Call a function when the current tab is switched'
 importCode: "import { tableave } from '@svelteuidev/composables';"
-docs: 'composables/use-tab-leave.md'
+docs: 'composables/use-tab-leave'
 source: 'svelteui-composables/src/actions/use-tab-leave/use-tab-leave.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-throttle/+page.md b/apps/docs/src/routes/composables/use-throttle/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-throttle/
 description: 'Get a function that throttles its execution.'
 importCode: "import { useThrottle } from '@svelteuidev/composables';"
-docs: 'composables/use-throttle.md'
+docs: 'composables/use-throttle'
 source: 'svelteui-composables/src/utilities/use-throttle/use-throttle.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-viewport-size/+page.md b/apps/docs/src/routes/composables/use-viewport-size/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-viewport-size/
 description: 'Get viewport width and height.'
 importCode: "import { useViewportSize } from '@svelteuidev/composables';"
-docs: 'composables/use-viewport-size.md'
+docs: 'composables/use-viewport-size'
 source: 'svelteui-composables/src/utilities/use-viewport-size/use-viewport-size.ts'
 ---
 

diff --git a/apps/docs/src/routes/composables/use-web-worker/+page.md b/apps/docs/src/routes/composables/use-web-worker/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-web-worker/
 description: 'Run expensive functions without blocking the UI'
 importCode: "import { useWebWorker } from '@svelteuidev/composables';"
-docs: 'composables/use-web-worker.md'
+docs: 'composables/use-web-worker'
 source: 'svelteui-composables/src/utilities/use-web-worker/use-web-worker.ts'
 ---
 

diff --git a/apps/docs/src/routes/core/action-icon/+page.md b/apps/docs/src/routes/core/action-icon/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Icon button to indicate secondary action'
 importCode: "import { ActionIcon } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/ActionIcon/ActionIcon.svelte'
-docs: 'core/action-icon.md'
+docs: 'core/action-icon'
 ---
 
 <script lang="ts">

diff --git a/apps/docs/src/routes/core/affix/+page.md b/apps/docs/src/routes/core/affix/+page.md
@@ -7,7 +7,7 @@ category: 'overlay'
 description: 'Render Svelte component inside portal at fixed position'
 importCode: "import { Affix } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Affix/Affix.svelte'
-docs: 'core/affix.md'
+docs: 'core/affix'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/alert/+page.md b/apps/docs/src/routes/core/alert/+page.md
@@ -7,7 +7,7 @@ category: 'feedback'
 description: 'Attract user attention with an important message'
 importCode: "import { Alert } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Alert/Alert.svelte'
-docs: 'core/alert.md'
+docs: 'core/alert'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/anchor/+page.md b/apps/docs/src/routes/core/anchor/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'Display links with theme styles'
 importCode: "import { Anchor } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Anchor/Anchor.svelte'
-docs: 'core/anchor.md'
+docs: 'core/anchor'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/app-shell/+page.md b/apps/docs/src/routes/core/app-shell/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Responsive shell for your application with header, navbar, sidebar, and footer'
 importCode: "import { AppShell, Navbar, Header, Aside, Footer, ShellSection } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/AppShell/AppShell.svelte'
-docs: 'core/app-shell.md'
+docs: 'core/app-shell'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/badge/+page.md b/apps/docs/src/routes/core/badge/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Display badge, pill or tag'
 importCode: "import { Badge } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Badge/Badge.svelte'
-docs: 'core/badge.md'
+docs: 'core/badge'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/box/+page.md b/apps/docs/src/routes/core/box/+page.md
@@ -7,7 +7,7 @@ category: 'misc'
 description: 'Add inline styles to any element or component with css prop'
 importCode: "import { Box } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Box/Box.svelte'
-docs: 'core/box.md'
+docs: 'core/box'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/breadcrumbs/+page.md b/apps/docs/src/routes/core/breadcrumbs/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'List of links to different parts of navigation'
 importCode: "import { Breadcrumbs } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Breadcrumbs/Breadcrumbs.svelte'
-docs: 'core/breadcrumbs.md'
+docs: 'core/breadcrumbs'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/burger/+page.md b/apps/docs/src/routes/core/burger/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'Display links with theme styles'
 importCode: "import { Burger } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Burger/Burger.svelte'
-docs: 'core/burger.md'
+docs: 'core/burger'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/button/+page.md b/apps/docs/src/routes/core/button/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Render button or link with button styles from SvelteUI theme'
 importCode: "import { Button } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Button/Button.svelte'
-docs: 'core/button.md'
+docs: 'core/button'
 ---
 
 <script lang="ts">

diff --git a/apps/docs/src/routes/core/card/+page.md b/apps/docs/src/routes/core/card/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Card with context styles for Image and Divider components'
 importCode: "import { Card } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Card/Card.svelte'
-docs: 'core/card.md'
+docs: 'core/card'
 ---
 
 <script>

diff --git a/apps/docs/src/routes/core/center/+page.md b/apps/docs/src/routes/core/center/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Centers content vertically and horizontally'
 importCode: "import { Center } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Center/Center.svelte'
-docs: 'core/center.md'
+docs: 'core/center'
 ---
 
 <script>