ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-25 19:12:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: switch from <Page /> component to layout file

Browse Source
This commit is contained in:
madkarmaa 2025-05-02 09:16:33 +02:00
parent 88dcf4d19e
commit 9547519ec7
9 changed files with 32 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/molecules/Head.svelte Normal file
View File

@ -0,0 +1,10 @@
<script lang="ts">
type Props = { title?: string };
let { title }: Props = $props();
const pageTitle = title ? `ReVanced - ${title.trim()}` : 'ReVanced';
</script>
<svelte:head>
<title>{pageTitle}</title>
</svelte:head>

20
src/lib/components/templates/Page.svelte
View File

@ -1,20 +0,0 @@
<script lang="ts">
import type { Snippet } from 'svelte';
import NavBar from '$components/organisms/NavBar.svelte';
import Footer from '$components/organisms/Footer.svelte';
type Props = { title?: string; children: Snippet };
let { title, children }: Props = $props();
const pageTitle = title ? `ReVanced - ${title.trim()}` : 'ReVanced';
</script>
<svelte:head>
<title>{pageTitle}</title>
</svelte:head>
<main>
<NavBar />
{@render children()}
<Footer />
</main>

14
src/routes/+layout.svelte
View File

@ -1,6 +1,10 @@
<script lang="ts"> <script lang="ts">
import { theme } from '$stores';
import type { Snippet } from 'svelte'; import type { Snippet } from 'svelte';
import { theme } from '$stores';
import Footer from '$components/organisms/Footer.svelte';
import NavBar from '$components/organisms/NavBar.svelte';
import Head from '$components/molecules/Head.svelte';
type Props = { children: Snippet }; type Props = { children: Snippet };
let { children }: Props = $props(); let { children }: Props = $props();
@ -10,4 +14,10 @@
}); });
</script> </script>
{@render children()} <Head />
<NavBar />
<main>
{@render children()}
</main>
<Footer />

7
src/routes/+page.svelte
View File

@ -1,7 +0,0 @@
<script lang="ts">
import Page from '$components/templates/Page.svelte';
</script>
<Page>
<h1>Home</h1>
</Page>

6
src/routes/announcements/+page.svelte
View File

@ -1,7 +1,5 @@
<script lang="ts"> <script lang="ts">
import Page from '$components/templates/Page.svelte'; import Head from '$components/molecules/Head.svelte';
</script> </script>
<Page title="Announcements"> <Head title="Announcements" />
<h1>Announcements</h1>
</Page>

6
src/routes/contributors/+page.svelte
View File

@ -1,7 +1,5 @@
<script lang="ts"> <script lang="ts">
import Page from '$components/templates/Page.svelte'; import Head from '$components/molecules/Head.svelte';
</script> </script>
<Page title="Contributors of ReVanced"> <Head title="Contributors of ReVanced" />
<h1>Contributors</h1>
</Page>

6
src/routes/donate/+page.svelte
View File

@ -1,7 +1,5 @@
<script lang="ts"> <script lang="ts">
import Page from '$components/templates/Page.svelte'; import Head from '$components/molecules/Head.svelte';
</script> </script>
<Page title="Donate to ReVanced"> <Head title="Donate to ReVanced" />
<h1>Donate</h1>
</Page>

6
src/routes/download/+page.svelte
View File

@ -1,7 +1,5 @@
<script lang="ts"> <script lang="ts">
import Page from '$components/templates/Page.svelte'; import Head from '$components/molecules/Head.svelte';
</script> </script>
<Page title="Download ReVanced"> <Head title="Download ReVanced" />
<h1>Download</h1>
</Page>

6
src/routes/patches/+page.svelte
View File

@ -1,7 +1,5 @@
<script lang="ts"> <script lang="ts">
import Page from '$components/templates/Page.svelte'; import Head from '$components/molecules/Head.svelte';
</script> </script>
<Page title="Patches for ReVanced"> <Head title="Patches for ReVanced" />
<h1>Patches</h1>
</Page>