Basic functionality

src/scripts/components/VueSound.vue

@@ -1,20 +1,17 @@
 <script>
-
-
 export default {
   props: ['src', 'icon'],
   methods: {
-    playSound: function(src) {
-      console.log('/assets/media/' + src);
-      var audioElement = document.createElement('audio');
-      audioElement.setAttribute('src', '/assets/media/' + src);
-      audioElement.play();
-    }
+    playSound: function (src) {
+      console.log('/assets/media/' + src)
+      var audioElement = document.createElement('audio')
+      audioElement.setAttribute('src', '/assets/media/' + src)
+      audioElement.play()
+    },
   },
-
 }
 </script>
 
 <template>
-<span @click="playSound(src)" ><i class="fa ml-1 fa-play-circle"></i></span>
-</template>
+<span @click="playSound(src)" ><fa icon="play-circle" /></span>
+</template>