Migrate to Nuxt 3 (#933)

* Migrate to Nuxt 3

* Update vercel config

* remove tsconfig comment

* Changelog experiment + working proj pages

* Fix package json

* Prevent vercel complaining

* fix deploy (hopefully)

* Tag generator

* Switch to yarn

* Vercel pls 🙏

* Fix tag generation bug

* Make (most) non-logged in pages work

* fix base build

* Linting + state

* Eradicate axios, make most user pages work

* Fix checkbox state being set incorrectly

* Make most things work

* Final stretch

* Finish (most) things

* Move to update model value

* Fix modal text getting blurred from transforms (#964)

* Adjust nav-link border radius when focused (#961)

* Transition between animation states on TextLogo (#955)

* Transition between animation states on TextLogo

* Remove unused refs

* Fixes from review

* Disable tabbing to pagination arrows when disabled (#972)

* Make position of the "no results" text on grid/gallery views consistent (fixes #963) (#965)

* Fix position of the "no results" text on grid view

* fix padding

* Remove extra margin on main page, fixes #957 (#959)

* Fix layout shift and placeholder line height (#973)

* Fix a lot of issues

* Fix more nuxt 3 issues

* fix not all versions showing up (temp)

* inline inter css file

* More nuxt 3 fixes

* [skip ci] broken- backup changes

* Change modpack warnings to blue instead of red (#991)

* Fix some hydration issues

* Update nuxt

* Fix some images not showing

* Add pagination to versions page + fix lag

* Make changelog page consistent with versions page

* sync before merge

* Delete old file

* Fix actions failing

* update branch

* Fixes navbar transition animation. (#1012)

* Fixes navbar transition animation.

* Fixes Y-axis animation. Fixes mobile menu. Removes highlightjs prop.

* Changes xss call to renderString.

* Fixes renderString call.

* Removes unnecessary styling.

* Reverts mobile nav change.

* Nuxt 3 Lazy Loading Search (#1022)

* Uses lazyFetch for results. onSearchChange refreshes. Adds loading circle.

* Removes console.log

* Preserves old page when paging.

* Diagnosing filtering bugs.

* Fix single facet filtering

* Implements useAuth in settings/account.

* tiny ssr fix

* Updating nuxt.config checklist.

* Implements useAuth in revenue, moneitzation, and dashboard index pages.

* Fixes setups.

* Eliminates results when path changes. Adds animated logo.

* Ensures loading animation renders on search page.

---------

Co-authored-by: Jai A <jaiagr+gpg@pm.me>

* Fix navigation issues

* Square button fix (#1023)

* Removes checklist from nuxt.config.

* Modifies Nuxt CI to build after linting.

* Fixes prettierignore file.

* bug fixes

* Update whitelist domains

* Page improvements, fix CLS

* Fix a lot of things

* Fix project type redirect

* Fix 404 errors

* Fix user settings + hydration error

* Final fixes

* fix(creator-section): border radius on icons not aligning with bg (#1027)

Co-authored-by: MagnusHJensen <magnus.holm.jensen@lego.dk>

* Improvements to the mobile navbar (#984)

* Transition between animation states on TextLogo

* Remove unused refs

* Fixes from review

* Improvements to the mobile nav menu

* fix avatar alt text

* Nevermind, got confused for a moment

* Tab bar, menu layout improvements

* Highlight search icon when menu is open

* Update layouts/default.vue

Co-authored-by: Magnus Jensen <magnushjensen.mail@gmail.com>

* Fix some issues

* Use caret instead

* Run prettier

* Add create a project

---------

Co-authored-by: Magnus Jensen <magnushjensen.mail@gmail.com>
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>

* Fix mobile menu issues

* More issues

* Fix lint

---------

Co-authored-by: Kaeden Murphy <kmurphy@kaedenmurphy.dev>
Co-authored-by: triphora <emmaffle@modrinth.com>
Co-authored-by: Zach Baird <30800863+ZachBaird@users.noreply.github.com>
Co-authored-by: stairman06 <36215135+stairman06@users.noreply.github.com>
Co-authored-by: Zachary Baird <zdb1994@yahoo.com>
Co-authored-by: Magnus Jensen <magnushjensen.mail@gmail.com>
Co-authored-by: MagnusHJensen <magnus.holm.jensen@lego.dk>

components/ui/ModalReport.vue

@@ -3,18 +3,16 @@
     <div class="modal-report legacy-label-styles">
       <div class="markdown-body">
         <p>
-          Modding should be safe for everyone, so we take abuse and malicious
-          intent seriously at Modrinth. We want to hear about harmful content on
-          the site that violates our
-          <nuxt-link to="/legal/terms">ToS</nuxt-link> and
-          <nuxt-link to="/legal/rules">Rules</nuxt-link>. Rest assured, we’ll
-          keep your identifying information private.
+          Modding should be safe for everyone, so we take abuse and malicious intent seriously at
+          Modrinth. We want to hear about harmful content on the site that violates our
+          <nuxt-link to="/legal/terms"> ToS </nuxt-link> and
+          <nuxt-link to="/legal/rules"> Rules </nuxt-link>. Rest assured, we’ll keep your
+          identifying information private.
         </p>
         <p v-if="itemType === 'project' || itemType === 'version'">
-          Please <strong>do not</strong> use this to report bugs with the
-          project itself. This form is only for submitting a report to Modrinth
-          staff. If the project has an Issues link or a Discord invite, consider
-          reporting it there.
+          Please <strong>do not</strong> use this to report bugs with the project itself. This form
+          is only for submitting a report to Modrinth staff. If the project has an Issues link or a
+          Discord invite, consider reporting it there.
         </p>
       </div>
       <label class="report-label" for="report-type">
@@ -25,10 +23,8 @@
       <multiselect
         id="report-type"
         v-model="reportType"
-        :options="$store.state.tag.reportTypes"
-        :custom-label="
-          (value) => value.charAt(0).toUpperCase() + value.slice(1)
-        "
+        :options="$tag.reportTypes"
+        :custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
         :multiple="false"
         :searchable="false"
         :show-no-results="false"
@@ -37,26 +33,14 @@
       />
       <label class="report-label" for="additional-information">
         <strong>Additional information</strong>
-        <span>
-          Include links and images if possible. Markdown formatting is
-          supported.
-        </span>
+        <span> Include links and images if possible. Markdown formatting is supported. </span>
       </label>
       <div class="textarea-wrapper">
-        <Chips
-          v-model="bodyViewType"
-          class="separator"
-          :items="['source', 'preview']"
-        />
+        <Chips v-model="bodyViewType" class="separator" :items="['source', 'preview']" />
         <div v-if="bodyViewType === 'source'" class="textarea-wrapper">
           <textarea id="body" v-model="body" spellcheck="true" />
         </div>
-        <div
-          v-else
-          v-highlightjs
-          class="preview"
-          v-html="$xss($md.render(body))"
-        ></div>
+        <div v-else class="preview" v-html="renderString(body)" />
       </div>
       <div class="button-group">
         <button class="iconified-button" @click="cancel">
@@ -74,13 +58,13 @@
 
 <script>
 import Multiselect from 'vue-multiselect'
-import CrossIcon from '~/assets/images/utils/x.svg?inline'
-import CheckIcon from '~/assets/images/utils/check.svg?inline'
+import CrossIcon from '~/assets/images/utils/x.svg'
+import CheckIcon from '~/assets/images/utils/check.svg'
 import Modal from '~/components/ui/Modal'
 import Chips from '~/components/ui/Chips'
+import { renderString } from '~/helpers/parse'
 
 export default {
-  name: 'ModalReport',
   components: {
     Chips,
     CrossIcon,
@@ -106,6 +90,7 @@ export default {
     }
   },
   methods: {
+    renderString,
     cancel() {
       this.reportType = ''
       this.body = ''
@@ -114,7 +99,7 @@ export default {
       this.$refs.modal.hide()
     },
     async submitReport() {
-      this.$nuxt.$loading.start()
+      startLoading()
       try {
         const data = {
           report_type: this.reportType,
@@ -122,18 +107,22 @@ export default {
           item_type: this.itemType,
           body: this.body,
         }
-        await this.$axios.post('report', data, this.$defaultHeaders())
+        await useBaseFetch('report', {
+          method: 'POST',
+          body: data,
+          ...this.$defaultHeaders(),
+        })
 
         this.$refs.modal.hide()
       } catch (err) {
         this.$notify({
           group: 'main',
           title: 'An error occurred',
-          text: err.response.data.description,
+          text: err.data.description,
           type: 'error',
         })
       }
-      this.$nuxt.$loading.finish()
+      stopLoading()
     },
     show() {
       this.$refs.modal.show()