FIX: Icon imports

src/components/config/HapticConfig.vue

@@ -203,15 +203,11 @@
     </div>
   </TabsContent>
 </template>
-<script>
+<script setup>
 import { ScrollArea } from '@/components/ui/scroll-area/index.js'
 import { Tabs } from '@/components/ui/tabs/index.js'
 import { Slider } from '@/components/ui/slider/index.js'
-
+import { GaugeCircle, AudioLines, AudioWaveform, Power } from 'lucide-vue-next'
-export default {
-  name: 'HapticConfig',
-  components: { Slider, Tabs, ScrollArea },
-}
 </script>
 <style scoped>
 input::-webkit-outer-spin-button,

src/components/config/LEDsConfig.vue

@@ -182,10 +182,11 @@
     </div>
   </TabsContent>
 </template>
-<script>
+<script setup>
-export default {
+import { ScrollArea } from '@/components/ui/scroll-area/index.js'
-  name: 'LEDsConfig',
+import { Tabs } from '@/components/ui/tabs/index.js'
-}
+import { Slider } from '@/components/ui/slider/index.js'
+import { GaugeCircle, AudioLines, AudioWaveform, Power } from 'lucide-vue-next'
 </script>
 <style scoped>
 input::-webkit-outer-spin-button,

src/components/config/MappingConfig.vue

@@ -247,7 +247,7 @@
     </div>
   </TabsContent>
 </template>
-<script>
+<script setup>
 import { ScrollArea } from '@/components/ui/scroll-area/index.js'
 import { Badge } from '@/components/ui/badge/index.js'
 import { Tabs } from '@/components/ui/tabs/index.js'
@@ -260,11 +260,7 @@ import {
   CommandList, CommandSeparator,
 } from '@/components/ui/command/index.js'
 import { Slider } from '@/components/ui/slider/index.js'
-
+import { KeyboardMusic, Squircle, Keyboard, GaugeCircle, AudioLines, Power } from 'lucide-vue-next'
-export default {
-  name: 'MappingConfig',
-  components: { Slider, CommandSeparator, CommandGroup, CommandItem, CommandInput, CommandEmpty, CommandList, Command, Tabs, Badge, ScrollArea },
-}
 </script>
 <style scoped>
 input::-webkit-outer-spin-button,

src/components/config/ProgramConfig.vue

@@ -124,10 +124,12 @@
     </div>
   </TabsContent>
 </template>
-<script>
+<script setup>
-export default {
+import { ScrollArea } from '@/components/ui/scroll-area/index.js'
-  name: 'ProgramConfig',
+import { Tabs } from '@/components/ui/tabs/index.js'
-}
+import { Label } from '@/components/ui/label/index.js'
+import { Switch } from '@/components/ui/switch/index.js'
+import { Replace, Type, Cable, Power } from 'lucide-vue-next'
 </script>
 <style scoped>
 input::-webkit-outer-spin-button,