From 58c85a302e7eb8b45ae5f33c5a410654ca0a04e1 Mon Sep 17 00:00:00 2001
From: Mysterious-Dev <mysteriousdevs@gmail.com>
Date: Sun, 4 Feb 2024 10:56:47 +0100
Subject: [PATCH 1/7] Begin Work

---
 pages/dashboard/projects.vue | 279 ++++++++++++++++++-----------------
 1 file changed, 142 insertions(+), 137 deletions(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 477f288553..869145d4b7 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -319,6 +319,146 @@ import SaveIcon from '~/assets/images/utils/save.svg'
 import AscendingIcon from '~/assets/images/utils/sort-asc.svg'
 import DescendingIcon from '~/assets/images/utils/sort-desc.svg'
 
+const projects = ref(this.updateSort(this.user.projects, 'Name'))
+const versions = ref([])
+const selectedProjects = ref([])
+const sortBy = ref('Name')
+const descending = ref(false)
+const editLinks = ref({
+  showAffected: false,
+  source: {
+    val: '',
+    clear: false,
+  },
+  discord: {
+    val: '',
+    clear: false,
+  },
+  wiki: {
+    val: '',
+    clear: false,
+  },
+  issues: {
+    val: '',
+    clear: false,
+  },
+})
+
+const UPLOAD_VERSION = 1 << 0
+const DELETE_VERSION = 1 << 1
+const EDIT_DETAILS = 1 << 2
+const EDIT_BODY = 1 << 3
+const MANAGE_INVITES = 1 << 4
+const REMOVE_MEMBER = 1 << 5
+const EDIT_MEMBER = 1 << 6
+const DELETE_PROJECT = 1 << 7
+
+function updateDescending() {
+  descending.value = !descending.value
+  projects.value = updateSort(projects.value, sortBy.value, descending.value)
+}
+
+function updateSort(projects, sort, descending) {
+  let sortedArray = projects
+  switch (sort) {
+    case 'Name':
+      sortedArray = projects.slice().sort((a, b) => {
+        return a.title.localeCompare(b.title)
+      })
+      break
+    case 'Status':
+      sortedArray = projects.slice().sort((a, b) => {
+        if (a.status < b.status) {
+          return -1
+        }
+        if (a.status > b.status) {
+          return 1
+        }
+        return 0
+      })
+      break
+    case 'Type':
+      sortedArray = projects.slice().sort((a, b) => {
+        if (a.project_type < b.project_type) {
+          return -1
+        }
+        if (a.project_type > b.project_type) {
+          return 1
+        }
+        return 0
+      })
+      break
+    default:
+      break
+  }
+
+  if (descending) {
+    sortedArray = sortedArray.reverse()
+  }
+
+  return sortedArray
+}
+
+async function bulkEditLinks() {
+  try {
+    const baseData = {
+      issues_url: editLinks.value.issues.clear ? null : editLinks.value.issues.val.trim(),
+      source_url: editLinks.value.source.clear ? null : editLinks.value.source.val.trim(),
+      wiki_url: editLinks.value.wiki.clear ? null : editLinks.value.wiki.val.trim(),
+      discord_url: editLinks.value.discord.clear ? null : editLinks.value.discord.val.trim(),
+    }
+
+    if (!baseData.issues_url?.length ?? 1 > 0) {
+      delete baseData.issues_url
+    }
+
+    if (!baseData.source_url?.length ?? 1 > 0) {
+      delete baseData.source_url
+    }
+
+    if (!baseData.wiki_url?.length ?? 1 > 0) {
+      delete baseData.wiki_url
+    }
+
+    if (!baseData.discord_url?.length ?? 1 > 0) {
+      delete baseData.discord_url
+    }
+
+    await useBaseFetch(
+      `projects?ids=${JSON.stringify(selectedProjects.value.map((x) => x.id))}`,
+      {
+        method: 'PATCH',
+        body: baseData,
+      }
+    )
+
+    this.$refs.editLinksModal.hide()
+    this.$notify({
+      group: 'main',
+      title: 'Success',
+      text: "Bulk edited selected project's links.",
+      type: 'success',
+    })
+    selectedProjects.value = []
+
+    editLinks.value.issues.val = ''
+    editLinks.value.source.val = ''
+    editLinks.value.wiki.val = ''
+    editLinks.value.discord.val = ''
+    editLinks.value.issues.clear = false
+    editLinks.value.source.clear = false
+    editLinks.value.wiki.clear = false
+    editLinks.value.discord.clear = false
+  } catch (e) {
+    this.$notify({
+      group: 'main',
+      title: 'An error occurred',
+      text: e,
+      type: 'error',
+    })
+  }
+}
+
 export default defineNuxtComponent({
   components: {
     Avatar,
@@ -347,149 +487,14 @@ export default defineNuxtComponent({
   },
   data() {
     return {
-      projects: this.updateSort(this.user.projects, 'Name'),
-      versions: [],
-      selectedProjects: [],
-      sortBy: 'Name',
-      descending: false,
-      editLinks: {
-        showAffected: false,
-        source: {
-          val: '',
-          clear: false,
-        },
-        discord: {
-          val: '',
-          clear: false,
-        },
-        wiki: {
-          val: '',
-          clear: false,
-        },
-        issues: {
-          val: '',
-          clear: false,
-        },
-      },
+      
     }
   },
   head: {
     title: 'Projects - Modrinth',
   },
-  created() {
-    this.UPLOAD_VERSION = 1 << 0
-    this.DELETE_VERSION = 1 << 1
-    this.EDIT_DETAILS = 1 << 2
-    this.EDIT_BODY = 1 << 3
-    this.MANAGE_INVITES = 1 << 4
-    this.REMOVE_MEMBER = 1 << 5
-    this.EDIT_MEMBER = 1 << 6
-    this.DELETE_PROJECT = 1 << 7
-  },
   methods: {
-    updateDescending() {
-      this.descending = !this.descending
-      this.projects = this.updateSort(this.projects, this.sortBy, this.descending)
-    },
-    updateSort(projects, sort, descending) {
-      let sortedArray = projects
-      switch (sort) {
-        case 'Name':
-          sortedArray = projects.slice().sort((a, b) => {
-            return a.title.localeCompare(b.title)
-          })
-          break
-        case 'Status':
-          sortedArray = projects.slice().sort((a, b) => {
-            if (a.status < b.status) {
-              return -1
-            }
-            if (a.status > b.status) {
-              return 1
-            }
-            return 0
-          })
-          break
-        case 'Type':
-          sortedArray = projects.slice().sort((a, b) => {
-            if (a.project_type < b.project_type) {
-              return -1
-            }
-            if (a.project_type > b.project_type) {
-              return 1
-            }
-            return 0
-          })
-          break
-        default:
-          break
-      }
-
-      if (descending) {
-        sortedArray = sortedArray.reverse()
-      }
-
-      return sortedArray
-    },
-    async bulkEditLinks() {
-      try {
-        const baseData = {
-          issues_url: this.editLinks.issues.clear ? null : this.editLinks.issues.val.trim(),
-          source_url: this.editLinks.source.clear ? null : this.editLinks.source.val.trim(),
-          wiki_url: this.editLinks.wiki.clear ? null : this.editLinks.wiki.val.trim(),
-          discord_url: this.editLinks.discord.clear ? null : this.editLinks.discord.val.trim(),
-        }
-
-        if (!baseData.issues_url?.length ?? 1 > 0) {
-          delete baseData.issues_url
-        }
-
-        if (!baseData.source_url?.length ?? 1 > 0) {
-          delete baseData.source_url
-        }
-
-        if (!baseData.wiki_url?.length ?? 1 > 0) {
-          delete baseData.wiki_url
-        }
-
-        if (!baseData.discord_url?.length ?? 1 > 0) {
-          delete baseData.discord_url
-        }
-
-        await useBaseFetch(
-          `projects?ids=${JSON.stringify(this.selectedProjects.map((x) => x.id))}`,
-          {
-            method: 'PATCH',
-            body: baseData,
-          }
-        )
-
-        this.$refs.editLinksModal.hide()
-        this.$notify({
-          group: 'main',
-          title: 'Success',
-          text: "Bulk edited selected project's links.",
-          type: 'success',
-        })
-        this.selectedProjects = []
-
-        this.editLinks.issues.val = ''
-        this.editLinks.source.val = ''
-        this.editLinks.wiki.val = ''
-        this.editLinks.discord.val = ''
-        this.editLinks.issues.clear = false
-        this.editLinks.source.clear = false
-        this.editLinks.wiki.clear = false
-        this.editLinks.discord.clear = false
-      } catch (e) {
-        this.$notify({
-          group: 'main',
-          title: 'An error occurred',
-          text: e,
-          type: 'error',
-        })
-      }
-    },
+    
   },
 })
 </script>

From 767445af4965f97b6365d7ed543c2c94ae0e077d Mon Sep 17 00:00:00 2001
From: Mysterious-Dev <mysteriousdevs@gmail.com>
Date: Sun, 4 Feb 2024 11:42:38 +0100
Subject: [PATCH 2/7] Finish Work

---
 pages/dashboard/projects.vue | 65 +++++++++++-------------------------
 1 file changed, 19 insertions(+), 46 deletions(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 869145d4b7..a9712d0faa 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -145,7 +145,7 @@
           :collapsing-toggle-style="true"
         />
         <div class="push-right input-group">
-          <button class="iconified-button" @click="$refs.editLinksModal.hide()">
+          <button class="iconified-button" @click="editLinksModal.hide()">
             <CrossIcon />
             Cancel
           </button>
@@ -176,7 +176,7 @@
           <button
             class="iconified-button"
             :disabled="selectedProjects.length === 0"
-            @click="$refs.editLinksModal.show()"
+            @click="editLinksModal.show()"
           >
             <EditIcon />
             Edit links
@@ -299,7 +299,7 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { Multiselect } from 'vue-multiselect'
 
 import Badge from '~/components/ui/Badge.vue'
@@ -319,7 +319,19 @@ import SaveIcon from '~/assets/images/utils/save.svg'
 import AscendingIcon from '~/assets/images/utils/sort-asc.svg'
 import DescendingIcon from '~/assets/images/utils/sort-desc.svg'
 
-const projects = ref(this.updateSort(this.user.projects, 'Name'))
+const { formatMessage } = useVIntl()
+
+useHead({
+  title: 'Projects - Modrinth',
+})
+
+const data = useNuxtApp()
+const user = await useUser()
+await initUserProjects()
+
+const editLinksModal = ref(null)
+
+const projects = ref(updateSort(user.value.projects, 'Name'))
 const versions = ref([])
 const selectedProjects = ref([])
 const sortBy = ref('Name')
@@ -432,8 +444,8 @@ async function bulkEditLinks() {
       }
     )
 
-    this.$refs.editLinksModal.hide()
-    this.$notify({
+    editLinksModal.value.hide()
+    data.$notify({
       group: 'main',
       title: 'Success',
       text: "Bulk edited selected project's links.",
@@ -450,7 +462,7 @@ async function bulkEditLinks() {
     editLinks.value.wiki.clear = false
     editLinks.value.discord.clear = false
   } catch (e) {
-    this.$notify({
+    data.$notify({
       group: 'main',
       title: 'An error occurred',
       text: e,
@@ -458,45 +470,6 @@ async function bulkEditLinks() {
     })
   }
 }
-
-export default defineNuxtComponent({
-  components: {
-    Avatar,
-    Badge,
-    SettingsIcon,
-    TrashIcon,
-    Checkbox,
-    IssuesIcon,
-    PlusIcon,
-    CrossIcon,
-    EditIcon,
-    SaveIcon,
-    Modal,
-    ModalCreation,
-    Multiselect,
-    CopyCode,
-    AscendingIcon,
-    DescendingIcon,
-  },
-  async setup() {
-    const { formatMessage } = useVIntl()
-
-    const user = await useUser()
-    await initUserProjects()
-    return { formatMessage, user: ref(user) }
-  },
-  data() {
-    return {
-      
-    }
-  },
-  head: {
-    title: 'Projects - Modrinth',
-  },
-  methods: {
-    
-  },
-})
 </script>
 <style lang="scss" scoped>
 .grid-table {

From 260e1f137fb27bb50f46c09e8918e9a3f5a487c8 Mon Sep 17 00:00:00 2001
From: Mysterious-Dev <mysteriousdevs@gmail.com>
Date: Sun, 4 Feb 2024 11:47:07 +0100
Subject: [PATCH 3/7] Fix lint error

---
 pages/dashboard/projects.vue | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index a9712d0faa..908bbdcec4 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -332,7 +332,6 @@ await initUserProjects()
 const editLinksModal = ref(null)
 
 const projects = ref(updateSort(user.value.projects, 'Name'))
-const versions = ref([])
 const selectedProjects = ref([])
 const sortBy = ref('Name')
 const descending = ref(false)
@@ -356,14 +355,7 @@ const editLinks = ref({
   },
 })
 
-const UPLOAD_VERSION = 1 << 0
-const DELETE_VERSION = 1 << 1
 const EDIT_DETAILS = 1 << 2
-const EDIT_BODY = 1 << 3
-const MANAGE_INVITES = 1 << 4
-const REMOVE_MEMBER = 1 << 5
-const EDIT_MEMBER = 1 << 6
-const DELETE_PROJECT = 1 << 7
 
 function updateDescending() {
   descending.value = !descending.value
@@ -436,13 +428,10 @@ async function bulkEditLinks() {
       delete baseData.discord_url
     }
 
-    await useBaseFetch(
-      `projects?ids=${JSON.stringify(selectedProjects.value.map((x) => x.id))}`,
-      {
-        method: 'PATCH',
-        body: baseData,
-      }
-    )
+    await useBaseFetch(`projects?ids=${JSON.stringify(selectedProjects.value.map((x) => x.id))}`, {
+      method: 'PATCH',
+      body: baseData,
+    })
 
     editLinksModal.value.hide()
     data.$notify({

From c117acf4405840767c2104e5dd1c69aad4eb1db6 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <40738104+Mysterious-Dev@users.noreply.github.com>
Date: Sun, 4 Feb 2024 18:05:01 +0100
Subject: [PATCH 4/7] Update projects.vue

---
 pages/dashboard/projects.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 908bbdcec4..5caa30e16f 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -335,7 +335,7 @@ const projects = ref(updateSort(user.value.projects, 'Name'))
 const selectedProjects = ref([])
 const sortBy = ref('Name')
 const descending = ref(false)
-const editLinks = ref({
+const editLinks = reactive({
   showAffected: false,
   source: {
     val: '',

From 279cdf31c8492aad4ee81fb57bb7bff65a051313 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <40738104+Mysterious-Dev@users.noreply.github.com>
Date: Tue, 6 Feb 2024 11:23:06 +0100
Subject: [PATCH 5/7] Update pages/dashboard/projects.vue

Co-authored-by: Sasha Sorokin <10401817+brawaru@users.noreply.github.com>
---
 pages/dashboard/projects.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 5caa30e16f..e8914863cc 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -406,10 +406,10 @@ function updateSort(projects, sort, descending) {
 async function bulkEditLinks() {
   try {
     const baseData = {
-      issues_url: editLinks.value.issues.clear ? null : editLinks.value.issues.val.trim(),
-      source_url: editLinks.value.source.clear ? null : editLinks.value.source.val.trim(),
-      wiki_url: editLinks.value.wiki.clear ? null : editLinks.value.wiki.val.trim(),
-      discord_url: editLinks.value.discord.clear ? null : editLinks.value.discord.val.trim(),
+      issues_url: editLinks.issues.clear ? null : editLinks.issues.val.trim(),
+      source_url: editLinks.source.clear ? null : editLinks.source.val.trim(),
+      wiki_url: editLinks.wiki.clear ? null : editLinks.wiki.val.trim(),
+      discord_url: editLinks.discord.clear ? null : editLinks.discord.val.trim(),
     }
 
     if (!baseData.issues_url?.length ?? 1 > 0) {

From 6be663405744377d09f980ad6487132c9347b053 Mon Sep 17 00:00:00 2001
From: Mysterious-Dev <mysteriousdevs@gmail.com>
Date: Sat, 10 Feb 2024 11:43:48 +0100
Subject: [PATCH 6/7] Ooops

---
 pages/dashboard/projects.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index e8914863cc..0ae246a7b7 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -442,14 +442,14 @@ async function bulkEditLinks() {
     })
     selectedProjects.value = []
 
-    editLinks.value.issues.val = ''
-    editLinks.value.source.val = ''
-    editLinks.value.wiki.val = ''
-    editLinks.value.discord.val = ''
-    editLinks.value.issues.clear = false
-    editLinks.value.source.clear = false
-    editLinks.value.wiki.clear = false
-    editLinks.value.discord.clear = false
+    editLinks.issues.val = ''
+    editLinks.source.val = ''
+    editLinks.wiki.val = ''
+    editLinks.discord.val = ''
+    editLinks.issues.clear = false
+    editLinks.source.clear = false
+    editLinks.wiki.clear = false
+    editLinks.discord.clear = false
   } catch (e) {
     data.$notify({
       group: 'main',

From 57d6b188f1e2a33a8c631bdae97417c572678b6e Mon Sep 17 00:00:00 2001
From: Mysterious-Dev <mysteriousdevs@gmail.com>
Date: Sat, 10 Feb 2024 11:50:49 +0100
Subject: [PATCH 7/7] Use addNotification method

---
 pages/dashboard/projects.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 0ae246a7b7..c2909ce181 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -325,7 +325,6 @@ useHead({
   title: 'Projects - Modrinth',
 })
 
-const data = useNuxtApp()
 const user = await useUser()
 await initUserProjects()
 
@@ -434,7 +433,7 @@ async function bulkEditLinks() {
     })
 
     editLinksModal.value.hide()
-    data.$notify({
+    addNotification({
       group: 'main',
       title: 'Success',
       text: "Bulk edited selected project's links.",
@@ -451,7 +450,7 @@ async function bulkEditLinks() {
     editLinks.wiki.clear = false
     editLinks.discord.clear = false
   } catch (e) {
-    data.$notify({
+    addNotification({
       group: 'main',
       title: 'An error occurred',
       text: e,