init

src/views/users/SignInView.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { reactive } from 'vue'
+import { authClient } from '@/lib/auth-client.js'
+
+const signInData = reactive({
+  email: 'vadim.olonin@gmail.com',
+  password: '',
+  rememberMe: true,
+  callbackURL: 'https://madsky.ru',
+})
+
+const signIn = async () => {
+  const { data, error } = await authClient.signIn.email({
+    email: signInData.email,
+    password: signInData.password,
+    rememberMe: signInData.rememberMe,
+    callbackURL: '/',
+  })
+
+  console.log(data)
+  console.log(error)
+}
+</script>
+
+<template>
+  <v-row>
+    <v-col cols="4" offset="4">
+      <div class="d-flex flex-column ga-2">
+        <div class="text-uppercase">sign in</div>
+        <v-text-field prepend-inner-icon="mdi-email" v-model="signInData.email" />
+        <v-text-field prepend-inner-icon="mdi-lock" v-model="signInData.password" />
+        <div class="d-flex ga-2 align-center">
+          <v-switch color="info" v-model="signInData.rememberMe" label="Remember me" />
+          <v-spacer />
+          <div>
+            <v-btn @click="signIn">login</v-btn>
+          </div>
+        </div>
+      </div>
+    </v-col>
+  </v-row>
+</template>
+
+<style scoped lang="scss"></style>