From 83f6a93d28a564fb321dc244162576e67b52d76e Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 27 Feb 2025 17:13:17 +0100
Subject: [PATCH] add browser infos in html dataset

---
 package-lock.json |  7 +++++++
 package.json      |  1 +
 src/App.vue       | 14 +++++++++++---
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7b4dda4..d45d5f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@vue-pdf-viewer/viewer": "^1.4.3",
         "@vue/compiler-sfc": "^3.5.6",
         "dayjs": "^1.11.13",
+        "detect-browser": "^5.3.0",
         "lodash": "^4.17.21",
         "pinia": "^2.1.7",
         "primevue": "^4.0.6",
@@ -1074,6 +1075,12 @@
       "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
       "optional": true
     },
+    "node_modules/detect-browser": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/detect-browser/-/detect-browser-5.3.0.tgz",
+      "integrity": "sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==",
+      "license": "MIT"
+    },
     "node_modules/detect-libc": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
diff --git a/package.json b/package.json
index a1f7162..9a045eb 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@vue-pdf-viewer/viewer": "^1.4.3",
     "@vue/compiler-sfc": "^3.5.6",
     "dayjs": "^1.11.13",
+    "detect-browser": "^5.3.0",
     "lodash": "^4.17.21",
     "pinia": "^2.1.7",
     "primevue": "^4.0.6",
diff --git a/src/App.vue b/src/App.vue
index 160956b..2bd1586 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,9 +7,17 @@
 </template>
 
 <script setup>
-import { storeToRefs } from "pinia";
-import Menu from "./components/Menu.vue";
-import { usePageStore } from "./stores/page";
+import { storeToRefs } from 'pinia';
+import Menu from './components/Menu.vue';
+import { usePageStore } from './stores/page';
+import { detect } from 'detect-browser';
 
+const browser = detect();
+
+if (browser) {
+  document.querySelector(
+    'html'
+  ).dataset.browser = `${browser.name} ${browser.version} ${browser.os}`;
+}
 const { page } = storeToRefs(usePageStore());
 </script>