reformat of code

frontend/src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <v-sheet color="transparent" :style="`width: ${contentWidth}px; margin-left: ${offsetLeft}px;`">
+    <v-sheet :style="`width: ${contentWidth}px; margin-left: ${offsetLeft}px;`" color="transparent">
       <main-nav :style="`padding-left: ${offsetLeft}px;`" />
 
       <v-main>
@@ -10,18 +10,18 @@
       </v-main>
     </v-sheet>
 
-    <v-footer color="black" :style="`padding-left: ${offsetLeft}px;`" app>
-      <footer-content/>
+    <v-footer :style="`padding-left: ${offsetLeft}px;`" app color="black">
+      <footer-content />
     </v-footer>
   </v-app>
 </template>
 
-<script setup lang="ts">
-import MainNav from "@/components/MainNav.vue";
-import BuildServerStats from "@/components/BuildServerStats.vue";
-import Packages from "@/components/Packages.vue";
-import {onMounted, ref} from "vue";
-import FooterContent from "@/FooterContent.vue";
+<script lang="ts" setup>
+import MainNav from '@/components/MainNav.vue'
+import BuildServerStats from '@/components/BuildServerStats.vue'
+import Packages from '@/components/Packages.vue'
+import { onMounted, ref } from 'vue'
+import FooterContent from '@/components/FooterContent.vue'
 
 const contentWidth = ref(1440)
 const offsetLeft = ref(0)