tiradoe/movie-night-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated auth/error handling

Browse source
This commit is contained in:
Edward Tirado Jr 2025-04-06 17:54:59 -05:00
parent d339424e7a
commit 21ad4d3da3
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.idea/workspace.xml generated
View file

@ -127,7 +127,7 @@
<workItem from="1673397538637" duration="47416000" /> <workItem from="1673397538637" duration="47416000" />
<workItem from="1673508732689" duration="1316000" /> <workItem from="1673508732689" duration="1316000" />
<workItem from="1673547794038" duration="2346000" /> <workItem from="1673547794038" duration="2346000" />
<workItem from="1743904898331" duration="10658000" /> <workItem from="1743904898331" duration="11972000" />
</task> </task>
<servers /> <servers />
</component> </component>

12
src/pages/lists/index.vue
View file

@ -1,5 +1,8 @@
<template> <template>
<div class="p-5 sm:p-0"> <div class="p-5 sm:p-0">
<div v-if="lists.length < 1">
<p>No lists found</p>
</div>
<ul class="grid grid-cols-2 gap-3 mt-5"> <ul class="grid grid-cols-2 gap-3 mt-5">
<li v-for="list in lists" class="movie-card neon-border p-5 rounded"> <li v-for="list in lists" class="movie-card neon-border p-5 rounded">
<div class="grid grid-rows-2 gap-3"> <div class="grid grid-rows-2 gap-3">
@ -19,17 +22,20 @@ import type { MovieList } from "~/types/movielist";
const lists = defineModel<MovieList[]>("movie_list", { default: [] }); const lists = defineModel<MovieList[]>("movie_list", { default: [] });
const updateLists = async function () { const updateLists = async function () {
let config = useRuntimeConfig(); let config = useRuntimeConfig();
const { data, status, error } = await useFetch<MovieList[]>( const { data, error } = await useFetch<MovieList[]>(
`${config.public.apiURL}/lists`, `${config.public.apiURL}/lists`,
{ {
method: "GET", method: "GET",
headers: { "Content-type": "application/json" }, headers: {
"Content-type": "application/json",
Authorization: `Token ${useCookie("token").value}`,
},
}, },
); );
if (error) { if (error) {
if (error.value?.statusCode === 401) { if (error.value?.statusCode === 401) {
console.log("unauthorized"); navigateTo("/");
} }
} else { } else {
lists.value = data.value || []; lists.value = data.value || [];