Reformat codes

web/src/components/base/VComponent.vue

@@ -1,22 +1,22 @@
 <template>
   <section class="mb-12 text-center">
     <h1
-      class="font-weight-light mb-2"
-      style="color:#3c4858; font-size:24px"
-      v-text="`Vuetify ${heading}`"
+        class="font-weight-light mb-2"
+        style="color:#3c4858; font-size:24px"
+        v-text="`Vuetify ${heading}`"
     />
 
     <span
-      class="font-weight-light"
-      style="font-size: 16px; color: #3c4858"
+        class="font-weight-light"
+        style="font-size: 16px; color: #3c4858"
     >
       Please checkout the
       <a
-        :href="`https://vuetifyjs.com/${link}`"
-        rel="noopener"
-        target="_blank"
-        class="secondary--text"
-        style="text-decoration:none;"
+          :href="`https://vuetifyjs.com/${link}`"
+          class="secondary--text"
+          rel="noopener"
+          style="text-decoration:none;"
+          target="_blank"
       >
         full documentation
       </a>
@@ -25,18 +25,18 @@
 </template>
 
 <script>
-  export default {
-    name: 'VComponent',
+export default {
+  name: 'VComponent',
 
-    props: {
-      heading: {
-        type: String,
-        default: ''
-      },
-      link: {
-        type: String,
-        default: ''
-      }
+  props: {
+    heading: {
+      type: String,
+      default: ''
+    },
+    link: {
+      type: String,
+      default: ''
     }
   }
+}
 </script>