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/ModalCreation.vue

@@ -10,7 +10,7 @@
       <Chips
         id="project-type"
         v-model="projectType"
-        :items="$tag.projectTypes.map((x) => x.display)"
+        :items="tags.projectTypes.map((x) => x.display)"
       />
       <label for="name">
         <span class="label__title">Name<span class="required">*</span></span>
@@ -86,9 +86,14 @@ export default {
       default: '',
     },
   },
+  setup() {
+    const tags = useTags()
+
+    return { tags }
+  },
   data() {
     return {
-      projectType: this.$tag.projectTypes[0].display,
+      projectType: this.tags.projectTypes[0].display,
       name: '',
       slug: '',
       description: '',
@@ -100,7 +105,7 @@ export default {
       this.$refs.modal.hide()
     },
     getProjectType() {
-      return this.$tag.projectTypes.find((x) => this.projectType === x.display)
+      return this.tags.projectTypes.find((x) => this.projectType === x.display)
     },
     getClientSide() {
       switch (this.getProjectType().id) {
@@ -137,6 +142,8 @@ export default {
 
       const formData = new FormData()
 
+      const auth = await useAuth()
+
       formData.append(
         'data',
         JSON.stringify({
@@ -148,8 +155,8 @@ export default {
           initial_versions: [],
           team_members: [
             {
-              user_id: this.$auth.user.id,
-              name: this.$auth.user.username,
+              user_id: auth.value.user.id,
+              name: auth.value.user.username,
               role: 'Owner',
             },
           ],
@@ -167,7 +174,6 @@ export default {
           body: formData,
           headers: {
             'Content-Disposition': formData,
-            Authorization: this.$auth.token,
           },
         })
 
@@ -193,7 +199,7 @@ export default {
       stopLoading()
     },
     show() {
-      this.projectType = this.$tag.projectTypes[0].display
+      this.projectType = this.tags.projectTypes[0].display
       this.name = ''
       this.slug = ''
       this.description = ''