UPD: Refactor assets

src/assets/base.css

@@ -75,21 +75,21 @@
   }
   @font-face {
     font-family: 'ProtoMono';
-    src: url(gui-fonts/Proto-Mono-Semi-Bold.otf);
+    src: url(fonts/Proto-Mono-Semi-Bold.otf);
   }
   @font-face {
     font-family: 'RenoMono';
-    src: url(gui-fonts/RenoMono.otf);
+    src: url(fonts/RenoMono.otf);
   }
 
   @font-face {
     font-family: 'PixelLg';
-    src: url(gui-fonts/SG12.ttf);
+    src: url(fonts/SG12.ttf);
   }
 
   @font-face {
     font-family: 'PixelSm';
-    src: url(gui-fonts/andina.ttf);
+    src: url(fonts/andina.ttf);
   }
 
   .font-pixellg{

src/components/config/pages/HapticConfig.vue

@@ -47,10 +47,10 @@ import { AudioLines, AudioWaveform, GaugeCircle } from 'lucide-vue-next'
 import ConfigSection from '@/components/config/ConfigSection.vue'
 import SteppedSlider from '@/components/config/SteppedSlider.vue'
 import { ref } from 'vue'
-import FdIcon from '@/assets/gui-ico/ico-fd.svg'
-import CdIcon from '@/assets/gui-ico/ico-cd.svg'
-import VfIcon from '@/assets/gui-ico/ico-vf.svg'
-import RcIcon from '@/assets/gui-ico/ico-rc.svg'
+import FdIcon from '@/assets/icons/ico-fd.svg'
+import CdIcon from '@/assets/icons/ico-cd.svg'
+import VfIcon from '@/assets/icons/ico-vf.svg'
+import RcIcon from '@/assets/icons/ico-rc.svg'
 import FeedbackTypeButton from '@/components/config/FeedbackTypeButton.vue'
 
 const feedbackType = ref('fineDetents') // TODO: replace with actual value

src/components/config/pages/MappingConfig.vue

@@ -140,10 +140,10 @@ import {
 import { Slider } from '@/components/ui/slider/index.js'
 import { KeyboardMusic, Squircle, Keyboard, GaugeCircle, Play, Pause } from 'lucide-vue-next'
 import ConfigSection from '@/components/config/ConfigSection.vue'
-import KeyO from '@/assets/gui-ico/ico-key-o.svg'
-import Key from '@/assets/gui-ico/ico-key.svg'
-import KeyG from '@/assets/gui-ico/ico-key-g.svg'
-import KeyD from '@/assets/gui-ico/ico-key-d.svg'
+import KeyO from '@/assets/icons/ico-key-o.svg'
+import Key from '@/assets/icons/ico-key.svg'
+import KeyG from '@/assets/icons/ico-key-g.svg'
+import KeyD from '@/assets/icons/ico-key-d.svg'
 import { ref } from 'vue'
 import KeySelectButton from '@/components/config/KeySelectButton.vue'
 

src/components/config/pages/ProfileConfig.vue

@@ -32,8 +32,8 @@ import { Cable, Replace, Type } from 'lucide-vue-next'
 import ConfigSection from '@/components/config/ConfigSection.vue'
 import { Separator } from '@/components/ui/separator/index.js'
 import { ref } from 'vue'
-import UsbIcon from '@/assets/gui-ico/ico-usb-logo.svg'
-import MidiIcon from '@/assets/gui-ico/ico-midi-logo.svg'
+import UsbIcon from '@/assets/icons/ico-usb-logo.svg'
+import MidiIcon from '@/assets/icons/ico-midi-logo.svg'
 import ConnectionTypeButton from '@/components/config/ConnectionTypeButton.vue'
 import { Badge } from '@/components/ui/badge'
 import WIP from '@/components/WIP.vue'

src/components/device/DevicePreview.vue

@@ -8,10 +8,10 @@
     <div class="flex justify-center">
       <div
         class="flex bg-cover mb-6 w-72 aspect-square"
-        style="background-image: url(src/assets/gui-ico/xl-bg-ico.svg)">
+        style="background-image: url(src/assets/icons/xl-bg-ico.svg)">
         <div class="flex flex-col w-full justify-center m-9 rounded-full overflow-hidden">
           <div class="self-center w-8 mb-1 opacity-50">
-            <img src="@/assets/gui-ico/ico-midi-logo.svg" alt="midi-logo">
+            <img src="@/assets/icons/ico-midi-logo.svg" alt="midi-logo">
           </div>
           <h2 class="self-center font-pixellg text-5xl ">1337</h2>
           <div class="self-center font-pixelsm text-md pt-1 pb-2">Profile name</div>
@@ -27,4 +27,5 @@
 </template>
 <script setup>
 import DeviceBar from '@/components/device/DeviceBar.vue'
+import DeviceBackground from '@/assets/icons/xl-bg-ico.svg'
 </script>

src/components/effects/ScrambleText.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted, ref, watch } from 'vue'
-import click from '@/assets/click.mp3'
+import click from '@/assets/sounds/click.mp3'
 
 function playClick() {
   const audio = new Audio(click)