Use env settings for default filters

.env.local

@@ -5,6 +5,8 @@ VITE_GRID_AMOUNT=22
 VITE_GRID_INCREMENT=22
 VITE_LIST_AMOUNT=10
 VITE_LIST_INCREMENT=10
+VITE_FILTERS_DEFAULT_COUNTRY="all"
+VITE_FILTERS_DEFAULT_SORT="latest"
 
 # API related
 # VITE_API_URL_DEV="http://192.168.1.19:8055"

src/routes/photos.svelte

@@ -30,8 +30,6 @@
     let buttonShuffle: HTMLElement
 
     // Filters
-    const defaultCountry = 'all'
-    const defaultSort = 'latest'
     const urlFiltersParams = new URLSearchParams()
     let filtered: boolean = false
     let filterCountry: any = $page.query.get('country') || defaultCountry
@@ -287,16 +285,21 @@
 <script context="module" lang="ts">
     import { fetchAPI } from '$utils/api'
 
+    // Default filters values
+    const defaultCountry = String(import.meta.env.VITE_FILTERS_DEFAULT_COUNTRY)
+    const defaultSort = String(import.meta.env.VITE_FILTERS_DEFAULT_SORT)
+
+
     export async function load ({ page, session, fetch, context }) {
         // Query parameters
-        const queryCountry = page.query.get('country')
-        const querySort = page.query.get('sort')
+        const queryCountry = page.query.get('country') || defaultCountry
+        const querySort = page.query.get('sort') || defaultSort
 
         const res = await fetchAPI(`
             query {
                 photos: photo (
                     filter: {
-                        ${queryCountry !== 'all' ? `location: { country: { slug: { _eq: "${queryCountry}" }} },` : ''}
+                        ${queryCountry !== 'all' ? `location: { country: { slug: { _eq: "${queryCountry}" }}},` : ''}
                         status: { _eq: "published" },
                     },
                     sort: "${querySort === 'latest' ? '-' : ''}date_created",