[web] Refactor the Spotify playlist item page

web-src/src/components/ListItemPlaylistSpotify.vue

@@ -5,16 +5,34 @@
       <h2 class="subtitle is-7" v-text="item.owner.display_name" />
     </div>
     <div class="media-right">
-      <slot name="actions" />
+      <a @click.prevent.stop="show_details_modal = true">
+        <mdicon class="icon has-text-dark" name="dots-vertical" size="16" />
+      </a>
     </div>
   </div>
+  <teleport to="#app">
+    <modal-dialog-playlist-spotify
+      :show="show_details_modal"
+      :playlist="item"
+      @close="show_details_modal = false"
+    />
+  </teleport>
 </template>
 
 <script>
+import ModalDialogPlaylistSpotify from '@/components/ModalDialogPlaylistSpotify.vue'
+
 export default {
   name: 'ListItemPlaylistSpotify',
+  components: {
+    ModalDialogPlaylistSpotify
+  },
   props: { item: { required: true, type: Object } },
 
+  data() {
+    return { show_details_modal: false }
+  },
+
   methods: {
     open_playlist() {
       this.$router.push({