Terms

eodiro

It is our software's name. "어디로" in Korean.

Hamlets

Apps indicate top level functionalities listed in the eodiro's home page, including home itself. Each App has its own icon and the Banner is large on these Apps' starting page. Banner becomes a mini mode at further children routes.

Hamlet Name

They consist of lowercase and concatenated with a dash(-) because they are also frequently used in the html document as a class name.

• home
• vacant
• search-class
• clubs
• meal
• inquiry
• donation
• preferences

Banner

See more

routeMap

It is needed to know the previous page using current app name and current route name.

const routeMap = {
  appName1: ['app1-route1', 'app1-route2', ...],
  appName2: ['app2-route1', 'app2-route2', ...],
  ...
}

Page Component Name

All the Vue components under pages directory should have their own unique name to be properly cached.

export default {
  name: 'home'
}

Page Depth

route-change middleware uses it to determine the route direction.

Direction	Condition
forward	from depth < to depth
backward	from depth > to depth

Declaration

Page depths are declared in the page component's meta. Here is an example.

export default {
  meta: {
    depth: 3 // home(index) is 0
  }
}