How can i extend the background image in my app to show in the footer and in the navbar? Im using Vue.js

My code looks like this:

<template>
    <v-app>
      <AppBar></AppBar>
      <v-main>
        <router-view></router-view>
      </v-main>
      <Footer></Footer>
    </v-app>
</template>

v-app is overriding the footer and the navbar. So the footer and the navbar have a solid color and my background has an image, i want the image to cover it all. Any help would be appreciated. Thanks in advance!