Skip to content

App Structure

[email protected] edited this page Jul 26, 2024 · 8 revisions

App.vue contains a template that holds the TopicPanel.vue and MapPanel.vue.

app-structure

Topic Panel

Inside the TopicPanel.vue template, the component '@/components/Topic.vue' is used to create the expandable bar for each topic.

The Topic Panel contains the same set of topics as the original Atlas.

The content of each topic is an individual component, stored in '@/components/topics/', such as '@/components/topics/Property.vue'.

Map Panel

Inside the MapPanel.vue template, there is just the '@/components/Map.vue'

The Map.vue component, the most complicated part of the app, holds a lot of code for disparate functionality of the map.

Clone this wiki locally