From 40aba60f292019fb34db35a3c4986c936e07f8cb Mon Sep 17 00:00:00 2001
From: Isaac Marovitz <isaacryu@icloud.com>
Date: Tue, 30 May 2023 17:59:30 -0400
Subject: [PATCH] Create Compatibility Page

---
 .env.development                   | 2 +-
 .env.production                    | 2 +-
 src/common/constants/navigation.ts | 2 +-
 src/routes/children/index.ts       | 6 ++++++
 src/views/CompatibilityPage.vue    | 9 +++++++++
 5 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 src/views/CompatibilityPage.vue

diff --git a/.env.development b/.env.development
index 64de0a1..a38f14a 100644
--- a/.env.development
+++ b/.env.development
@@ -2,7 +2,7 @@ NODE_ENV=development
 
 VITE_BLOG_URL=https://blog.ryujinx.org
 VITE_FAQ_URL=https://ryujinx.org/faq
-VITE_COMPATIBILITY_URL=https://github.com/Ryujinx/Ryujinx-Games-List/issues
+VITE_COMPATIBILITY_URL=https://api.github.com/repos/Ryujinx/Ryujinx-Games-List/issues
 VITE_GUIDE_URL=https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide
 VITE_DISCORD_URL=https://discord.gg/VkQYXAZ
 VITE_RELEASE_URL=https://api.github.com/repos/Ryujinx/release-channel-master/releases/latest
diff --git a/.env.production b/.env.production
index c97a89e..13aa774 100644
--- a/.env.production
+++ b/.env.production
@@ -2,7 +2,7 @@ NODE_ENV=production
 
 VITE_BLOG_URL=https://blog.ryujinx.org
 VITE_FAQ_URL=https://ryujinx.org/faq
-VITE_COMPATIBILITY_URL=https://github.com/Ryujinx/Ryujinx-Games-List/issues
+VITE_COMPATIBILITY_URL=https://api.github.com/repos/Ryujinx/Ryujinx-Games-List/issues
 VITE_GUIDE_URL=https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide
 VITE_DISCORD_URL=https://discord.gg/VkQYXAZ
 VITE_RELEASE_URL=https://api.github.com/repos/Ryujinx/release-channel-master/releases/latest
diff --git a/src/common/constants/navigation.ts b/src/common/constants/navigation.ts
index e915293..148dbf6 100644
--- a/src/common/constants/navigation.ts
+++ b/src/common/constants/navigation.ts
@@ -22,6 +22,6 @@ export const navigations: NavigationNode[] = [
   },
   {
     name : i18n.global.t("navigations.compatibility"),
-    href: import.meta.env.VITE_COMPATIBILITY_URL
+    to: "compatibility"
   }
 ];
diff --git a/src/routes/children/index.ts b/src/routes/children/index.ts
index 00177b9..a3948dd 100644
--- a/src/routes/children/index.ts
+++ b/src/routes/children/index.ts
@@ -1,6 +1,7 @@
 const HomePage = () => import("@/views/HomePage.vue");
 const DownloadPage = () => import("@/views/DownloadPage.vue");
 const ContributePage = () => import("@/views/ContributePage.vue");
+const CompatibilityPage = () => import("@/views/CompatibilityPage.vue");
 
 export default [
   {
@@ -13,4 +14,9 @@ export default [
     name: "contribute",
     component: ContributePage,
   },
+  {
+    path: "compatibility",
+    name: "compatibility",
+    component: CompatibilityPage,
+  },
 ];
diff --git a/src/views/CompatibilityPage.vue b/src/views/CompatibilityPage.vue
new file mode 100644
index 0000000..f3fb78b
--- /dev/null
+++ b/src/views/CompatibilityPage.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { useI18n } from "vue-i18n";
+
+const COMPATIBILITY_URL = import.meta.env.VITE_COMPATIBILITY_URL;
+const { t } = useI18n();
+</script>
+
+<template>
+</template>
\ No newline at end of file