fix frontend lints

ui/app/assets/css/main.css

@@ -1 +1 @@
-@import "tailwindcss";
+@import "tailwindcss";

ui/app/components/ServerLink.vue

@@ -1,5 +1,5 @@
 <template>
-  <RouterLink 
+  <RouterLink
     :to="`/servers/${id}`"
     class="block p-3 hover:bg-sky-100 rounded-lg transition-colors duration-200 border border-transparent hover:border-sky-300"
   >
@@ -9,6 +9,6 @@
 
 <script setup lang="ts">
 defineProps<{
-  id: string | number
+  id: string | number;
-}>()
+}>();
-</script>
+</script>

ui/app/components/ServerSidebar.vue

@@ -27,10 +27,12 @@ if (error.value) {
 }
 
 const serversWithFallback = computed(() => {
-  return servers.value || [
+  return (
-    { id: "1", name: "General" },
+    servers.value || [
-    { id: "2", name: "Gaming" },
+      { id: "1", name: "General" },
-    { id: "3", name: "Tech Talk" },
+      { id: "2", name: "Gaming" },
-  ];
+      { id: "3", name: "Tech Talk" },
+    ]
+  );
 });
 </script>

ui/nuxt.config.ts

@@ -12,9 +12,7 @@ export default defineNuxtConfig({
   ],
   css: ["~/assets/css/main.css"],
   vite: {
-    plugins: [
+    plugins: [tailwindcss()],
-      tailwindcss(),
-    ]
   },
   nitro: {
     preset: "node-server",