deps: dependency update (#825)

Co-authored-by: crwxaj <crwxaj>

Author: crwxaj

package.json

@@ -35,9 +35,9 @@
     "wampy": "6.4.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "4.5.19",
-    "@vue/cli-plugin-eslint": "4.5.19",
-    "@vue/cli-service": "4.5.19",
+    "@vue/cli-plugin-babel": "5.0.7",
+    "@vue/cli-plugin-eslint": "5.0.7",
+    "@vue/cli-service": "5.0.7",
     "@vue/eslint-config-standard": "7.0.0",
     "babel-eslint": "10.1.0",
     "concurrently": "7.2.2",
@@ -54,7 +54,8 @@
     "simple-progress-webpack-plugin": "2.0.0",
     "vue-cli-plugin-i18n": "2.3.1",
     "vue-i18n-extract": "1.2.3",
-    "vue-template-compiler": "2.7.2"
+    "vue-template-compiler": "2.7.2",
+    "webpack": "5.73.0"
   },
   "eslintConfig": {
     "root": true,

ui/src/views/scenes/Details.vue

@@ -674,15 +674,15 @@ span.is-active img {
   font-weight: 550;
 }
 
-/deep/ .carousel .carousel-indicator {
+:deep(.carousel .carousel-indicator) {
   justify-content: flex-start;
   width: 100%;
   max-width: min-content;
   margin-left: auto;
   margin-right: auto;
   overflow: auto;
 }
-/deep/ .carousel .carousel-indicator .indicator-item:not(.is-active) {
+:deep(.carousel .carousel-indicator .indicator-item:not(.is-active)) {
   opacity: 0.5;
 }
 </style>