First release

app/client/src/components/SmartTrackList.vue

@@ -0,0 +1,50 @@
+<template>
+<div>
+
+    <v-card max-width='175px' max-height='210px' @click='play' :loading='loading'>
+        <v-img :src='stl.cover.thumb'>
+        </v-img>
+
+        <div class='pa-2 text-subtitle-2 text-center text-truncate'>{{stl.title}}</div>
+    </v-card>
+
+</div>
+</template>
+
+<script>
+export default {
+    name: 'SmartTrackList',
+    props: {
+        stl: Object
+    },
+    data() {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+        //Load stt as source
+        async play() {
+            this.loading = true;
+            
+            //Load data
+            let res = await this.$axios.get('/smarttracklist/' + this.stl.id);
+            if (!res.data) {
+                this.loading = false;
+                return;
+            }
+
+            //Send to player
+            this.$root.queue.source = {
+                text: this.stl.title,
+                source: 'smarttracklist',
+                data: this.stl.id
+            };
+            this.$root.replaceQueue(res.data);
+            this.$root.playIndex(0);
+            
+            this.loading = false;
+        }
+    }
+}
+</script>