Initial commit. Files are uploaded to the filesystem.

pages/+Layout.vue

@@ -0,0 +1,41 @@
+<template>
+	<div class="container">
+		<header class="header">
+			<h1>Pubload</h1>
+		</header>
+
+		<div class="content"><slot /></div>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import Link from '../components/Link.vue'
+import '../assets/css/style.css'
+</script>
+
+<style>
+.container {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+    color: var(--text);
+    background: var(--background);
+}
+
+.page {
+	width: 100%;
+	max-width: 1000px;
+}
+</style>
+
+<style scoped>
+.header {
+	display: flex;
+	justify-content: center;
+}
+
+.content {
+	display: flex;
+	justify-content: center;
+}
+</style>

pages/+config.ts

@@ -0,0 +1,28 @@
+import type { Config } from 'vike/types'
+
+// https://vike.dev/config
+export default {
+	// https://vike.dev/clientRouting
+	clientRouting: true,
+	// https://vike.dev/meta
+	meta: {
+		// Define new setting 'title'
+		title: {
+			env: {
+				server: true,
+				client: true,
+			},
+		},
+		// Define new setting 'description'
+		description: {
+			env: { server: true }
+		},
+		Layout: {
+			env: {
+				server: true,
+				client: true,
+			},
+		},
+	},
+	hydrationCanBeAborted: true
+} satisfies Config

pages/_error/+Page.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="center">
+    <p>{{ abortReason }}</p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { usePageContext } from '../../renderer/usePageContext'
+
+const pageContext = usePageContext()
+let { is404, abortReason } = pageContext.value
+if (!abortReason) {
+  abortReason = is404 ? 'Page not found.' : 'Something went wrong.'
+}
+</script>
+
+<style>
+.center {
+  height: calc(100vh - 100px);
+  display: flex;
+  font-size: 1.3em;
+  justify-content: center;
+  align-items: center;
+}
+</style>

pages/index/+Page.vue

@@ -0,0 +1,9 @@
+<template>
+	<div class="page">
+		<Dropzone />
+	</div>
+</template>
+
+<script lang="ts" setup>
+import Dropzone from '#components/upload/drop.vue';
+</script>