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

@@ -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">

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

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: () => ({}),
   },
 })
 

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",

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();
+              }
             "
           >
             <LockOpenIcon />

apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue

@@ -105,11 +105,13 @@
           <button
             :disabled="isLoading"
             @click="
+              () => {
                 if (isMrpackModalSecondPhase) {
                   isMrpackModalSecondPhase = false;
                 } else {
                   hide();
                 }
+              }
             "
           >
             <XIcon />

apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue

@@ -173,11 +173,13 @@
           <button
             :disabled="isLoading"
             @click="
+              () => {
                 if (isSecondPhase) {
                   isSecondPhase = false;
                 } else {
                   hide();
                 }
+              }
             "
           >
             <XIcon />

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! 🐸"
   },

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',