added empty collaborator handling, hid feed, and fixed some minor styling

app/components/forms/create-list-form.vue

@@ -36,6 +36,7 @@ const createList = () => {
 form {
   display: flex;
   flex-direction: column;
+  gap: 0.5rem;
 }
 
 

app/components/header.vue

@@ -3,7 +3,7 @@
 <template>
   <nav class="header">
     <span class="logo">
-      <NuxtLink to="/">
+      <NuxtLink to="/lists">
       Movie Night
       </NuxtLink>
     </span>

app/components/list-settings.vue

@@ -86,7 +86,8 @@ const deleteList = () => {
           </ul>
         </details>
 
-        <ul class="collaborators">
+        <div v-if="!list.collaborators.length">No collaborators found</div>
+        <ul v-else class="collaborators">
           <li v-for="collaborator in list.collaborators" :key="collaborator.id">
             <span>{{ collaborator.username }}</span>
             <select v-model="collaborator.role">

app/composables/useAuth.ts

@@ -7,7 +7,7 @@ export const useAuth = () => {
             credentials: 'include',
         })
         await $api('/api/login', {method: 'POST', body: {email, password}})
-        await navigateTo('/')
+        await navigateTo('/lists')
     }
 
     const register = async (email: string, username: string) => {