<template>
  <Main />
  <StopInfo />
  <CarrierInfo @president-appeal-toggle="presidentOpen = $event" />
  <WeatherInfo :is-president-address-open="presidentOpen" />
  <RouteInfo />
</template>

<script>
import Main from "./components/main.vue";
import CarrierInfo from "./components/carrierinfo.vue";
import StopInfo from "./components/stopinfo.vue";
import WeatherInfo from "./components/weatherinfo.vue";
import RouteInfo from "./components/routeinfo.vue";

export default {
  name: "App",
  components: {
    Main,
    StopInfo,
    CarrierInfo,
    WeatherInfo,
    RouteInfo,
  },
  data() {
    return {
      presidentOpen: false,
    };
  },
};
</script>

<style>
body {
  margin: 0;
}
</style>
