UPD: Refactor program -> profile

src/App.vue

@@ -6,7 +6,7 @@ import Navbar from '@/components/Navbar.vue'
 import ConfigSelect from '@/components/ConfigSelect.vue'
 import { ref } from 'vue'
 
-const currentConfigPage = ref('program_settings')
+const currentConfigPage = ref('profile_settings')
 
 </script>
 <template>

src/components/ConfigPane.vue

@@ -16,7 +16,7 @@
 </template>
 <script setup>
 import LEDsConfig from '@/components/config/LEDsConfig.vue'
-import ProgramConfig from '@/components/config/ProgramConfig.vue'
+import ProfileConfig from '@/components/config/ProfileConfig.vue'
 import MappingConfig from '@/components/config/MappingConfig.vue'
 import HapticConfig from '@/components/config/HapticConfig.vue'
 import ScrambleText from '@/components/effects/ScrambleText.vue'
@@ -24,12 +24,12 @@ import ScrambleText from '@/components/effects/ScrambleText.vue'
 defineProps({
   page: {
     type: String,
-    default: 'program_settings',
+    default: 'profile_settings',
   },
 })
 
 const configPages = {
-  program_settings: ProgramConfig,
+  profile_settings: ProfileConfig,
   feedback_designer: HapticConfig,
   mapping_configuration: MappingConfig,
   light_designer: LEDsConfig,

src/components/ConfigSelect.vue

@@ -28,7 +28,7 @@ import ScrambleText from '@/components/effects/ScrambleText.vue'
 import { Badge } from '@/components/ui/badge/index.js'
 
 const config_tabs = ref([
-  { id: 'program_settings' },
+  { id: 'profile_settings' },
   { id: 'feedback_designer' },
   { id: 'mapping_configuration' },
   { id: 'light_designer' },
@@ -41,6 +41,6 @@ const config_tabs = ref([
 
 const current_tab = defineModel({
   type: String,
-  default: 'program_settings',
+  default: 'profile_settings',
 })
 </script>

src/components/config/ProfileConfig.vue

@@ -8,7 +8,7 @@
             <Cable class="h-4 w-4" />
           </div>
           <div class="flex-initial"><h2 class="text-sm px-2 py-4">
-            {{ $t('config_options.program_settings.connection_type.title') }}</h2></div>
+            {{ $t('config_options.profile_settings.connection_type.title') }}</h2></div>
 
         </div>
         <Separator />
@@ -21,7 +21,7 @@
                   <img src="../../assets/gui-ico/ico-usb-logo.svg" alt="usb-logo">
                 </div>
                 <span
-                  class="text-xs leading-3 text-wrap">{{ $t('config_options.program_settings.connection_type.usb')
+                  class="text-xs leading-3 text-wrap">{{ $t('config_options.profile_settings.connection_type.usb')
                   }}</span>
               </div>
             </TabsTrigger>
@@ -31,7 +31,7 @@
                   <img src="../../assets/gui-ico/ico-midi-logo.svg" alt="midi-logo">
                 </div>
                 <span class="text-xs leading-3 text-wrap">
-                              {{ $t('config_options.program_settings.connection_type.midi') }}
+                              {{ $t('config_options.profile_settings.connection_type.midi') }}
                             </span>
               </div>
             </TabsTrigger>
@@ -48,7 +48,7 @@
             <Type class="h-4 w-4" />
           </div>
           <div class="grow">
-            <h2 class="text-sm px-2 py-4">{{ $t('config_options.program_settings.profile_properties.title')
+            <h2 class="text-sm px-2 py-4">{{ $t('config_options.profile_settings.profile_properties.title')
               }}</h2>
           </div>
 
@@ -58,10 +58,10 @@
 
         <div class="flex flex-col p-8 py-4">
                       <span
-                        class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.program_settings.profile_properties.program_name')
+                        class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.profile_settings.profile_properties.profile_name')
                         }}</span>
           <Input
-            type="text" :placeholder="$t('config_options.program_settings.profile_properties.program_name')"
+            type="text" :placeholder="$t('config_options.profile_settings.profile_properties.profile_name')"
             class="text-xl border-0 text-center border-b rounded-none focus-visible:ring-0 focus-visible:border-emerald-500 font-pixelsm uppercase"
             default-value="Oscillator 1" maxlength="20" />
 
@@ -70,11 +70,11 @@
         <Separator />
         <div class="flex flex-col p-8 py-4">
                       <span
-                        class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.program_settings.profile_properties.program_description')
+                        class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.profile_settings.profile_properties.profile_description')
                         }}</span>
           <Textarea
             class="text-lg px-3 bg-inherit text-center focus-visible:outline-none border-b focus-visible:border-emerald-500 resize-none font-pixelsm text-muted-foreground uppercase"
-            :placeholder="$t('config_options.program_settings.profile_properties.program_description')"
+            :placeholder="$t('config_options.profile_settings.profile_properties.profile_description')"
             default-value="Adjust Korg Oscillator Waveform " rows="2"
             maxlength="50" />
           <Label for="textarea" class="text-muted-foreground text-right mt-1 text-xs">24/50</Label>
@@ -83,7 +83,7 @@
             <Label
               for="airplane-mode"
               class="text-xs text-muted-foreground">{{
-                $t('config_options.program_settings.profile_properties.show_description')
+                $t('config_options.profile_settings.profile_properties.show_description')
               }}</Label>
           </div>
         </div>
@@ -95,7 +95,7 @@
             <Replace class="h-4 w-4" />
           </div>
           <div class="grow"><h2 class="text-sm px-2 py-4">
-            {{ $t('config_options.program_settings.internal_profile_toggle.title') }}</h2></div>
+            {{ $t('config_options.profile_settings.internal_profile_toggle.title') }}</h2></div>
           <div class="flex-none">
             <Toggle
               class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
@@ -107,13 +107,13 @@
 
         </div>
         <p class="flex flex-col p-8 py-4 text-muted-foreground text-xs">
-          {{ $t('config_options.program_settings.internal_profile_toggle.subtitle') }}
+          {{ $t('config_options.profile_settings.internal_profile_toggle.subtitle') }}
           <Separator class="mt-4" />
-          <span class="space-y-4">{{ $t('config_options.program_settings.internal_profile_toggle.operation')
+          <span class="space-y-4">{{ $t('config_options.profile_settings.internal_profile_toggle.operation')
             }}: <Badge class="bg-orange-500">SHIFT</Badge> + <Badge
               class="bg-zinc-500">Fn3</Badge> + <Badge>Rotation</Badge></span>
           <Separator class="my-4" />
-          <span>{{ $t('config_options.program_settings.internal_profile_toggle.warning') }}</span>
+          <span>{{ $t('config_options.profile_settings.internal_profile_toggle.warning') }}</span>
         </p>
 
 

src/lang/en.json

@@ -52,7 +52,7 @@
       "subtitle": "Assign function to Knob and Keys",
       "title": "Mapping Configuration"
     },
-    "program_settings": {
+    "profile_settings": {
       "connection_type": {
         "midi": "Standalone MIDI I/O",
         "title": "Connection Type",
@@ -65,13 +65,13 @@
         "warning": "Warning: Overrides software defined macro if combination is the same"
       },
       "profile_properties": {
-        "program_description": "Program Description",
+        "profile_description": "Profile Description",
-        "program_name": "Program Name",
+        "profile_name": "Profile Name",
         "show_description": "Show Description in GUI",
         "title": "Profile Properties"
       },
       "subtitle": "Operation mode and Profile Naming",
-      "title": "Program Settings"
+      "title": "Profile Settings"
     },
     "title": "Configuration Options"
   },