Re-add EthicalAds

pages/index.vue

@@ -261,6 +261,7 @@ export default {
 .hero {
   margin-left: 15%;
   width: 30%;
+  z-index: 1;
   h3 {
     font-size: 18px;
     font-weight: bolder;

pages/mod/_id/settings.vue

@@ -0,0 +1,91 @@
+<template>
+  <ModPage :mod="mod" :versions="versions" :members="members"> </ModPage>
+</template>
+
+<script>
+import axios from 'axios'
+import ModPage from '@/components/ModPage'
+
+export default {
+  components: { ModPage },
+  async asyncData(data) {
+    const config = {
+      headers: {
+        Authorization: data.$auth.getToken('local')
+          ? data.$auth.getToken('local')
+          : '',
+      },
+    }
+
+    const mod = (
+      await axios.get(
+        `https://api.modrinth.com/api/v1/mod/${data.params.id}`,
+        config
+      )
+    ).data
+
+    const [members, allMembers, versions] = (
+      await Promise.all([
+        axios.get(`https://api.modrinth.com/api/v1/team/${mod.team}/members`),
+        axios.get(
+          `https://api.modrinth.com/api/v1/team/${mod.team}/members`,
+          config
+        ),
+        axios.get(
+          `https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
+            mod.versions
+          )}`,
+          config
+        ),
+      ])
+    ).map((it) => it.data)
+
+    const [users, allUsers] = (
+      await Promise.all([
+        axios.get(
+          `https://api.modrinth.com/api/v1/users?ids=${JSON.stringify(
+            members.map((it) => it.user_id)
+          )}`,
+          config
+        ),
+        axios.get(
+          `https://api.modrinth.com/api/v1/users?ids=${JSON.stringify(
+            allMembers.map((it) => it.user_id)
+          )}`,
+          config
+        ),
+      ])
+    ).map((it) => it.data)
+
+    users.forEach((it, index) => {
+      members[index].avatar_url = it.avatar_url
+      members[index].name = it.username
+    })
+
+    allUsers.forEach((it, index) => {
+      allMembers[index].avatar_url = it.avatar_url
+      allMembers[index].name = it.username
+      allMembers[index].accepted = members.find(
+        (it) => allMembers[index].user_id === it.user_id
+      )
+    })
+
+    return {
+      mod,
+      versions: versions.reverse(),
+      members,
+      allMembers,
+      allUsers,
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.markdown-body {
+  padding: 1rem;
+  margin-bottom: var(--spacing-card-md);
+  background: var(--color-raised-bg);
+  border-radius: var(--size-rounded-card);
+}
+</style>

pages/mods.vue

@@ -64,7 +64,7 @@
         </section>
         <div class="results column-grow-4">
           <client-only>
-            <EthicalAd type="text" />
+            <EthicalAd type="text" ad-id="search" />
           </client-only>
           <SearchResult
             v-for="(result, index) in results"

pages/user/_id.vue

@@ -49,7 +49,7 @@
       </div>
       <div class="content">
         <client-only>
-          <EthicalAd />
+          <EthicalAd ad-id="profile" />
         </client-only>
         <div class="mods">
           <SearchResult