From c26f42638d0f701a2813857eb640461a381994da Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Mon, 1 Jun 2026 18:24:31 +0100
Subject: [PATCH 1/4] login page refresh

---
 app/components/ui/Input.vue | 22 ++++++++++++++++++++++
 app/pages/login.vue         | 30 ++++++++++++++++--------------
 worker-configuration.d.ts   | 24 +++++++++++++++++++++++-
 3 files changed, 61 insertions(+), 15 deletions(-)
 create mode 100644 app/components/ui/Input.vue

diff --git a/app/components/ui/Input.vue b/app/components/ui/Input.vue
new file mode 100644
index 0000000..f3ddd7d
--- /dev/null
+++ b/app/components/ui/Input.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    type?: string;
+    placeholder?: string;
+    label: string;
+  }>(),
+  {
+    type: "text",
+  },
+);
+
+const model = defineModel();
+const id = useId();
+</script>
+
+<template>
+  <div>
+    <label :for="id" class="label mb-1">{{ label }}</label>
+    <input id="id" :value="modelValue" :type="type" :placeholder="placeholder" v-model="model" class="input w-full" />
+  </div>
+</template>
diff --git a/app/pages/login.vue b/app/pages/login.vue
index feda179..2073463 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-//Browser has the console logs not the server
+const email = ref("");
+const password = ref("");
+
 async function handleLogin() {
-  const email = document.getElementById("email") as HTMLInputElement;
-  const password = document.getElementById("password") as HTMLInputElement;
   try {
     console.log("Start Fetch");
     if (email?.value && password?.value) {
@@ -21,19 +21,21 @@ async function handleLogin() {
 </script>
 
 <template>
-  <form @submit.prevent="handleLogin" class="card card-border card-sm mb-8">
-    <div class="card-body">
-      <fieldset class="fieldset">
-        <legend class="fieldset-legend">Login Page</legend>
-        <label class="label">Email</label>
-        <input id="email" type="text" class="input" placeholder="email@example.com" />
+  <div class="flex flex-col items-center justify-center gap-4 mt-4">
+    <h1 class="text-xl my-8">Login to your account</h1>
+    <form @submit.prevent="handleLogin" class="w-full">
+      <fieldset
+        class="fieldset bg-base-200 border-base-300 border rounded-box w-full p-4 flex flex-col justify-stretch gap-4"
+      >
+        <legend class="sr-only">Login Page</legend>
 
-        <label class="label">Password</label>
-        <input id="password" type="password" class="input" placeholder="password" />
+        <UiInput v-model="email" label="Email" placeholder="email@example.com" />
+        <UiInput v-model="password" label="Password" type="password" placeholder="password" />
 
         <UiButton isSubmit type="primary" class="mt-8">Login</UiButton>
       </fieldset>
-    </div>
-  </form>
-  <UiButton to="/register" type="secondary">New? Create an account</UiButton>
+    </form>
+    <span class="text-secondary-content text-xs">or</span>
+    <UiButton to="/register" type="secondary">New? Create an account</UiButton>
+  </div>
 </template>
diff --git a/worker-configuration.d.ts b/worker-configuration.d.ts
index b68c6b7..ef09323 100644
--- a/worker-configuration.d.ts
+++ b/worker-configuration.d.ts
@@ -1,16 +1,38 @@
 /* eslint-disable */
-// Generated by Wrangler by running `wrangler types` (hash: 1224b5b86c5bfbfdc24911a0d4ce5c0f)
+// Generated by Wrangler by running `wrangler types` (hash: 933066b3a95ca283951caf6d326d4588)
 // Runtime types generated with workerd@1.20260529.1 2026-02-01 no_nodejs_compat_v2,nodejs_compat
 interface __BaseEnv_Env {
   DB: D1Database;
   IMAGES: ImagesBinding;
   CF_VERSION_METADATA: WorkerVersionMetadata;
   ASSETS: Fetcher;
+  CLOUDFLARE_ACCOUNT_ID: string;
+  CLOUDFLARE_DATABASE_ID: string;
+  CLOUDFLARE_PRODUCTION_DATABASE_ID: string;
+  CLOUDFLARE_STAGING_DATABASE_ID: string;
+  CLOUDFLARE_D1_TOKEN: string;
+  NUXT_SESSION_PASSWORD: string;
 }
 declare namespace Cloudflare {
   interface Env extends __BaseEnv_Env {}
 }
 interface Env extends __BaseEnv_Env {}
+type StringifyValues<EnvType extends Record<string, unknown>> = {
+  [Binding in keyof EnvType]: EnvType[Binding] extends string ? EnvType[Binding] : string;
+};
+declare namespace NodeJS {
+  interface ProcessEnv extends StringifyValues<
+    Pick<
+      Cloudflare.Env,
+      | "CLOUDFLARE_ACCOUNT_ID"
+      | "CLOUDFLARE_DATABASE_ID"
+      | "CLOUDFLARE_PRODUCTION_DATABASE_ID"
+      | "CLOUDFLARE_STAGING_DATABASE_ID"
+      | "CLOUDFLARE_D1_TOKEN"
+      | "NUXT_SESSION_PASSWORD"
+    >
+  > {}
+}
 
 // Begin runtime types
 /*! *****************************************************************************

From 45d6f2889117aef6785d284948eb37f9e675e8fb Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Mon, 1 Jun 2026 18:27:39 +0100
Subject: [PATCH 2/4] reg

---
 app/pages/register.vue | 42 +++++++++++++++++++-----------------------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/app/pages/register.vue b/app/pages/register.vue
index 69c4e6b..03e019b 100644
--- a/app/pages/register.vue
+++ b/app/pages/register.vue
@@ -1,14 +1,8 @@
 <script setup lang="ts">
-//Browser has the console logs not the server
+const email = ref("");
+const password = ref("");
+const name = ref("");
 async function handleRegister() {
-  const email = document.getElementById("email") as HTMLInputElement;
-  const password = document.getElementById("password") as HTMLInputElement;
-  const name =
-    (document.getElementById("name") as HTMLInputElement)?.value != null
-      ? (document.getElementById("name") as HTMLInputElement)
-      : { value: "noname" };
-  console.log(email?.value);
-  console.log(password?.value);
   try {
     console.log("Start Fetch");
     if (email?.value && password?.value) {
@@ -29,19 +23,21 @@ async function handleRegister() {
 </script>
 
 <template>
-  <form @submit.prevent="handleRegister">
-    <fieldset class="fieldset">
-      <legend class="fieldset-legend">Register Page</legend>
-      <label class="label">Email</label>
-      <input id="email" type="text" class="input" placeholder="email@example.com" />
+  <div class="flex flex-col items-center justify-center gap-4 mt-4">
+    <h1 class="text-xl my-8">Create an account</h1>
+    <form @submit.prevent="handleRegister" class="w-full">
+      <fieldset
+        class="fieldset bg-base-200 border-base-300 border rounded-box w-full p-4 flex flex-col justify-stretch gap-4"
+      >
+        <legend class="sr-only">Register Page</legend>
+        <UiInput v-model="email" label="Email" placeholder="email@example.com" />
+        <UiInput v-model="name" label="Name" placeholder="Socks Smith" />
+        <UiInput v-model="password" label="Password" type="password" placeholder="password" />
 
-      <label class="label">Name</label>
-      <input id="name" type="text" class="input" placeholder="Socks Smith" />
-
-      <label class="label">Password</label>
-      <input id="password" type="password" class="input" placeholder="password" />
-
-      <button class="btn">Register</button>
-    </fieldset>
-  </form>
+        <UiButton isSubmit type="primary" class="mt-8">Register</UiButton>
+      </fieldset>
+    </form>
+    <span class="text-secondary-content text-xs">or</span>
+    <UiButton to="/login" type="secondary">Already have an account? Login</UiButton>
+  </div>
 </template>

From 3cc4437f7d6bc64f0eec81c7af8dc04fc692951b Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Mon, 1 Jun 2026 18:29:26 +0100
Subject: [PATCH 3/4] lints

---
 app/components/ui/Input.vue | 6 +++---
 app/pages/login.vue         | 2 +-
 app/pages/register.vue      | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/ui/Input.vue b/app/components/ui/Input.vue
index f3ddd7d..b629854 100644
--- a/app/components/ui/Input.vue
+++ b/app/components/ui/Input.vue
@@ -2,7 +2,7 @@
 withDefaults(
   defineProps<{
     type?: string;
-    placeholder?: string;
+    placeholder: string;
     label: string;
   }>(),
   {
@@ -10,13 +10,13 @@ withDefaults(
   },
 );
 
-const model = defineModel();
+const model = defineModel<string>();
 const id = useId();
 </script>
 
 <template>
   <div>
     <label :for="id" class="label mb-1">{{ label }}</label>
-    <input id="id" :value="modelValue" :type="type" :placeholder="placeholder" v-model="model" class="input w-full" />
+    <input id="id" v-model="model" :type="type" :placeholder="placeholder" class="input w-full" />
   </div>
 </template>
diff --git a/app/pages/login.vue b/app/pages/login.vue
index 2073463..c49d1d6 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -23,7 +23,7 @@ async function handleLogin() {
 <template>
   <div class="flex flex-col items-center justify-center gap-4 mt-4">
     <h1 class="text-xl my-8">Login to your account</h1>
-    <form @submit.prevent="handleLogin" class="w-full">
+    <form class="w-full" @submit.prevent="handleLogin">
       <fieldset
         class="fieldset bg-base-200 border-base-300 border rounded-box w-full p-4 flex flex-col justify-stretch gap-4"
       >
diff --git a/app/pages/register.vue b/app/pages/register.vue
index 03e019b..cdc374a 100644
--- a/app/pages/register.vue
+++ b/app/pages/register.vue
@@ -25,7 +25,7 @@ async function handleRegister() {
 <template>
   <div class="flex flex-col items-center justify-center gap-4 mt-4">
     <h1 class="text-xl my-8">Create an account</h1>
-    <form @submit.prevent="handleRegister" class="w-full">
+    <form class="w-full" @submit.prevent="handleRegister">
       <fieldset
         class="fieldset bg-base-200 border-base-300 border rounded-box w-full p-4 flex flex-col justify-stretch gap-4"
       >

From a40e3fbc7047aad15091facca7815e8c1a8a95b8 Mon Sep 17 00:00:00 2001
From: walaura <hi@laura.monster>
Date: Thu, 4 Jun 2026 11:09:42 +0100
Subject: [PATCH 4/4] more lints

---
 app/components/ui/Button.vue | 6 +++---
 app/pages/login.vue          | 2 +-
 app/pages/register.vue       | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/ui/Button.vue b/app/components/ui/Button.vue
index b4038a2..6555d38 100644
--- a/app/components/ui/Button.vue
+++ b/app/components/ui/Button.vue
@@ -1,9 +1,9 @@
 <template>
   <NuxtLink v-if="isLink" :to="to" :class="buttonClasses" v-bind="$attrs">
-    <slot></slot>
+    <slot />
   </NuxtLink>
-  <button v-else="isLink" :class="buttonClasses" v-bind="$attrs" :type="buttonType">
-    <slot></slot>
+  <button v-else :class="buttonClasses" v-bind="$attrs" :type="buttonType">
+    <slot />
   </button>
 </template>
 
diff --git a/app/pages/login.vue b/app/pages/login.vue
index c49d1d6..0eb5a89 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -32,7 +32,7 @@ async function handleLogin() {
         <UiInput v-model="email" label="Email" placeholder="email@example.com" />
         <UiInput v-model="password" label="Password" type="password" placeholder="password" />
 
-        <UiButton isSubmit type="primary" class="mt-8">Login</UiButton>
+        <UiButton is-submit type="primary" class="mt-8">Login</UiButton>
       </fieldset>
     </form>
     <span class="text-secondary-content text-xs">or</span>
diff --git a/app/pages/register.vue b/app/pages/register.vue
index cdc374a..d420020 100644
--- a/app/pages/register.vue
+++ b/app/pages/register.vue
@@ -34,7 +34,7 @@ async function handleRegister() {
         <UiInput v-model="name" label="Name" placeholder="Socks Smith" />
         <UiInput v-model="password" label="Password" type="password" placeholder="password" />
 
-        <UiButton isSubmit type="primary" class="mt-8">Register</UiButton>
+        <UiButton is-submit type="primary" class="mt-8">Register</UiButton>
       </fieldset>
     </form>
     <span class="text-secondary-content text-xs">or</span>