dashy/src/App.vue

<template>
  <div id="app">
    <router-view/>
    <Footer />
  </div>
</template>
<script>

import Footer from '@/components/Footer.vue';

export default {
  name: 'app',
  components: {
    Footer,
  },
};
</script>

<style lang="scss">
@import '../src/styles/global-styles.scss';
@import '../src/styles/color-pallet.scss';

body {
  background: $background;
  margin: 0;
  padding: 0;
}

#app {
  .footer {
    text-align: center;
  }
}

</style>