From 434a797f1527beb6a6ffef554431bca4ba667ac5 Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Sun, 13 Mar 2022 17:18:45 -0400
Subject: [PATCH] detailed about section

---
 NUXT/pages/about.vue | 21 +++++++++++++++++++--
 package.json         |  3 ++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/NUXT/pages/about.vue b/NUXT/pages/about.vue
index 1a990e0..5cf4f33 100644
--- a/NUXT/pages/about.vue
+++ b/NUXT/pages/about.vue
@@ -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://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>
 </template>
 
@@ -18,17 +28,24 @@
 
 <script>
 import { Browser } from '@capacitor/browser';
+import { Device } from '@capacitor/device';
 
 export default {
   data() {
     return {
-      version: process.env.appVersion
+      version: process.env.appVersion,
+      deviceInfo: "",
     }
   },
   methods: {
     async openExternal(url) {
       await Browser.open({ url: url });
     }
+  },
+
+  async mounted () {
+    const info = await Device.getInfo();
+    this.deviceInfo = info
   }
 }
 </script>
diff --git a/package.json b/package.json
index 7d271eb..cacc6ce 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
     "@capacitor/app": "^1.1.1",
     "@capacitor/browser": "^1.0.7",
     "@capacitor/cli": "^3.4.0",
-    "@capacitor/core": "^3.4.0"
+    "@capacitor/core": "^3.4.0",
+    "@capacitor/device": "^1.1.2"
   }
 }