Filter continents with linked countries in server request

src/components/organisms/Locations.svelte

@@ -6,10 +6,7 @@
 
     export let locations: any
 
-    const { continent } = getContext('global')
-
-    // Filter continents with linked countries
-    const filteredContinents = continent.filter((cont: any) => cont.countries.length)
+    const { continent, settings: { explore_list }} = getContext('global')
 </script>
 
 <div class="browse">
@@ -18,7 +15,7 @@
     </div>
 
     <ul class="browse__continents" role="navigation">
-        {#each filteredContinents as { name, slug }}
+        {#each continent as { name, slug }}
             <li>
                 <Button tag="button" text={name} class="button--small" />
             </li>

src/routes/__layout.svelte

@@ -92,9 +92,15 @@
 
         const { data } = res
 
+        // Filter continents with linked countries
+        const filteredContinents = data.continent.filter((cont: any) => cont.countries.length)
+
         return {
             props: {
-                data,
+                data: {
+                    ...data,
+                    continent: filteredContinents,
+                },
                 count: {
                     photos: data.photo_aggregated[0].count.id,
                     locations: data.location_aggregated[0].count.id,