mirror of https://github.com/VueTubeApp/VueTube
48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<template>
|
|
<div class="description" v-if="render.descriptionBodyText">
|
|
<template v-for="(text, index) in render.descriptionBodyText.runs">
|
|
<template v-if="$rendererUtils.checkInternal(text)">
|
|
<a
|
|
@click="openInternal($rendererUtils.getNavigationEndpoints(text))"
|
|
:key="index"
|
|
>{{ text.text }}</a
|
|
>
|
|
</template>
|
|
<template
|
|
v-else-if="
|
|
text.navigationEndpoint && text.navigationEndpoint.urlEndpoint
|
|
"
|
|
>
|
|
<a
|
|
@click="openExternal($rendererUtils.getNavigationEndpoints(text))"
|
|
:key="index"
|
|
>{{ text.text }}</a
|
|
>
|
|
</template>
|
|
<template v-else> {{ text.text }} </template>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.description {
|
|
white-space: pre-line;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { Browser } from "@capacitor/browser";
|
|
export default {
|
|
props: ["render"],
|
|
|
|
methods: {
|
|
async openExternal(url) {
|
|
await Browser.open({ url: url });
|
|
},
|
|
async openInternal(url) {
|
|
await this.$router.push(url);
|
|
},
|
|
},
|
|
};
|
|
</script>
|