preview files

xroom-dashboard/package.json

@@ -8,10 +8,17 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@google/model-viewer": "^4.1.0",
+    "@videojs-player/vue": "^1.0.0",
+    "@videojs/themes": "^1.0.1",
     "axios": "^1.8.4",
     "core-js": "^3.8.3",
+    "video.js": "^7.21.7",
     "vue": "^3.2.13",
-    "vue-router": "^4.5.0"
+    "vue-pdf-embed": "^2.1.2",
+    "vue-router": "^4.5.0",
+    "vue-video-player": "^6.0.0",
+    "vue3-video-player": "^1.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -23,6 +30,8 @@
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
     "postcss": "^8.5.3",
+    "postcss-loader": "^8.1.1",
+    "postcss-preset-env": "^10.1.6",
     "tailwindcss": "^4.1.3"
   },
   "eslintConfig": {

xroom-dashboard/src/App.vue

@@ -2,7 +2,7 @@
   <div id="app">
     <!-- Main App Layout -->
      
-      <h1 class="app-title">XRoom Dashboard</h1>
+      <h1 class="app-title"> </h1>
    
 
     <!-- The router-view here will display the active route's component -->