Поправлены стили формы добавления ивента, исправлены зависимости package.json

src/components/base/buttons/BaseSidebarButton.vue

@@ -5,39 +5,39 @@
 </template>
 
 <script>
-  export default {
-    name: "ButtonSidebar",
-    props: {
-      path: String,
-      id: String,
-      changeStyle: Function
-    },
-    data(){
-      return {
-        selectedStyle: false
-      }
-    }
-  }
+export default {
+  name: "ButtonSidebar",
+  props: {
+    path: String,
+    id: String,
+    changeStyle: Function,
+  },
+  data() {
+    return {
+      selectedStyle: false,
+    };
+  },
+};
 </script>
 
 <style lang="sass" scoped>
-  .button
-    width: fit-content
-    cursor: pointer
-    background-color: rgb(65, 105, 225, 0)
-    border-radius: 0 4px 4px 0
-    border-left-color: rgb(65, 105, 225, 0)
-    border-left-width: 4px
-    border-right: none
-    border-top: none
-    border-bottom: none
-    border-left-style: solid
-  .button:focus
-    background-color: rgb(65, 105, 225, 0.3)
-    border-left-color: rgb(65, 105, 225, 1)
-    color: #4169E1
-  .button:hover
-    background-color: rgb(65, 105, 225, 0.3)
-    border-left-color: rgb(65, 105, 225, 1)
-    color: #4169E1
+.button
+  width: fit-content
+  cursor: pointer
+  background-color: rgba(65, 105, 225, 0)
+  border-radius: 0 4px 4px 0
+  border-left-color: rgba(65, 105, 225, 0)
+  border-left-width: 4px
+  border-right: none
+  border-top: none
+  border-bottom: none
+  border-left-style: solid
+.button:focus
+  background-color: rgba(65, 105, 225, 0.3)
+  border-left-color: rgba(65, 105, 225, 1)
+  color: #4169E1
+.button:hover
+  background-color: rgba(65, 105, 225, 0.3)
+  border-left-color: rgba(65, 105, 225, 1)
+  color: #4169E1
 </style>