Fix article sort reversed (#8532)

* Reverse the article sorting implementation.
(The, a, an) sorting was working inverted.

* bundle

* yarn test -u

* yarn dev

Co-authored-by: Dario <medariox@users.noreply.github.com>

themes-default/slim/src/components/helpers/show-selector.vue

@@ -58,7 +58,7 @@ export default {
 
             const sortedShows = [...showsInLists];
 
-            const sortKey = title => (sortArticle ? title.replace(/^((?:the|a|an)\s)/i, '') : title).toLowerCase();
+            const sortKey = title => (sortArticle ? title : title.replace(/^((?:the|a|an)\s)/i, '')).toLowerCase();
             const sortFn = (showA, showB) => {
                 const titleA = sortKey(showA.title);
                 const titleB = sortKey(showB.title);

themes-default/slim/src/components/show-list/poster.vue

@@ -100,7 +100,7 @@ export default {
                         const { stateLayout } = this;
                         const { sortArticle } = stateLayout;
 
-                        if (!sortArticle) {
+                        if (sortArticle) {
                             return row.title;
                         }
 

themes-default/slim/test/specs/__snapshots__/show-selector.spec.js.snap

@@ -60,14 +60,14 @@ exports[`ShowSelector.test.js renders with articles(The|A|An) ignored in /home/d
         label="Anime"
       >
         <option
-          value="tvdb360438"
+          value="tvdb300835"
         >
-          A Certain Scientific Accelerator
+          Ajin
         </option>
         <option
-          value="tvdb300835"
+          value="tvdb360438"
         >
-          Ajin
+          A Certain Scientific Accelerator
         </option>
         <option
           value="tvdb313867"
@@ -121,14 +121,14 @@ exports[`ShowSelector.test.js renders with shows in /home/displayShow 1`] = `
         label="Anime"
       >
         <option
-          value="tvdb300835"
+          value="tvdb360438"
         >
-          Ajin
+          A Certain Scientific Accelerator
         </option>
         <option
-          value="tvdb360438"
+          value="tvdb300835"
         >
-          A Certain Scientific Accelerator
+          Ajin
         </option>
         <option
           value="tvdb313867"
@@ -182,14 +182,14 @@ exports[`ShowSelector.test.js renders with shows in /home/editShow 1`] = `
         label="Anime"
       >
         <option
-          value="tvdb300835"
+          value="tvdb360438"
         >
-          Ajin
+          A Certain Scientific Accelerator
         </option>
         <option
-          value="tvdb360438"
+          value="tvdb300835"
         >
-          A Certain Scientific Accelerator
+          Ajin
         </option>
         <option
           value="tvdb313867"
@@ -243,14 +243,14 @@ exports[`ShowSelector.test.js renders with split sections in /home/displayShow 1
         label="Anime"
       >
         <option
-          value="tvdb300835"
+          value="tvdb360438"
         >
-          Ajin
+          A Certain Scientific Accelerator
         </option>
         <option
-          value="tvdb360438"
+          value="tvdb300835"
         >
-          A Certain Scientific Accelerator
+          Ajin
         </option>
         <option
           value="tvdb313867"
@@ -298,14 +298,14 @@ exports[`ShowSelector.test.js renders without placeholder in /home/displayShow 1
         label="Anime"
       >
         <option
-          value="tvdb300835"
+          value="tvdb360438"
         >
-          Ajin
+          A Certain Scientific Accelerator
         </option>
         <option
-          value="tvdb360438"
+          value="tvdb300835"
         >
-          A Certain Scientific Accelerator
+          Ajin
         </option>
         <option
           value="tvdb313867"