src/App.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<template>
  <v-app :style="bg">
    <v-main>
      <v-container>
        <MainPage class="float-end w-50" />
      </v-container>
    </v-main>
  </v-app>
</template>

<script>
import MainPage from "./components/MainPage.vue";

export default {
  name: "App",

  components: {
    MainPage,
  },

  data: () => ({
    bg: {
      backgroundColor: "grey",
      // backgroundImage: "url(https://wallpapercave.com/wp/wp9649930.jpg)",
      backgroundPosition: "center",
    },
  }),
};
</script>