merch-tracker-v2/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

renamed methods

Browse source
This commit is contained in:
nquidox 2025-09-14 14:22:15 +03:00
parent 1aa9fe4412
commit a7c53edf79
1 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/views/LoginView.vue
View file

@ -1,16 +1,19 @@
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
import { useAuthStore} from '@/stores/authStore.js' import { useAuthStore } from '@/stores/authStore.js'
const store = useAuthStore() const store = useAuthStore()
const email = ref('') const email = ref('')
const password = ref('') const password = ref('')
const onSignIn = () => {
const onSubmit = () => {
store.login(email.value, password.value) store.login(email.value, password.value)
} }
const onSignUp = () => {
console.log('Sign up placeholder')
}
</script> </script>
<template> <template>
@ -24,7 +27,7 @@ const onSubmit = () => {
pane-style="padding-left: 4px; padding-right: 4px; box-sizing: border-box;" pane-style="padding-left: 4px; padding-right: 4px; box-sizing: border-box;"
> >
<n-tab-pane name="signin" tab="Sign in"> <n-tab-pane name="signin" tab="Sign in">
<n-form @submit.prevent="onSubmit"> <n-form @submit.prevent="onSignIn">
<n-form-item-row label="Email"> <n-form-item-row label="Email">
<n-input v-model:value="email"/> <n-input v-model:value="email"/>
</n-form-item-row> </n-form-item-row>
@ -32,11 +35,11 @@ const onSubmit = () => {
<n-input v-model:value="password" type="password" show-password-on="click" /> <n-input v-model:value="password" type="password" show-password-on="click" />
</n-form-item-row> </n-form-item-row>
</n-form> </n-form>
<n-button type="primary" block secondary strong @click="onSubmit"> Sign In </n-button> <n-button type="primary" block secondary strong @click="onSignIn"> Sign In</n-button>
</n-tab-pane> </n-tab-pane>
<n-tab-pane name="signup" tab="Sign up"> <n-tab-pane name="signup" tab="Sign up">
<n-form> <n-form @submit.prevent="onSignUp" @keydown.enter.prevent="onSignUp">
<n-form-item-row label="Email"> <n-form-item-row label="Email">
<n-input /> <n-input />
</n-form-item-row> </n-form-item-row>
@ -47,7 +50,7 @@ const onSubmit = () => {
<n-input type="password" show-password-on="click" /> <n-input type="password" show-password-on="click" />
</n-form-item-row> </n-form-item-row>
</n-form> </n-form>
<n-button type="primary" block secondary strong> Sign up </n-button> <n-button type="primary" block secondary strong @click="onSignUp">Sign up</n-button>
</n-tab-pane> </n-tab-pane>
</n-tabs> </n-tabs>
</n-card> </n-card>
@ -61,6 +64,5 @@ const onSubmit = () => {
.my-card { .my-card {
max-width: 500px; max-width: 500px;
width: 90%; width: 90%;
margin: 10px auto 0;
} }
</style> </style>