:bug: move aspect bar off prop and unblock build

frontend/src/components/AspectBar.vue

@@ -1,8 +1,12 @@
 <template lang="pug">
 figure.w-flex.column
     figcaption.w-flex.xs12.justify-space-between.align-center
-        p(v-for="(label, index) in labels" :key="label" :class="{ 'main': index === 1 }")  {{ label }}
-    w-progress(v-model="percentage" size="0.5em" round).mb7
+        p(
+            :class='{ main: index === 1 }'
+            :key='label'
+            v-for='(label, index) in labels'
+        ) {{ label }}
+    w-progress.mb7(round size='0.5em' v-model='progress')
 </template>
 
 <script>
@@ -18,23 +22,24 @@ export default {
             default: 50,
         },
     },
-    data: () => ({}),
+    data: () => ({
+        progress: props.percentage,
+    }),
 }
 </script>
 <style lang="sass">
-    figure
-        figcaption
-            font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
-            text-transform: capitalize
-            .main
-                color: #4D9127
-                font-weight: bold
-                text-transform: uppercase
+figure
+    figcaption
+        font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
+        text-transform: capitalize
+        .main
+            color: #4D9127
+            font-weight: bold
+            text-transform: uppercase
 
 
-        .w-progress
-            background-color: #4C5264
-            .w-progress__progress
-                color: #4D9127
-        
-</style>
+    .w-progress
+        background-color: #4C5264
+        .w-progress__progress
+            color: #4D9127
+</style>