mirror of
https://github.com/kaythomas0/noisedash.git
synced 2025-11-18 14:08:06 +00:00
Add signin view, fix linting
This commit is contained in:
52
src/components/Login.vue
Normal file
52
src/components/Login.vue
Normal file
@@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<v-form v-model="valid">
|
||||
<v-container>
|
||||
<v-col cols="12" class="mb-4">
|
||||
<h1 class="display-2 font-weight-bold mb-3">
|
||||
Login
|
||||
</h1>
|
||||
</v-col>
|
||||
|
||||
<v-col
|
||||
cols="12"
|
||||
md="4"
|
||||
>
|
||||
<v-text-field
|
||||
v-model="username"
|
||||
:rules="usernameRules"
|
||||
label="Username"
|
||||
required
|
||||
/>
|
||||
</v-col>
|
||||
|
||||
<v-col
|
||||
cols="12"
|
||||
md="4"
|
||||
>
|
||||
<v-text-field
|
||||
v-model="password"
|
||||
type="password"
|
||||
:rules="passwordRules"
|
||||
label="Password"
|
||||
required
|
||||
/>
|
||||
</v-col>
|
||||
</v-container>
|
||||
</v-form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
valid: false,
|
||||
username: '',
|
||||
password: '',
|
||||
usernameRules: [
|
||||
v => !!v || 'Username is required'
|
||||
],
|
||||
passwordRules: [
|
||||
v => !!v || 'Password is required'
|
||||
]
|
||||
})
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user