implemented individual list functionality
This commit is contained in:
parent
3373380f34
commit
c5f74f134d
24 changed files with 592 additions and 109 deletions
|
|
@ -23,6 +23,14 @@ const handleLogin = () => login(email.value, password.value)
|
|||
</template>
|
||||
|
||||
<style scoped>
|
||||
.password-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
max-width: 50rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -13,9 +13,6 @@ const createList = () => {
|
|||
listName.value = "";
|
||||
refreshLists();
|
||||
}).catch((error) => {
|
||||
if (error.response?.status === 401) {
|
||||
useAuth().logout();
|
||||
}
|
||||
alert(error.message)
|
||||
});
|
||||
}
|
||||
|
|
@ -23,11 +20,11 @@ const createList = () => {
|
|||
|
||||
<template>
|
||||
<form @submit.prevent="createList">
|
||||
<label for="list_name">Add List</label>
|
||||
<label for="list_name">Add MovieList</label>
|
||||
<div>
|
||||
<input v-model="listName"
|
||||
name="list_name"
|
||||
placeholder="List Name"
|
||||
placeholder="MovieList Name"
|
||||
type="text">
|
||||
<button>Add</button>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue