From a20374d6e317d6bbb288218f409bd8e68d5d34fc Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Tue, 25 Mar 2025 10:38:04 -0700
Subject: [PATCH] Fix errors with intl extraction, extract error.vue (#3421)

* Fix errors with intl extraction, extract error.vue

* Update changelog and fix lint
---
 apps/app-frontend/src/App.vue                 | 10 ++-
 .../src/components/ui/ExportModal.vue         |  2 +-
 .../src/pages/project/Gallery.vue             |  6 +-
 apps/frontend/package.json                    |  2 +-
 .../ui/servers/ContentVersionEditModal.vue    |  8 +-
 .../ui/servers/PlatformMrpackModal.vue        | 10 ++-
 .../ui/servers/PlatformVersionSelectModal.vue | 10 ++-
 apps/frontend/src/locales/en-US/index.json    | 81 +++++++++++++++++++
 packages/utils/changelog.ts                   |  6 ++
 9 files changed, 117 insertions(+), 18 deletions(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 00c82c0c..d117515f 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -521,9 +521,15 @@ function handleAuxClick(e) {
           width: 'calc(100% - var(--right-bar-width))',
         }"
       ></div>
-      <div v-if="criticalErrorMessage" class="m-6 mb-0 flex flex-col border-red bg-bg-red rounded-2xl border-2 border-solid p-4 gap-1 font-semibold text-contrast">
+      <div
+        v-if="criticalErrorMessage"
+        class="m-6 mb-0 flex flex-col border-red bg-bg-red rounded-2xl border-2 border-solid p-4 gap-1 font-semibold text-contrast"
+      >
         <h1 class="m-0 text-lg font-extrabold">{{ criticalErrorMessage.header }}</h1>
-        <div class="markdown-body text-primary" v-html="renderString(criticalErrorMessage.body ?? '')"></div>
+        <div
+          class="markdown-body text-primary"
+          v-html="renderString(criticalErrorMessage.body ?? '')"
+        ></div>
       </div>
       <RouterView v-slot="{ Component }">
         <template v-if="Component">
diff --git a/apps/app-frontend/src/components/ui/ExportModal.vue b/apps/app-frontend/src/components/ui/ExportModal.vue
index 031e6dc5..0b96afb1 100644
--- a/apps/app-frontend/src/components/ui/ExportModal.vue
+++ b/apps/app-frontend/src/components/ui/ExportModal.vue
@@ -151,7 +151,7 @@ const exportPack = async () => {
           </div>
         </div>
         <div v-if="showingFiles" class="table-content">
-          <div v-for="[path, children] of folders" :key="path.name" class="table-row">
+          <div v-for="[path, children] in folders" :key="path.name" class="table-row">
             <div class="table-cell file-entry">
               <div class="file-primary">
                 <Checkbox
diff --git a/apps/app-frontend/src/pages/project/Gallery.vue b/apps/app-frontend/src/pages/project/Gallery.vue
index 83304861..dee11997 100644
--- a/apps/app-frontend/src/pages/project/Gallery.vue
+++ b/apps/app-frontend/src/pages/project/Gallery.vue
@@ -31,10 +31,10 @@
             : 'https://cdn.modrinth.com/placeholder-banner.svg'
         "
         :alt="expandedGalleryItem.title ? expandedGalleryItem.title : 'gallery-image'"
-        @click.stop=""
+        @click.stop="() => {}"
       />
 
-      <div class="floating" @click.stop="">
+      <div class="floating" @click.stop="() => {}">
         <div class="text">
           <h2 v-if="expandedGalleryItem.title">
             {{ expandedGalleryItem.title }}
@@ -99,7 +99,7 @@ import { show_ads_window, hide_ads_window } from '@/helpers/ads.js'
 const props = defineProps({
   project: {
     type: Object,
-    default: () => {},
+    default: () => ({}),
   },
 })
 
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index 64b7a31c..c04ddc41 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -10,7 +10,7 @@
     "postinstall": "nuxi prepare",
     "lint": "eslint . && prettier --check .",
     "fix": "eslint . --fix && prettier --write .",
-    "intl:extract": "formatjs extract \"{,src/components,src/composables,src/layouts,src/middleware,src/modules,src/pages,src/plugins,src/utils}/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" --ignore '**/*.d.ts' --ignore 'node_modules' --out-file src/locales/en-US/index.json --format crowdin --preserve-whitespace"
+    "intl:extract": "formatjs extract \"{,src/components,src/composables,src/layouts,src/middleware,src/modules,src/pages,src/plugins,src/utils}/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" \"src/error.vue\" --ignore '**/*.d.ts' --ignore 'node_modules' --out-file src/locales/en-US/index.json --format crowdin --preserve-whitespace"
   },
   "devDependencies": {
     "@formatjs/cli": "^6.2.12",
diff --git a/apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue b/apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue
index 5ea0a9a0..3f310fec 100644
--- a/apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue
+++ b/apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue
@@ -155,9 +155,11 @@
             class="w-full"
             :disabled="gameVersions.length < 2 && platforms.length < 2"
             @click="
-              versionFilter = !versionFilter;
-              setInitialFilters();
-              updateFiltersToUi();
+              () => {
+                versionFilter = !versionFilter;
+                setInitialFilters();
+                updateFiltersToUi();
+              }
             "
           >
             <LockOpenIcon />
diff --git a/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue b/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
index df5bdb96..e81117e8 100644
--- a/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
@@ -105,10 +105,12 @@
           <button
             :disabled="isLoading"
             @click="
-              if (isMrpackModalSecondPhase) {
-                isMrpackModalSecondPhase = false;
-              } else {
-                hide();
+              () => {
+                if (isMrpackModalSecondPhase) {
+                  isMrpackModalSecondPhase = false;
+                } else {
+                  hide();
+                }
               }
             "
           >
diff --git a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
index a7dc1083..55bd8b2d 100644
--- a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
@@ -173,10 +173,12 @@
           <button
             :disabled="isLoading"
             @click="
-              if (isSecondPhase) {
-                isSecondPhase = false;
-              } else {
-                hide();
+              () => {
+                if (isSecondPhase) {
+                  isSecondPhase = false;
+                } else {
+                  hide();
+                }
               }
             "
           >
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 774cd259..998d2265 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -239,6 +239,87 @@
   "dashboard.collections.long-title": {
     "message": "Your collections"
   },
+  "error.collection.404.list_item.1": {
+    "message": "You may have mistyped the collection's URL."
+  },
+  "error.collection.404.list_item.2": {
+    "message": "The collection may be private."
+  },
+  "error.collection.404.list_item.3": {
+    "message": "The collection may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.collection.404.list_title": {
+    "message": "Why?"
+  },
+  "error.collection.404.title": {
+    "message": "Collection not found"
+  },
+  "error.generic.404.subtitle": {
+    "message": "The page you were looking for doesn't seem to exist."
+  },
+  "error.generic.404.title": {
+    "message": "Page not found"
+  },
+  "error.generic.default.list_item.1": {
+    "message": "Check if Modrinth is down on our <status-link>Status page</status-link>."
+  },
+  "error.generic.default.list_item.2": {
+    "message": "If this keeps happening, you may want to let the Modrinth Team know by joining our <discord-link>Discord server</discord-link>."
+  },
+  "error.generic.default.list_title": {
+    "message": "Please try again in a few minutes."
+  },
+  "error.generic.default.subtitle": {
+    "message": "Something went wrong."
+  },
+  "error.generic.default.title": {
+    "message": "Uh oh!"
+  },
+  "error.organization.404.list_item.1": {
+    "message": "You may have mistyped the organization's URL."
+  },
+  "error.organization.404.list_item.2": {
+    "message": "The organization's owner may have changed the URL or deleted it."
+  },
+  "error.organization.404.list_item.3": {
+    "message": "The organization may have been removed by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.organization.404.list_title": {
+    "message": "Why?"
+  },
+  "error.organization.404.title": {
+    "message": "Organization not found"
+  },
+  "error.project.404.list_item.1": {
+    "message": "You may have mistyped the project's URL."
+  },
+  "error.project.404.list_item.2": {
+    "message": "The project's owner may have changed the URL, made the project private, or deleted it."
+  },
+  "error.project.404.list_item.3": {
+    "message": "The project may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.project.404.list_title": {
+    "message": "Why?"
+  },
+  "error.project.404.title": {
+    "message": "Project not found"
+  },
+  "error.user.404.list_item.1": {
+    "message": "You may have mistyped the user's username."
+  },
+  "error.user.404.list_item.2": {
+    "message": "The user may have changed their username or deleted their account."
+  },
+  "error.user.404.list_item.3": {
+    "message": "The user's account may have been terminated for violating Modrinth's <tou-link>Terms of Use</tou-link>."
+  },
+  "error.user.404.list_title": {
+    "message": "Why?"
+  },
+  "error.user.404.title": {
+    "message": "User not found"
+  },
   "frog": {
     "message": "You've been frogged! 🐸"
   },
diff --git a/packages/utils/changelog.ts b/packages/utils/changelog.ts
index 7f48d4ea..006066c2 100644
--- a/packages/utils/changelog.ts
+++ b/packages/utils/changelog.ts
@@ -10,6 +10,12 @@ export type VersionEntry = {
 }
 
 const VERSIONS: VersionEntry[] = [
+  {
+    date: `2025-03-24T22:30:00-08:00`,
+    product: 'web',
+    body: `### Improvements
+- Fixed error with links on error pages.`,
+  },
   {
     date: `2025-03-24T22:30:00-08:00`,
     product: 'servers',