2022-03-03 18:05:50 +00:00
|
|
|
<template>
|
|
|
|
<div>
|
2022-03-03 23:13:14 +00:00
|
|
|
<v-list-item v-for="(video, index) in videos" :key="index">
|
|
|
|
<v-card>
|
|
|
|
<v-card-title v-text="video.compactVideoRenderer.title.runs[0].text" />
|
|
|
|
<v-card-text>
|
|
|
|
<p v-text="video.compactVideoRenderer.videoId" />
|
|
|
|
<p v-text="video.compactVideoRenderer.lengthText.runs[0].text" />
|
|
|
|
<p v-text="video.compactVideoRenderer.publishedTimeText.runs[0].text" />
|
|
|
|
<p v-text="video.compactVideoRenderer.viewCountText.runs[0].text" />
|
|
|
|
</v-card-text>
|
|
|
|
</v-card>
|
|
|
|
</v-list-item>
|
2022-03-03 18:05:50 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
2022-03-03 23:13:14 +00:00
|
|
|
videos: []
|
2022-03-03 18:05:50 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
const vm = this;
|
|
|
|
this.$youtube.search("TEST", (data) => {
|
2022-03-03 23:13:14 +00:00
|
|
|
vm.videos = data;
|
2022-03-03 18:05:50 +00:00
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|