refactor: ♻️ run linter

src/App.vue

@@ -18,8 +18,8 @@ onMounted(async () => {
 
 watch(() => user.value?.images, () => {
   if (
-    user.value?.images !== undefined && 
-    user.value?.images !== null
+    user.value?.images !== undefined
+    && user.value?.images !== null
   ) {
     useTimeoutFn(() => {
       notificationsStore.triggerForagableNotification(user.value?.images)

src/components/AddMarker.vue

@@ -45,9 +45,8 @@ function hide() {
   emits('hide')
 }
 
-
 function setSelectedItem(event: UserImage) {
-  Object.assign(selectedItem, event) 
+  Object.assign(selectedItem, event)
 }
 
 function create() {
@@ -61,7 +60,6 @@ function create() {
     lng: lng.value,
     lat: lat.value,
   })
-  
 }
 </script>
 
@@ -121,7 +119,6 @@ h1 {
   font-size: 1.2em;
 }
 
-
 .slide-enter-active {
   transition: all 0.2s ease-out;
 }

src/components/ItemDetails.vue

@@ -5,7 +5,7 @@ const mapboxStore = useMapbox()
 const { selectedItem, selectedCollection } = storeToRefs(mapboxStore)
 
 const pocketbaseStore = usePocketBase()
-const {  selectedItemPocketbase } = storeToRefs(pocketbaseStore)
+const { selectedItemPocketbase } = storeToRefs(pocketbaseStore)
 
 watch(() => selectedItem.value, () => {
   if (selectedItem.value !== undefined)

src/components/ServerSelector.vue

@@ -6,10 +6,7 @@ interface Emits {
 }
 const state = useStorage('forager-store', {
   server: import.meta.env.VITE_POCKETBASE_URL,
-},
-localStorage,
-{ mergeDefaults: true })
-
+}, localStorage, { mergeDefaults: true })
 
 const serverIsAlive = ref(false)
 const serverClasses = computed(() => {
@@ -21,9 +18,9 @@ const serverClasses = computed(() => {
 const debouncedFunction = useDebounceFn(async () => {
   const { response } = await useFetch(`${state.value.server}/api/health`)
 
-  if (response.value?.status === 200) 
+  if (response.value?.status === 200)
     serverIsAlive.value = true
-  else 
+  else
     serverIsAlive.value = false
 }, 1000)
 
@@ -48,7 +45,6 @@ checkConnectivityDeBounce()
         </div>
         <input v-model="state.server" class="login-input" type="text" name="server" placeholder="Pocketbase server address" @keydown="checkConnectivityDeBounce">
       </div>
-
       <BaseButton @click="emit('hide')">
         Submit
       </BaseButton>

src/mapbox/layers.ts

@@ -31,7 +31,6 @@ export function createLayers(map: mapboxgl.Map) {
     },
   })
 
-
   // Add label layer
   map.addLayer({
     id: 'marker-labels',
@@ -47,7 +46,6 @@ export function createLayers(map: mapboxgl.Map) {
     },
   })
 
-
   // Add clustering layer
   map.addLayer({
     id: 'clusters',

src/stores/mapbox.ts

@@ -8,7 +8,6 @@ import type { LandmarksRecord } from '../pocketbase-types'
 import { usePocketBase } from '@/stores'
 import { user } from '@/utils/pocketbase'
 
-
 export const useMapbox = defineStore('mapbox-store', () => {
   const userStore = usePocketBase()
   mapboxgl.accessToken = userStore.user?.mapboxAPIKey
@@ -92,7 +91,6 @@ export const useMapbox = defineStore('mapbox-store', () => {
     return itemLayer.value
   }
 
-
   const initMapbox = async () => {
     map = new mapboxgl.Map({
       container: 'map',
@@ -120,9 +118,10 @@ export const useMapbox = defineStore('mapbox-store', () => {
             },
           })
 
-          if (map) 
+          if (map)
             createLandmarks(map)
-        })
+        },
+      )
 
       map?.addSource('items', {
         type: 'geojson',
@@ -135,10 +134,6 @@ export const useMapbox = defineStore('mapbox-store', () => {
         clusterRadius: 50,
       })
 
-
-
-
-
       // const { getRoute } = usePocketBase()
       // const lineCoords = await getRoute('4t2ttp1beq31p2r')
 
@@ -180,7 +175,6 @@ export const useMapbox = defineStore('mapbox-store', () => {
         // add the DEM source as a terrain layer with exaggerated height
         map?.setTerrain({ source: 'mapbox-dem', exaggeration: 1.5 })
       })
-
     }
     map.on('click', async (e: MapMouseEvent) => {
       if (user.value?.lat === 0 && user.value.lng === 0) {
@@ -225,12 +219,12 @@ export const useMapbox = defineStore('mapbox-store', () => {
       selectedCollection.value = 'landmarks'
     })
     map.on('mouseenter', 'landmark', () => {
-      if (map) 
+      if (map)
         map.getCanvas().style.cursor = 'pointer'
     })
 
     map.on('mouseleave', 'landmark', () => {
-      if (map) 
+      if (map)
         map.getCanvas().style.cursor = ''
     })
   }
@@ -258,7 +252,6 @@ export const useMapbox = defineStore('mapbox-store', () => {
       type: 'FeatureCollection',
       features: itemLayer.value,
     })
-
   }
 
   const addMarker = async (lng: number, lat: number, selectedImage: UserImage) => {
@@ -303,7 +296,6 @@ export const useMapbox = defineStore('mapbox-store', () => {
     await deleteItem(id, selectedCollection.value)
 
     if (selectedCollection.value === 'items') {
-
       items.value = await getItems()
 
       const itemLayer = ref<Feature[]>([])

src/stores/notifications.ts

@@ -24,22 +24,20 @@ export const notifications = defineStore('notifications-store', () => {
     }
   }
   const createNotification = (notification: Notification) => {
-    return new Notification(notification.title,
-      { body: notification.content?.body },
-    )
+    return new Notification(notification.title, { body: notification.content?.body })
   }
 
   const months = [
     'January',
     'February',
     'March',
-    'April', 
-    'May', 
+    'April',
+    'May',
     'June',
-    'July', 
+    'July',
     'August',
     'September',
-    'October', 
+    'October',
     'November',
     'December',
   ]
@@ -72,7 +70,7 @@ export const notifications = defineStore('notifications-store', () => {
       await pb.collection('notifications').create<NotificationsRecord>(notification)
     }
     catch (error) {
-      if (isError(error)) 
+      if (isError(error))
         setErrorMessage(error)
     }
   }
@@ -83,25 +81,24 @@ export const notifications = defineStore('notifications-store', () => {
 
   const triggerForagableNotification = async (items: ItemsRecordWithID[]) => {
     let customItems: string[] = []
-    if (items === undefined) 
+    if (items === undefined)
       return
 
-    if (filterMonthlyForagables(items).length === 0) 
+    if (filterMonthlyForagables(items).length === 0)
       return
-  
+
     const hasStoredMonthlyUpdate = await getStoredNotifications('monthly-update')
-    if (hasStoredMonthlyUpdate === true) 
+    if (hasStoredMonthlyUpdate === true)
       return
-
 
     filterMonthlyForagables(items).forEach((item) => {
       customItems = [...customItems, ` ${item.name}`]
     })
 
     const newMonthlyNotification = {
-      title:'Monthly foragables!',
+      title: 'Monthly foragables!',
       content: {
-        body:`You can find${ customItems } this month`,
+        body: `You can find${customItems} this month`,
       },
     }
     createNotification(newMonthlyNotification)
@@ -112,7 +109,6 @@ export const notifications = defineStore('notifications-store', () => {
       title: newMonthlyNotification.title,
       body: newMonthlyNotification.content.body,
     })
-
   }
 
   return {