Locale-aware sort of the OS keyboard layouts by their labels.

qmk · Aug 18, 2022 · cc349e1 · cc349e1
1 parent 64686c4
commit cc349e1
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/SettingsPanel.vue b/src/components/SettingsPanel.vue
@@ -105,7 +105,7 @@
           v-model="osKeyboardLayout"
         >
           <option
-            v-for="osLayout in osKeyboardLayouts"
+            v-for="osLayout in sortedOSKeyboardLayouts"
             :key="osLayout"
             :value="osLayout"
           >
@@ -179,6 +179,14 @@ export default {
       async set(value) {
         await this.changeOSKeyboardLayout(value);
       }
+    },
+    sortedOSKeyboardLayouts: function () {
+      // Locale-aware sort of the OS keyboard layouts by their labels.
+      const translatedLayoutName = (osLayout) =>
+        this.$t('settingsPanel.osKeyboardLayout.label.' + osLayout);
+      return [...this.osKeyboardLayouts].sort((a, b) =>
+        translatedLayoutName(a).localeCompare(translatedLayoutName(b))
+      );
     }
   },
   methods: {