0
0
Fork 0

Add clipboard copying functionality to the buttons.

This commit is contained in:
Oliver-Akins 2020-08-23 12:24:17 -06:00
parent a2f927918c
commit 1592fd63c1
2 changed files with 5 additions and 3 deletions

View file

@ -10,19 +10,19 @@
<h2 class="center">Track Sharing</h2>
<div class="share-buttons">
<button
@click="copy_link(track.external_urls.spotify)"
@click="copy_text(track.external_urls.spotify)"
>
Copy Track Link
</button>
<button
@click="copy_link(track.album.external_urls.spotify)"
@click="copy_text(track.album.external_urls.spotify)"
>
Copy Album Link
</button>
<button
v-for="artist in track.artists"
:key="artist.uri"
@click="copy_link(artist.external_urls.spotify)"
@click="copy_text(artist.external_urls.spotify)"
>
Copy {{ artist.name }}'s Link
</button>

View file

@ -1,5 +1,6 @@
import Vue from 'vue';
import VTooltip from 'v-tooltip';
import * as clipboard from 'clipboard-polyfill/text';
import TextareaAutosize from 'vue-textarea-autosize';
import VueEllipseProgress from 'vue-ellipse-progress';
import App from './App.vue';
@ -44,6 +45,7 @@ Vue.mixin({
window.location.href = this.home_page;
};
},
copy_text: clipboard.writeText,
},
});