Added tmdb request and image proxies

src/components/ImageWithFallback.vue

@@ -18,7 +18,7 @@ const imageSource = computed(() => {
   if (!props.src) {
     return ''
   }
-  return `https://image.tmdb.org/t/p/${props.size}${props.src}`
+  return `https://6909aa3d0001d5d30ff1.fra.appwrite.run/t/p/${props.size}${props.src}` // Image proxy
 })
 </script>
 

src/lib/api.ts

@@ -8,15 +8,11 @@ import type { TvSeriesDetailsType } from '@/types/TvSeries'
 import { mapTvSeriesDetails } from '@/types/TvSeriesMap'
 import axios from 'axios'
 
-const TMDB_READ_API_KEY =
-  'eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiIzZjY3MDNmM2UyYTBiMmI0MGZlNGZiYjNlMTU0NjI0NCIsIm5iZiI6MTc2MDU3NDcwNi45MjQsInN1YiI6IjY4ZjAzY2YyNGZmNGM0NjI1NmM3N2EyNyIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.HHReb_7Oue_o1wkgH2mmbCgdMJ8buFfRdCtwQqj_1Us' // This is a read only key and I dont see the need for hiding it, ONLY IN THIS PARTICULAR CASE
-
 const instance = axios.create({
-  baseURL: 'https://api.themoviedb.org/3',
+  baseURL: 'https://6909aa3d0001d5d30ff1.fra.appwrite.run/3',
   timeout: 6969,
   headers: {
-    'Content-Type': 'application/json',
-    Authorization: `Bearer ${TMDB_READ_API_KEY}`,
+    'Content-Type': 'application/json'
   },
 })