Icons to vue components (#32)

Using inline svg in vue components will:
1. Make it possible to recolor svgs (for example for dark mode)
2. Be a better solution to the cordova resource location issue

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: Georgi_Lab/ALVINN_f7#32

src/pages/home.vue

@@ -14,16 +14,16 @@
       <p style="text-align: center; margin: 0;">Select a region to begin</p>
       <div class="region-grid">
         <f7-button class="region-button thorax" href="/detect/thorax/">
-          <img class="region-image" src="../assets/regions/thorax.svg" />
+          <RegionIcon class="region-image" :region="0" />
         </f7-button>
         <f7-button class="region-button abdomen" href="/detect/abdomen/">
-          <img class="region-image" src="../assets/regions/abdpel.svg" />
+          <RegionIcon class="region-image" :region="1" />
         </f7-button>
         <f7-button class="region-button limbs" href="/detect/limbs/">
-          <img class="region-image" src="../assets/regions/limb.svg" />
+          <RegionIcon class="region-image" :region="2" />
         </f7-button>
         <f7-button class="region-button headneck disabled" href="/detect/head/">
-          <img class="region-image" src="../assets/regions/headneck.svg" />
+          <RegionIcon class="region-image" :region="3" />
         </f7-button>
       </div>
     </div>
@@ -78,4 +78,14 @@
     }
   }
 
-</style>
+</style>
+
+<script>
+  import RegionIcon from '../components/region-icon.vue'
+
+  export default {
+    components: {
+      RegionIcon
+    }
+  }
+</script>