More intuitive variants-by-name page

[vchess.git] / client / src / views / VariantList.vue

diff --git a/client/src/views/VariantList.vue b/client/src/views/VariantList.vue
index e5d0285..60e553d 100644 (file)
--- a/client/src/views/VariantList.vue
+++ b/client/src/views/VariantList.vue
@@ -12,7 +12,7 @@ main
       :class="getVclasses(filteredVariants, idx)"
     )
       router-link(:to="getLink(v.name)")
-        h4.boxtitle.text-center {{ v.name }}
+        h4.boxtitle.text-center {{ v.display }}
         p.description.text-center {{ st.tr[v.desc] }}
 </template>
 
@@ -36,16 +36,17 @@ export default {
       );
       const variants = this.st.variants
         .filter(v => {
-          return v.name.startsWith(capitalizedPrefix);
+          return v.display.startsWith(capitalizedPrefix);
         })
         .map(v => {
           return {
             name: v.name,
-            desc: v.description
+            desc: v.description,
+            display: v.display
           };
         })
         .sort((a, b) => {
-          return a.name.localeCompare(b.name);
+          return a.display.localeCompare(b.display);
         });
       return variants;
     }