locations/[id].vue

This page displays individual location data. It cannot directly be reached through the menu, but is accessed from links only
Info: the [id] parameter is the Strapi documentId for the location

📄 View source on GitHub

Used Components

• 1️⃣ Map
• 2️⃣ LocationHeader
• 3️⃣ RunDetails
• 4️⃣ ShowList

Functions

convertToGoogleMarker

Converts an array of location data to an array of Google Maps markers. Each location is expected to have a latitude, longitude, and runsite_name.

Parameters:

• data: - An array of location data

Reactivity

computedWidth (computed)

Computes the width of the map and run details container based on screen size

(anonymous) (watchEffect)

Function watches if data query results have arrived and updates / creates the required data elements for the respective location