Add Svelte 5/SvelteKit 2

This commit is contained in:
Neshura 2024-01-01 05:55:11 +01:00
parent 04a1cd1580
commit 3cd2a0f5af
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
14 changed files with 217 additions and 0 deletions

13
src/app.d.ts vendored Normal file
View file

@ -0,0 +1,13 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface PageState {}
// interface Platform {}
}
}
export {};

16
src/app.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="en" class="nordlys h-full">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body
data-sveltekit-preload-data="hover"
style="background-image: url('https://images4.alphacoders.com/112/1123390.jpg')"
class="overflow-hidden h-screen"
>
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

View file

@ -0,0 +1,7 @@
<script>
import '../app.pcss';
import Header from "./Header.svelte";
</script>
<Header />
<slot />

86
src/routes/+page.svelte Normal file
View file

@ -0,0 +1,86 @@
<div class="overflow-auto h-full">
<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
</div>