fix: code sorting

Author: lvalentine6

src/App.vue

@@ -112,10 +112,10 @@
             © 2024 Issuefy. All rights reserved.
           </div>
           <div class="flex space-x-6 items-center">
-            <a href="https://github.com/2024-Iris" target="_blank" rel="noopener noreferrer"
-               class="text-gray-500 hover:text-gray-900">About</a>
-            <a href="mailto:2024irisproject@gmail.com" rel="noopener noreferrer"
-               class="text-gray-500 hover:text-gray-900">Feedback</a>
+            <a class="text-gray-500 hover:text-gray-900" href="https://github.com/2024-Iris" rel="noopener noreferrer"
+               target="_blank">About</a>
+            <a class="text-gray-500 hover:text-gray-900" href="mailto:2024irisproject@gmail.com"
+               rel="noopener noreferrer">Feedback</a>
           </div>
         </div>
       </div>

src/components/DashBoardPage.vue

@@ -30,9 +30,9 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import {computed, ref} from 'vue';
 import axios from 'axios';
-import { useAuthStore } from "@/store/pinia";
+import {useAuthStore} from "@/store/pinia";
 
 const authStore = useAuthStore();
 const stats = ref({

src/components/IssueDetailPage.vue

@@ -24,7 +24,7 @@
       <div class="px-6 py-4 border-b border-gray-200">
         <div class="flex-grow overflow-x-auto">
           <div class="bg-white rounded-lg mb-2">
-            <div class="prose max-w-none text-gray-700 markdown-body" :innerHTML="renderMarkdown(issue.body)"></div>
+            <div :innerHTML="renderMarkdown(issue.body)" class="prose max-w-none text-gray-700 markdown-body"></div>
           </div>
           <div v-if="issue.labels.length > 0" class="mt-2">
             <span v-for="label in issue.labels" :key="label.id"
@@ -47,7 +47,7 @@
         <div class="px-6 py-4">
           <div class="flex-grow">
             <div class="bg-white rounded-lg">
-              <div class="prose max-w-none text-gray-700 markdown-body" :innerHTML="renderMarkdown(comment.body)"></div>
+              <div :innerHTML="renderMarkdown(comment.body)" class="prose max-w-none text-gray-700 markdown-body"></div>
             </div>
           </div>
         </div>

src/main.js

@@ -27,21 +27,21 @@ authStore.initCredentials()
 app.config.globalProperties.$axios = axios
 
 const md = new MarkdownIt({
-  highlight: function (str, lang) {
-    if (lang && hljs.getLanguage(lang)) {
-      try {
-        return '<pre class="hljs"><code>' +
-               hljs.highlight(str, {language: lang, ignoreIllegals: true}).value +
-               '</code></pre>'
-      } catch (error) {
-        console.error('Failed to highlight code block:', error)
-      }
-    }
-    return '<pre class="hljs"><code>' + md.utils.escapeHtml(str) + '</code></pre>'
-  },
-  html: true,
-  linkify: true,
-  typographer: true
+    highlight: function (str, lang) {
+        if (lang && hljs.getLanguage(lang)) {
+            try {
+                return '<pre class="hljs"><code>' +
+                    hljs.highlight(str, {language: lang, ignoreIllegals: true}).value +
+                    '</code></pre>'
+            } catch (error) {
+                console.error('Failed to highlight code block:', error)
+            }
+        }
+        return '<pre class="hljs"><code>' + md.utils.escapeHtml(str) + '</code></pre>'
+    },
+    html: true,
+    linkify: true,
+    typographer: true
 })
 app.config.globalProperties.$md = md