X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FVariants.vue;h=8de335e6af5d7f23201067eed8feda8787322caa;hb=4313762da3237b04f204e121a20cab3ba7bb5dd2;hp=8e28e50024aeee273ee1441621be9fbadf804c79;hpb=a57faf48c575029ecbba41de0f87bfe11d8c4e4b;p=vchess.git

diff --git a/client/src/views/Variants.vue b/client/src/views/Variants.vue
index 8e28e500..8de335e6 100644
--- a/client/src/views/Variants.vue
+++ b/client/src/views/Variants.vue
@@ -10,13 +10,13 @@ main
         a(href="https://www.chessvariants.com/why.html")
           | {{ st.tr["Why play chess variants?"] }}
       p
-        a(href="/#/variants/Chess") Chess
-        | {{ st.tr["chess_v"] }}
+        a(href="/#/variants/Chess960") Chess960
+        | {{ st.tr["chess960_v"] }}
       div(v-for="g of sortedGroups")
         h3 {{ st.tr["vt" + g] }}
         p {{ st.tr["vg" + g] }}
         ul
-          li(v-for="v of variantGroup.get(g)")
+          li(v-for="v of sortVariants(variantGroup.get(g))")
             a(:href="getLink(v)") {{ v.display }}
             | &nbsp– 
             | {{ st.tr[v.description] }}
@@ -59,6 +59,9 @@ export default {
     }
   },
   methods: {
+    sortVariants: function(group) {
+      return group.sort( (v1, v2) => v1.name.localeCompare(v2.name) );
+    },
     // oninput listener, required for smartphones:
     setCurPrefix: function(e) {
       this.curPrefix = e.target.value;