feat: add blog

Author: prplwtf

.zed/settings.json

@@ -1,22 +1,4 @@
 {
   "format_on_save": "on",
-  "tab_size": 2,
-  "lsp": {
-    "tailwindcss-language-server": {
-      "settings": {
-        "includeLanguages": {
-          "vue": "html",
-          "*.vue": "html"
-        },
-        "experimental": {
-          "classRegex": [
-            ["@apply\\s+([^;]*);", "([a-zA-Z0-9\\s\\-:]+)"],
-            "class=\"([^\"]*)",
-            "class={\"([^\"}]*)",
-            "class=format!({\"([^\"}]*)"
-          ]
-        }
-      }
-    }
-  }
+  "tab_size": 2
 }

Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "web"
-version = "3.1.2"
+version = "3.1.3"
 edition = "2024"
 
 [dependencies]

apps/backend/Cargo.toml

@@ -0,0 +1,27 @@
+{
+  "format_on_save": "on",
+  "tab_size": 2,
+  "lsp": {
+    "tailwindcss-language-server": {
+      "settings": {
+        "includeLanguages": {
+          "vue": "html",
+          "*.vue": "html"
+        },
+        "experimental": {
+          "classRegex": [
+            ["@apply\\s+([^;]*);", "([a-zA-Z0-9\\s\\-:]+)"],
+            "class=\"([^\"]*)",
+            "class={\"([^\"}]*)",
+            "class=format!({\"([^\"}]*)"
+          ]
+        }
+      }
+    }
+  },
+  "languages": {
+    "Vue.js": {
+      "language_servers": ["!typescript-language-server", "..."]
+    }
+  }
+}

apps/frontend/.zed/settings.json

@@ -52,5 +52,20 @@ export default defineContentConfig({
         num: z.number(),
       }),
     }),
+
+    // Blog posts
+    blog: defineCollection({
+      type: 'page',
+      source: 'blog/*.md',
+      schema: z.object({
+        title: z.string(),
+        description: z.string().optional(),
+        author: z.string().default('Blueprint'),
+        thumbnail: z.string().optional(),
+        date: z.string(),
+        num: z.number(),
+        unlisted: z.boolean().optional().default(false),
+      }),
+    }),
   },
 })

apps/frontend/content.config.ts

@@ -0,0 +1,31 @@
+---
+title: Migrate from twin.macro's theme()
+description: A step in the right direction for Blueprint themes
+author: Emma
+thumbnail: theme-migrate.jpg
+date: 12/7/2025 20:06 (CEDST)
+num: 1
+---
+
+> Before you ask; Blueprint themes are not going anywhere. This is purely a change to how extensions fetch theme color values through React components.
+
+---
+
+We're making the difficult decision to stop supporting twin.macro's `theme()` utility. Starting beta-2025-12, calling this function will return values that may differ from the Pterodactyl theme used on the panel.
+
+In the [beta-2025-11 release](/releases/beta-2025-11), we brought new theming capabilities to Blueprint. The implementation was quite rocky however, and only worked properly on a small amount of installations. After weeks of trying, we think the only way forward is deprecating and introducing an alternative to twin.macro's theme colors utility.
+
+### Migrating to Blueprint's theme() function
+
+If you are currently making use of twin.macro's `theme()` utility in your extension, you should move over to Blueprint's.
+
+You only need to adjust the import. The utility itself will function (largely) the same.
+
+```diff
+- import { theme } from 'twin.macro'
++ import { theme } from '@blueprint'
+```
+
+### What if I don't migrate?
+
+**Your extension will not stop working**. Instead, theme values fetched through this function may no longer accurately reflect Pterodactyl's theme. For theme colors, it may return `#000000` instead of the correct HEX value.

apps/frontend/content/blog/theme-migrate.md

@@ -33,7 +33,7 @@ Latest commit is for development purposes only. No support will be provided and
 # blueprintframework/framework repository by default
 blueprint -upgrade remote
 
-# Optionally, manually define the blueprintframework/framework
+# Optional: manually define the blueprintframework/framework
 # repository and update that way
 blueprint -upgrade remote blueprintframework/framework
 ```

apps/frontend/content/guides/admin/updateblueprint.md

@@ -12,40 +12,42 @@
   },
   "dependencies": {
     "@igorkowalczyk/is-browser": "^5.1.0",
-    "@nuxt/content": "^3.8.0",
+    "@nuxt/content": "^3.9.0",
     "@nuxt/fonts": "^0.11.4",
     "@nuxt/icon": "^2.1.0",
     "@nuxt/image": "^1.11.0",
     "@nuxt/scripts": "^0.12.2",
-    "@nuxtjs/mdc": "^0.18.0",
+    "@nuxtjs/mdc": "^0.18.4",
     "@nuxtjs/plausible": "^2.0.1",
-    "@nuxtjs/sitemap": "^7.4.7",
+    "@nuxtjs/sitemap": "^7.4.9",
     "@nuxtjs/turnstile": "^1.1.1",
-    "@tailwindcss/vite": "^4.1.16",
+    "@tailwindcss/vite": "^4.1.17",
     "@types/file-saver": "^2.0.7",
     "@types/qrcode": "^1.5.6",
     "@unhead/vue": "^2.0.19",
     "@vueuse/core": "^13.9.0",
-    "@vueuse/nuxt": "^14.0.0",
-    "better-sqlite3": "^12.4.1",
+    "@vueuse/nuxt": "^14.1.0",
+    "better-sqlite3": "^12.5.0",
     "debug": "^4.4.3",
     "file-saver": "^2.0.5",
-    "nuxt": "^4.1.3",
+    "nuxt": "^4.2.1",
     "nuxt-og-image": "^5.1.12",
     "nuxt-site-config": "^3.2.11",
     "qrcode": "^1.5.4",
-    "tailwindcss": "^4.1.16",
+    "tailwindcss": "^4.1.17",
     "ufo": "^1.6.1",
-    "unstorage": "^1.17.2",
-    "vue": "^3.5.22",
+    "unstorage": "^1.17.3",
+    "vue": "^3.5.25",
     "vue-router": "^4.6.3"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.72",
+    "@iconify-json/lucide": "^1.2.79",
     "@iconify-json/memory": "^1.2.2",
     "@iconify-json/pixelarticons": "^1.2.2",
-    "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.14"
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "typescript": "^5.9.3",
+    "vue-tsc": "^3.1.6"
   },
   "packageManager": "pnpm@10.18.3+sha512.bbd16e6d7286fd7e01f6b3c0b3c932cda2965c06a908328f74663f10a9aea51f1129eea615134bf992831b009eabe167ecb7008b597f40ff9bc75946aadfb08d"
 }