chore: simplify (#7)

Co-authored-by: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>

src/lib/components/shared/demo.svelte

@@ -45,7 +45,7 @@
 	}
 </script>
 
-<div class="grid p-12 [&:not(:nth-last-child(2))]:border-b">
+<div class="grid p-12 [&:not(:last-child)]:border-b">
 	<a
 		class="group relative -ml-5 inline-block w-fit scroll-mt-20 pl-5 no-underline outline-none focus-visible:shadow-focus-ring"
 		href="#{id}"

src/routes/footer.svelte → src/lib/components/shared/footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { Icons } from '$lib/assets/icons';
-	import { aside_items, type Link } from './sitemap';
+	import { aside_items, type Link } from '$lib/config/sitemap';
 
 	function generate_prev_next_links(current_href: string): {
 		prev: Link | undefined;

src/lib/components/shared/page-wrapper.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { cn } from '$lib/utils';
+	import Footer from './footer.svelte';
 
 	let class_name: string | undefined = undefined;
 	export { class_name as class };
@@ -26,5 +27,5 @@
 		</section>
 		<slot></slot>
 	</div>
-	<slot name="footer"></slot>
+	<Footer />
 </section>

src/routes/+page.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { Icons } from '$lib/assets/icons';
 	import PageWrapper from '$lib/components/shared/page-wrapper.svelte';
-	import Footer from './footer.svelte';
 	import IntroductionLink from './introduction-link.svelte';
 
 	const preview_icons = [
@@ -120,7 +119,4 @@
 			</div>
 		</IntroductionLink>
 	</section>
-	<slot name="footer">
-		<Footer />
-	</slot>
 </PageWrapper>

src/routes/aside-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Badge } from '$lib/components/ui/badge';
+	import type { Link } from '$lib/config/sitemap';
 	import { cn } from '$lib/utils';
-	import type { Link } from './sitemap';
 
 	export let link: Link;
 	export let active: boolean;

src/routes/aside.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { Badge } from '$lib/components/ui/badge';
+	import { aside_items } from '$lib/config/sitemap';
 	import AsideItem from './aside-item.svelte';
-	import { aside_items } from './sitemap';
 
 	$: is_active = (href: string) => {
 		if (href.includes('#')) {

src/routes/avatar/+page.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import Demo from '$lib/components/shared/demo.svelte';
 	import PageWrapper from '$lib/components/shared/page-wrapper.svelte';
-	import Footer from '../footer.svelte';
 	import Group from './group.svelte';
 	import group_code from './group.svelte?raw';
 	import Placeholder from './placeholder.svelte';
@@ -23,7 +22,4 @@
 	<Demo id="placeholder" class="space-y-4" code={placeholder_code}>
 		<Placeholder />
 	</Demo>
-	<slot name="footer">
-		<Footer />
-	</slot>
 </PageWrapper>

src/routes/badge/+page.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import Demo from '$lib/components/shared/demo.svelte';
 	import PageWrapper from '$lib/components/shared/page-wrapper.svelte';
-	import Footer from '../footer.svelte';
 	import Sizes from './sizes.svelte';
 	import sizes_code from './sizes.svelte?raw';
 	import Variants from './variants.svelte';
@@ -24,8 +23,4 @@
 	<Demo id="with-icons" class="space-y-2" code={with_icons_code}>
 		<WithIcons />
 	</Demo>
-
-	<slot name="footer">
-		<Footer />
-	</slot>
 </PageWrapper>

src/routes/button/+page.ts

@@ -0,0 +1,22 @@
+import type { MetaTagsProps } from 'svelte-meta-tags';
+
+export function load() {
+	const title = 'Button';
+	const description =
+		'Trigger an action or event, such as submitting a form or displaying a dialog.';
+
+	const pageMetaTags = Object.freeze({
+		title,
+		description,
+		openGraph: {
+			title,
+			description
+		}
+	}) satisfies MetaTagsProps;
+
+	return {
+		pageMetaTags,
+		title,
+		description
+	};
+}