add browser infos in html dataset

This commit is contained in:
isUnknown 2025-02-27 17:13:17 +01:00
parent 1ed7aa9c5b
commit 83f6a93d28
3 changed files with 19 additions and 3 deletions

7
package-lock.json generated
View file

@ -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",

View file

@ -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",

View file

@ -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>