Port application from Next.js to Nuxt

Nuxt is based on Vue.js and I find their building blocks to be much
neater compared to the React based Next.js.

assets/global.css

@@ -0,0 +1,70 @@
+:root {
+	--background: #ffffff;
+	--foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--background: #0a0a0a;
+		--foreground: #ededed;
+	}
+}
+
+body {
+	padding-inline: 1rem;
+	color: var(--foreground);
+	background: var(--background);
+	font-family: Arial, Helvetica, sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+* {
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+ul, ol {
+	padding-inline-start: 1.5rem;
+}
+
+h1, h2, h3, h4 {
+	margin-block: 0.75em 0.25em;
+}
+
+@media (prefers-color-scheme: dark) {
+	html {
+		color-scheme: dark;
+	}
+}
+
+a {
+	text-decoration: none;
+}
+
+/* Enable hover only on non-touch devices */
+@media (hover: hover) and (pointer: fine) {
+	a:hover {
+		color: color-mix(in oklab, var(--foreground), blue 50%);
+		text-decoration: underline;
+		text-underline-offset: 2px;
+		border-color: transparent;
+	}
+}
+
+label {
+	display: block;
+}
+
+label>* {
+	margin-inline-start: 0.5rem;
+}
+
+p + p {
+	margin-block-start: 0.5rem;
+}
+
+label + label {
+	margin-block-start: 0.5rem;
+}