feat: improve data load

apps/app/components/molecules/EnrollmentModal.vue

@@ -26,7 +26,7 @@ async function enrollCourse() {
 }
 
 const redirectUri = computed(() => {
-  return `${config.public.appUrl}/discord/role/${course.discordRole}`;
+  return `${config.public.appUrl}discord/role/${course.discordRole}`;
 });
 
 function openDiscordOAuth() {

apps/app/nuxt.config.ts

@@ -41,8 +41,9 @@ export default defineNuxtConfig({
     },
   },
   image: {
+    provider: "ipxStatic",
     domains: ["raw.githubusercontent.com"],
-    ipx: {
+    ipxStatic: {
       baseURL:
         process.env.NODE_ENV === "development" ? "/_ipx/" : `${baseURL}_ipx/`,
     },

apps/app/package.json

@@ -25,7 +25,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/vue-fontawesome": "^3.0.3",
-    "@nuxt/image-edge": "1.0.0-rc.1-28180077.d51e794",
+    "@nuxt/image-edge": "1.0.0-rc.2-28246613.7d120ca",
     "@pinia/nuxt": "^0.4.11",
     "@vueuse/nuxt": "^10.3.0",
     "eslint-config-custom": "workspace:*",

apps/app/pages/[...slug].vue

@@ -53,6 +53,10 @@ function openSubmission() {
 
 onMounted(async () => {
   try {
+    if (coursesStore.course?.ContentId === params.slug[0]) {
+      return;
+    }
+
     await coursesStore.getCourse(params.slug[0]);
 
     if (coursesStore.isEnrolled) {

apps/app/pages/discord/role/[id].vue

@@ -7,16 +7,12 @@ const route = useRoute();
 const error = ref(false);
 const discordStore = useDiscordStore();
 
-const redirectUri = computed(() => {
-  return `${config.public.appUrl}/discord/role/${route.params.id}`;
-});
-
 async function assignDiscordRole() {
   try {
     await discordStore.requestRole({
       roleId: String(route.params.id),
       code: String(route.query.code),
-      redirectUri: redirectUri.value,
+      redirectUri: `${config.public.appUrl}discord/role/${route.params.id}`,
     });
     window.close();
   } catch (e) {