Update master with new auth (#1236)

* Begin UI for threads and moderation overhaul

* Hide close button on non-report threads

* Fix review age coloring

* Add project count

* Remove action buttons from queue page and add queued date to project page

* Hook up to actual data

* Remove unused icon

* Get up to 1000 projects in queue

* prettier

* more prettier

* Changed all the things

* lint

* rebuild

* Add omorphia

* Workaround formatjs bug in ThreadSummary.vue

* Fix notifications page on prod

* Fix a few notifications and threads bugs

* lockfile

* Fix duplicate button styles

* more fixes and polishing

* More fixes

* Remove legacy pages

* More bugfixes

* Add some error catching for reports and notifications

* More error handling

* fix lint

* Add inbox links

* Remove loading component and rename member header

* Rely on threads always existing

* Handle if project update notifs are not grouped

* oops

* Fix chips on notifications page

* Import ModalModeration

* finish threads

* New authentication (#1234)

* Initial new auth work

* more auth pages

* Finish most

* more

* fix on landing page

* Finish everything but PATs + Sessions

* fix threads merge bugs

* fix cf pages ssr

* fix most issues

* Finish authentication

* Fix merge

---------

Co-authored-by: triphora <emma@modrinth.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>

components/ui/report/ReportsList.vue

@@ -3,7 +3,7 @@
   <ReportInfo
     v-for="report in reports.filter(
       (x) =>
-        (moderation || x.reporterUser.id === $auth.user.id) &&
+        (moderation || x.reporterUser.id === auth.user.id) &&
         (viewMode === 'open' ? x.open : !x.open)
     )"
     :key="report.id"
@@ -11,6 +11,7 @@
     :thread="report.thread"
     :moderation="moderation"
     raised
+    :auth="auth"
     class="universal-card recessed"
   />
 </template>
@@ -24,16 +25,16 @@ defineProps({
     type: Boolean,
     default: false,
   },
+  auth: {
+    type: Object,
+    required: true,
+  },
 })
 
-const app = useNuxtApp()
-
 const viewMode = ref('open')
 const reports = ref([])
 
-let { data: rawReports } = await useAsyncData('report', () =>
-  useBaseFetch('report', app.$defaultHeaders())
-)
+let { data: rawReports } = await useAsyncData('report', () => useBaseFetch('report'))
 
 rawReports = rawReports.value.map((report) => {
   report.item_id = report.item_id.replace(/"/g, '')
@@ -53,13 +54,13 @@ const threadIds = [
 
 const [{ data: users }, { data: versions }, { data: threads }] = await Promise.all([
   await useAsyncData(`users?ids=${JSON.stringify(userIds)}`, () =>
-    useBaseFetch(`users?ids=${JSON.stringify(userIds)}`, app.$defaultHeaders())
+    useBaseFetch(`users?ids=${encodeURIComponent(JSON.stringify(userIds))}`)
   ),
   await useAsyncData(`versions?ids=${JSON.stringify(versionIds)}`, () =>
-    useBaseFetch(`versions?ids=${JSON.stringify(versionIds)}`, app.$defaultHeaders())
+    useBaseFetch(`versions?ids=${encodeURIComponent(JSON.stringify(versionIds))}`)
   ),
   await useAsyncData(`threads?ids=${JSON.stringify(threadIds)}`, () =>
-    useBaseFetch(`threads?ids=${JSON.stringify(threadIds)}`, app.$defaultHeaders())
+    useBaseFetch(`threads?ids=${encodeURIComponent(JSON.stringify(threadIds))}`)
   ),
 ])
 
@@ -70,7 +71,7 @@ const versionProjects = versions.value.map((version) => version.project_id)
 const projectIds = [...new Set(reportedProjects.concat(versionProjects))]
 
 const { data: projects } = await useAsyncData(`projects?ids=${JSON.stringify(projectIds)}`, () =>
-  useBaseFetch(`projects?ids=${JSON.stringify(projectIds)}`, app.$defaultHeaders())
+  useBaseFetch(`projects?ids=${encodeURIComponent(JSON.stringify(projectIds))}`)
 )
 
 reports.value = rawReports.map((report) => {