mirror of https://github.com/VueTubeApp/VueTube
detailed about section
This commit is contained in:
parent
6ff5c51c3a
commit
434a797f15
|
@ -6,7 +6,17 @@
|
||||||
|
|
||||||
<v-btn @click="openExternal('https://github.com/Frontesque/VueTube')"><v-icon>mdi-github</v-icon></v-btn>
|
<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>
|
<v-btn @click="openExternal('https://discord.gg/7P8KJrdd5W')"><v-icon>mdi-discord</v-icon></v-btn>
|
||||||
<p>App Version: {{ version.substring(0, 7) }}</p>
|
|
||||||
|
<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 }}</div>
|
||||||
|
<div>OS Version: {{ deviceInfo.osVersion }}</div>
|
||||||
|
<div>Model: {{ deviceInfo.model }}</div>
|
||||||
|
<div>Manufacturer: {{ deviceInfo.manufacturer }}</div>
|
||||||
|
<div>Virtual: {{ deviceInfo.isVirtual }}</div>
|
||||||
</center>
|
</center>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -18,17 +28,24 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { Browser } from '@capacitor/browser';
|
import { Browser } from '@capacitor/browser';
|
||||||
|
import { Device } from '@capacitor/device';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
version: process.env.appVersion
|
version: process.env.appVersion,
|
||||||
|
deviceInfo: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async openExternal(url) {
|
async openExternal(url) {
|
||||||
await Browser.open({ url: url });
|
await Browser.open({ url: url });
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
async mounted () {
|
||||||
|
const info = await Device.getInfo();
|
||||||
|
this.deviceInfo = info
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
"@capacitor/app": "^1.1.1",
|
"@capacitor/app": "^1.1.1",
|
||||||
"@capacitor/browser": "^1.0.7",
|
"@capacitor/browser": "^1.0.7",
|
||||||
"@capacitor/cli": "^3.4.0",
|
"@capacitor/cli": "^3.4.0",
|
||||||
"@capacitor/core": "^3.4.0"
|
"@capacitor/core": "^3.4.0",
|
||||||
|
"@capacitor/device": "^1.1.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue