<template>
  <div class="app-wrapper">
    <TheApplicationHeader/>
    <div class="app-content">
      <NuxtPage/>
    </div>
  </div>
</template>

<script setup lang="ts">
import TheApplicationHeader from "~/components/Header/TheApplicationHeader.vue";
import moment from "moment";

moment.updateLocale('en', {
  relativeTime : {
    future: "in %s",
    past:   "%s ago",
    s  : 'a few seconds',
    ss : '%ds',
    m:  "m",
    mm: "%dm",
    h:  "h",
    hh: "%dh",
    d:  "d",
    dd: "%dd",
    w:  "w",
    ww: "%dw",
    M:  "a month",
    MM: "%d months",
    y:  "a year",
    yy: "%d years"
  }
});

</script>

<style lang="scss">
@forward "~/assets/global";

.app-content {
  padding: 20px;
}
</style>
