chore: fix tailwind config reference for vitePreprocess (#20)

.prettierrc

@@ -1,32 +1,31 @@
 {
-  "useTabs": true,
-  "tabWidth": 4,
-  "singleQuote": false,
-  "trailingComma": "es5",
-  "semi": true,
-  "printWidth": 100,
-  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
-  "overrides": [
-    {
-      "files": "*.svelte",
-      "options": {
-        "parser": "svelte"
-      }
-    },
-	{
-		"files": "*.md",
-		"options": {
-			"parser": "markdown",
-			"printWidth": 100,
-			"proseWrap": "always",
-			"tabWidth": 2,
-			"useTabs": true,
-			"semi": true,
-			"trailingComma": "none",
-			"bracketSameLine": true
+	"useTabs": true,
+	"tabWidth": 4,
+	"singleQuote": false,
+	"trailingComma": "es5",
+	"semi": true,
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+	  	},
+		{
+			"files": "*.md",
+			"options": {
+				"parser": "markdown",
+				"printWidth": 100,
+				"proseWrap": "always",
+				"tabWidth": 2,
+				"useTabs": true,
+				"trailingComma": "none",
+				"bracketSameLine": true
+			}
 		}
-	}
-  ],
-  "tailwindConfig": "./sites/docs/tailwind.config.js",
-  "tailwindFunctions": ["clsx", "cn", "tv"]
+	],
+	"tailwindConfig": "./sites/docs/tailwind.config.js",
+	"tailwindFunctions": ["clsx", "cn", "tv"]
 }

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
 	// Enable the ESlint flat config support
-	"eslint.useFlatConfig": true,
+	"eslint.experimental.useFlatConfig": true,
+
 	// Auto fix
 	"editor.codeActionsOnSave": {
 		"source.fixAll.eslint": "explicit",

sites/docs/postcss.config.cjs

@@ -1,7 +1,14 @@
-module.exports = {
-	plugins: {
-		"tailwindcss/nesting": {},
-		tailwindcss: {},
-		autoprefixer: {},
-	},
+const path = require("node:path");
+const tailwindcss = require("tailwindcss");
+const tailwindcssNesting = require("tailwindcss/nesting");
+const autoprefixer = require("autoprefixer");
+
+const config = {
+	plugins: [
+		tailwindcssNesting,
+		tailwindcss(path.resolve(__dirname, "tailwind.config.js")),
+		autoprefixer,
+	],
 };
+
+module.exports = config;

sites/docs/svelte.config.js

@@ -1,11 +1,24 @@
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
 import { mdsx } from "mdsx";
 import adapter from "@sveltejs/adapter-cloudflare";
 import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import { mdsxConfig } from "./mdsx.config.js";
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	preprocess: [mdsx(mdsxConfig), vitePreprocess({})],
+	preprocess: [
+		mdsx(mdsxConfig),
+		vitePreprocess({
+			style: {
+				css: {
+					postcss: join(__dirname, "postcss.config.cjs"),
+				},
+			},
+		}),
+	],
 	extensions: [".svelte", ".md"],
 
 	kit: {

sites/docs/tailwind.config.js

@@ -1,3 +1,4 @@
+// @ts-check
 import { fontFamily } from "tailwindcss/defaultTheme";
 import typography from "@tailwindcss/typography";