Refactor into components and add global state management

[friuns2]

Refactors the application by splitting the logic into separate components and introducing global state management.

• Introduces state.js: Adds a new file composables/state.js implementing global state management using useState from Nuxt 3. This file manages attractions and homeLocation states.
• Adds new components: Creates MapComponent.vue, AttractionListComponent.vue, and ItineraryComponent.vue with <script setup> syntax. Each component is responsible for a specific part of the application:
  • MapComponent initializes the map, updates attractions, and handles marker creation.
  • AttractionListComponent manages the display of attractions based on sorted and filtered data.
  • ItineraryComponent displays the itinerary and allows for recalculating directions.
• Updates index.vue: Refactors pages/index.vue to use the new components, passing the necessary props for functionality. Removes previously integrated logic for map, attraction list, and itinerary management, leveraging the new component-based structure and global state.

---

For more details, open the Copilot Workspace session.