mirror of
https://github.com/VueTubeApp/VueTube
synced 2024-11-25 12:45:17 +00:00
63 lines
1.6 KiB
Vue
63 lines
1.6 KiB
Vue
<template>
|
|
<center style="padding: 1em">
|
|
<div class="row pa-4" style="flex-direction: column">
|
|
<div>
|
|
<v-img
|
|
src="/icon.svg"
|
|
width="100px"
|
|
:class="$vuetify.theme.dark ? '' : 'invert'"
|
|
/>
|
|
</div>
|
|
<v-spacer />
|
|
<div>
|
|
<h1 class="pageTitle mb-3">VueTube</h1>
|
|
<v-btn @click="openExternal('https://github.com/Frontesque/VueTube')"
|
|
><v-icon>mdi-github</v-icon></v-btn
|
|
>
|
|
<v-btn @click="openExternal('https://discord.gg/7P8KJrdd5W')"
|
|
><v-icon>mdi-discord</v-icon></v-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<h3 style="margin-top: 2em">App Information</h3>
|
|
<div>App Version: {{ version.substring(0, 7) }}</div>
|
|
|
|
<h3 style="margin-top: 1em">Device Information</h3>
|
|
<div>Platform: {{ deviceInfo.platform }}</div>
|
|
<div>OS: {{ deviceInfo.operatingSystem }} ({{ deviceInfo.osVersion }})</div>
|
|
<div>Model: {{ deviceInfo.model }}</div>
|
|
<div>Manufacturer: {{ deviceInfo.manufacturer }}</div>
|
|
<div>Virtual Device: {{ deviceInfo.isVirtual ? "yes" : "no" }}</div>
|
|
</center>
|
|
</template>
|
|
|
|
<script>
|
|
import { Browser } from "@capacitor/browser";
|
|
import { Device } from "@capacitor/device";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
version: process.env.appVersion,
|
|
deviceInfo: "",
|
|
};
|
|
},
|
|
|
|
async mounted() {
|
|
const info = await Device.getInfo();
|
|
this.deviceInfo = info;
|
|
},
|
|
methods: {
|
|
async openExternal(url) {
|
|
await Browser.open({ url: url });
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.pageTitle {
|
|
margin-bottom: 1em;
|
|
}
|
|
</style>
|