chore: update dependencies and improve configuration for Tailwind and Starlight integration

Author: ukdaaan

astro.config.mjs

@@ -1,16 +1,20 @@
+// astro.config.mjs
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 import vue from "@astrojs/vue";
-import tailwind from "@astrojs/tailwind";
-import starlightThemeObsidian from "starlight-theme-obsidian";
+import tailwindcss from "@tailwindcss/vite";
 import sitemap from "@astrojs/sitemap";
 import path from "node:path";
+import starlightThemeObsidian from 'starlight-theme-obsidian';
 
 // https://astro.build/config
 export default defineConfig({
   site: "https://www.setup.md",
   trailingSlash: "never",
   vite: {
+    plugins: [
+      tailwindcss(), // Tailwind 4 is correctly added here
+    ],
     resolve: {
       alias: {
         "@components": path.resolve("./src/components"),
@@ -22,21 +26,22 @@ export default defineConfig({
       }
     }
   },
+  
   build: {
     format: "file",
   },
+  
   integrations: [
     starlight({
+      // ✅ CORRECTED: plugins array is inside the starlight config object
       plugins: [
         starlightThemeObsidian({
-          graphConfig: {
-            depth: 1,
-            depthDirection: "both",
-            repelForce: 500,
-          },
+          backlinks: false,
+          graph: false
         }),
       ],
-      title: "setup.md",
+      
+      title: "setup.md", // ✅ Correctly placed inside the starlight config object
       customCss: [
         './src/styles/custom.css',
         './src/fonts/font-face.css',
@@ -49,10 +54,10 @@ export default defineConfig({
       editLink: {
         baseUrl: "https://github.com/setupmd/docs/edit/v3",
       },
-      social: {
-        discord: "http://www.setup.md/discord-invite",
-        github: "https://github.com/setupmd/docs",
-      },
+      social: [
+        { icon: 'github', label: 'GitHub', href: 'https://github.com/setupmd' },
+        { icon: 'discord', label: 'Discord', href: 'http://www.setup.md/discord-invite' },
+      ],
       sidebar: [
         {
           label: "Project Information",
@@ -97,9 +102,8 @@ export default defineConfig({
           collapsed: true,
         },
       ],
-    }),
+    }), // ✅ Correctly closing the starlight function call
     vue(),
-    tailwind(),
     sitemap(),
-  ],
-});
+  ], // ✅ Correctly closing the integrations array
+});

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@setupmd/docs",
   "type": "module",
-  "version": "4.5.2",
+  "version": "5.0.0",
   "private": true,
   "scripts": {
     "dev": "astro dev",
@@ -12,21 +12,16 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/sitemap": "^3.2.1",
-    "@astrojs/starlight": "^0.29.2",
-    "@astrojs/tailwind": "^5.1.2",
-    "@astrojs/vue": "^4.5.3",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "astro": "^4.16.14",
-    "sharp": "^0.32.6",
-    "starlight-theme-obsidian": "^0.0.10",
-    "tailwindcss": "^3.3.6",
-    "typescript": "^5.3.4",
-    "vue": "^3.3.10"
-  },
-  "overrides": {
-    "starlight-theme-obsidian": {
-      "@astrojs/starlight": "^0.29.2"
-    }
+    "@astrojs/sitemap": "^3.6.0",
+    "@astrojs/starlight": "^0.36.1",
+    "@astrojs/vue": "^5.1.1",
+    "@tailwindcss/vite": "^4.1.14",
+    "@vitejs/plugin-vue": "^6.0.1",   
+    "astro": "^5.14.5",
+    "sharp": "^0.34.4",               
+    "starlight-theme-obsidian": "^0.4.1",
+    "tailwindcss": "^4.1.14",
+    "typescript": "^5.4.5",           
+    "vue": "^3.5.22"                   
   }
 }

src/content/config.ts

@@ -1,9 +1,12 @@
+import { docsSchema } from '@astrojs/starlight/schema';
 import { defineCollection } from 'astro:content';
 import { docsSchema, i18nSchema } from '@astrojs/starlight/schema';
 import { pageThemeObsidianSchema } from 'starlight-theme-obsidian/schema';
 
 export const collections = {
-	docs: defineCollection({ schema: docsSchema({
-		extend: pageThemeObsidianSchema
-	}) }),
+  docs: defineCollection({
+    schema: docsSchema({
+      extend: pageThemeObsidianSchema
+    })
+  })
 };

src/content/docs/information/services.mdx

@@ -12,24 +12,6 @@ import { LinkCard, CardGrid } from '@astrojs/starlight/components';
 
 As time has progressed we've continued to identify ways we can help server owners get up and running, setup.md has launched some additional services to help make your life easier.
 
-### Asset Hosting
-
-We launched a file sharing platform that can be used to share assets quickly with your communities, host resource packs for your server and even create 'link-in-bio' style pages to help bring your community together. We have temporarily suspended new user sign-ups for this service while we look to modernise it's backend to support additional capacity.
-
-#### Features
-
-<ul class="pl-5 list-disc">
-    <li>100MB file upload limit</li>
-    <li>Custom domain support <MainStatusPill info>premium</MainStatusPill></li>
-    <li>URL Shortener</li>
-</ul>
-
- <CardGrid>
-  <LinkCard title="Dashboard" href="https://usercontent.smd.gg/dashboard" />
-  <LinkCard title="Guide" href="/t/textures" />
-</CardGrid>
-
----
 
 ### Server Jar API