feat: modrinth maven developer mode additions (#3498)

* feat: modrinth maven copy string in developer mode

* feat: Modrinth maven in versions list dropdown for developer mode.

* fix: lint

apps/frontend/src/pages/[type]/[id]/version/[version].vue

@@ -621,6 +621,12 @@
           <h4>Version ID</h4>
           <CopyCode :text="version.id" />
         </div>
+        <div v-if="!isEditing && flags.developerMode">
+          <h4>Modrinth Maven</h4>
+          <div class="maven-section">
+            <CopyCode :text="`maven.modrinth:${project.id}:${version.id}`" />
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -1545,6 +1551,12 @@ export default defineNuxtComponent({
     margin: 1rem 0 0.25rem 0;
   }
 
+  .maven-section {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
   .team-member {
     align-items: center;
     padding: 0.25rem 0.5rem;

apps/frontend/src/pages/[type]/[id]/versions.vue

@@ -106,6 +106,13 @@
                 },
                 shown: currentMember || flags.developerMode,
               },
+              {
+                id: 'copy-maven',
+                action: () => {
+                  copyToClipboard(`maven.modrinth:${project.slug}:${version.id}`);
+                },
+                shown: flags.developerMode,
+              },
               { divider: true, shown: currentMember },
               {
                 id: 'edit',
@@ -160,6 +167,10 @@
               <ClipboardCopyIcon aria-hidden="true" />
               Copy ID
             </template>
+            <template #copy-maven>
+              <ClipboardCopyIcon aria-hidden="true" />
+              Copy Modrinth Maven
+            </template>
           </OverflowMenu>
         </ButtonStyled>
       </template>