From 32a653dcbf302648023ca5516b69c317bc89732a Mon Sep 17 00:00:00 2001
From: andig <cpuidle@gmx.de>
Date: Fri, 17 Feb 2023 23:16:25 +0100
Subject: [PATCH] chore: fix vite build warning (#6280)

* chore: fix vite build error

* new :deep syntax

---------

Co-authored-by: Michael Geers <michael@geers.tv>
---
 assets/js/components/Energyflow/Visualization.vue | 4 ++--
 assets/js/components/TelemetrySettings.vue        | 2 +-
 assets/js/components/VehicleTitle.vue             | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/js/components/Energyflow/Visualization.vue b/assets/js/components/Energyflow/Visualization.vue
index fb4cd91d6..75d3d7161 100644
--- a/assets/js/components/Energyflow/Visualization.vue
+++ b/assets/js/components/Energyflow/Visualization.vue
@@ -239,12 +239,12 @@ html.dark .grid-import {
 	white-space: nowrap;
 	overflow: hidden;
 }
-.visualization--ready ::v-deep(.label-bar) {
+.visualization--ready :deep(.label-bar) {
 	transition-property: width, opacity;
 	transition-duration: var(--evcc-transition-medium), var(--evcc-transition-fast);
 	transition-timing-function: linear, ease;
 }
-.visualization--ready ::v-deep(.label-bar-icon) {
+.visualization--ready :deep(.label-bar-icon) {
 	transition-duration: var(--evcc-transition-very-fast), 500ms;
 }
 </style>
diff --git a/assets/js/components/TelemetrySettings.vue b/assets/js/components/TelemetrySettings.vue
index 02560761d..e84ad09e1 100644
--- a/assets/js/components/TelemetrySettings.vue
+++ b/assets/js/components/TelemetrySettings.vue
@@ -90,7 +90,7 @@ export default {
 .form-check-label {
 	max-width: 100%;
 }
-.errorMessage::v-deep pre {
+.errorMessage :deep(pre) {
 	text-overflow: ellipsis;
 	font-size: 1em;
 }
diff --git a/assets/js/components/VehicleTitle.vue b/assets/js/components/VehicleTitle.vue
index fe754d544..aacf408ae 100644
--- a/assets/js/components/VehicleTitle.vue
+++ b/assets/js/components/VehicleTitle.vue
@@ -132,7 +132,7 @@ export default {
 .spin {
 	animation: rotation 1s infinite cubic-bezier(0.37, 0, 0.63, 1);
 }
-.spin ::v-deep(svg) {
+.spin :deep(svg) {
 	/* workaround to fix the not perfectly centered shopicon. Remove once its fixed in @h2d2/shopicons */
 	transform: translateY(-0.7px);
 }