Refactor countries data fetching in index.vue

openearth · Dec 20, 2024 · 6d2f33b · 6d2f33b
1 parent 69e54d1
commit 6d2f33b
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -96,9 +96,7 @@ function isCollectionIntersecting(collection: CollectionType) {
   return turf.intersect(collectionBboxPolygon, drawnBboxPolygon) !== null
 }
 
-let { data: countries } = await useFetch(
-  url.protocol + '//' + url.host + '/countries.json',
-)
+let countries = await $fetch(url.protocol + '//' + url.host + '/countries.json')
 
 console.log(countries, url.protocol + '//' + url.host + '/countries.json')
 
@@ -108,7 +106,7 @@ let intersectingCountries = computed(() => {
 
   const drawnPolygon = polygons.value[0]
 
-  return countries.value?.features.filter((country) => {
+  return countries?.features.filter((country) => {
     return turf.intersect(drawnPolygon, country.geometry) !== null
   })
 })