WIP Переделана часть secondary кнопок

src/components/TheSidebar.vue

@@ -10,7 +10,7 @@
         :active="button.active",
         :change-style-page="changeStylePage"
       )
-        .icon(:class="button.icon")
+        q-icon(:name="`app:${button.icon}`", size="36px")
     .flex.text-4xl.flex-col.gap-y-6
       the-button-sidebar(
         :path="getSettings.path",
@@ -18,7 +18,7 @@
         :active="getSettings.active",
         :change-style-page="changeStylePage"
       )
-        .icon(:class="getSettings.icon")
+        q-icon(:name="`app:${getSettings.icon}`", size="36px")
 </template>
 
 <script>
@@ -89,6 +89,4 @@ export default {
   max-width: 80px
   min-width: 80px
   background-color: var(--default-white)
-.icon
-  min-width: 44px
 </style>