wip

src/views/SignInView.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useAuthStore } from '@/stores/auth.ts'
+
+const authStore = useAuthStore()
+
+const email = ref('vadim.olonin@gmail.com')
+async function onSubmit() {
+  await authStore.login(email.value)
+}
+</script>
+
+<template>
+  <v-row justify="center" align="center" class="h-100">
+    <v-col cols="12" md="4" lg="4">
+      <v-card elevation="0" border rounded="lg">
+        <v-card-title class="mb-2">Sign in</v-card-title>
+        <v-card-text>
+          <form @submit.prevent="onSubmit">
+            <div class="d-flex flex-column ga-4">
+              <v-text-field
+                hide-details
+                variant="outlined"
+                v-model="email"
+                placeholder="email"
+                type="email"
+                rounded="lg"
+              />
+              <div class="d-flex ga-4 align-center justify-space-between">
+                <v-switch color="black" label="Keep me signed in" hide-details></v-switch>
+                <v-btn variant="flat" rounded="lg" type="submit" color="black">login</v-btn>
+              </div>
+            </div>
+          </form>
+        </v-card-text>
+      </v-card>
+    </v-col>
+  </v-row>
+</template>
+
+<style scoped></style>