Fix settings

luckydiamond/src/pages/SettingsPage.vue

@@ -12,16 +12,20 @@
     <button id="volume-down" @click="volumeDown">-</button>
   </div>
      -->
+      <div class="volume-section">
+        <h1 class="volume-text">Звук</h1>
+        <input
+          id="volumeControl"
+          type="range"
+          min="0"
+          max="10"
+          v-model="volume"
+          @input="handleVolumeChange"
+          ref="volumeControl"
+        />
+        <h1 class="volume-text--grey">Данная страница находится в разработке, и будет полностью переделанна</h1>
 
-      <input
-        id="volumeControl"
-        type="range"
-        min="0"
-        max="10"
-        v-model="volume"
-        @input="handleVolumeChange"
-        ref="volumeControl"
-      />
+      </div>
     </section>
   </div>
 </template>
@@ -30,7 +34,10 @@
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import ChatComponent from "@/components/ChatComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";
-import {SaveToLocalStorage,GetFromLocalStorage } from "@/assets/js/storage/LocalStorage";
+import {
+  SaveToLocalStorage,
+  GetFromLocalStorage,
+} from "@/assets/js/storage/LocalStorage";
 
 import "@/assets/css/PagesStyles/settings.css";
 export default {
@@ -47,7 +54,7 @@ export default {
   methods: {
     handleVolumeChange() {
       const volume = this.$refs.volumeControl.value;
-      SaveToLocalStorage("volume",volume);
+      SaveToLocalStorage("volume", volume);
 
       // Транслировать изменение громкости глобально
     },
@@ -57,6 +64,6 @@ export default {
     if (storedVolume !== null) {
       this.volume = storedVolume;
     }
-  }
+  },
 };
 </script>