Animation adjustments

src/i18n/locales/en/views/compatibility.json

@@ -1,7 +1,7 @@
 {
     "title": "Play Anything",
     "subtitle": "Compatibility",
-    "description": "Ryujinx can play thousands of games perfectly. From Breath of the Wild to Xenoblade, it just works, and the list is expanding all the time.",
+    "description": "Ryujinx can play thousands of games perfectly. From Breath of the Wild to Xenoblade, it just works, and the list is constantly expanding.",
     "playable": "Playable",
     "ingame": "In-Game",
     "menus": "Menus",

src/views/CompatibilityPage.vue

@@ -133,6 +133,22 @@ const chartOptions = ref<ChartOptions<'bar'>>({
   indexAxis: "y" as const,
   responsive: true,
   maintainAspectRatio: false,
+  transitions: {
+    show: {
+      animations: {
+        x: {
+          from: 0
+        }
+      }
+    },
+    hide: {
+      animations: {
+        x: {
+          to: 0
+        }
+      }
+    }
+  },
   scales: {
     x: {
       max: NaN,