Merge pull request #2 from Boston343/next

v2.0.0 tailwindcss v4

Author: Boston343

.npmrc

@@ -0,0 +1,3 @@
+auto-install-peers=true
+node-linker=hoisted
+lockfile=true

.prettierignore

@@ -0,0 +1,23 @@
+# Ignore artifacts:
+dist
+.astro
+
+# Ignore node_modules
+node_modules
+
+# Ingore netlify folders
+.netlify
+netlify 
+
+# Ignore MDX files as Keystatic expects a specific JSX component structure
+# IF using Keystatic, I recommend uncommenting the below line so you don't accidentally format things incorrectly
+# **/*.mdx
+
+# Ignore tours
+.tours
+
+# Standard
+**/.git
+**/.svn
+**/.hg
+**/node_modules

.prettierrc.mjs

@@ -1,9 +1,21 @@
 /** @type {import("prettier").Config} */
 export default {
+  printWidth: 100,
+  semi: true,
+  singleQuote: false,
+  tabWidth: 2,
+  trailingComma: "all",
+  useTabs: true,
   plugins: ["prettier-plugin-astro", "prettier-plugin-tailwindcss"],
   overrides: [
     {
-      files: "*.astro",
+      files: [".*", "*.md", "*.toml", "*.yml"],
+      options: {
+        useTabs: false,
+      },
+    },
+    {
+      files: ["**/*.astro"],
       options: {
         parser: "astro",
       },

README.md

@@ -56,7 +56,7 @@ The source files have the following setup. Note that not all files are listed he
 │   │   ├── 404.astro
 │   │   └── index.astro
 │   ├── styles/
-│   │   └── global.scss
+│   │   └── global.css
 │   └── content.config.ts
 ├── .gitignore
 ├── .prettierrc.mjs
@@ -65,7 +65,6 @@ The source files have the following setup. Note that not all files are listed he
 ├── package.json
 ├── package-lock.json
 ├── README.md
-├── tailwind.config.cjs
 └── tsconfig.json
 ```
 

astro.config.mjs

@@ -1,61 +1,57 @@
 import { defineConfig } from "astro/config";
 
+import tailwindcss from "@tailwindcss/vite";
 import icon from "astro-icon"; // https://www.astroicon.dev/guides/upgrade/v1/
 import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
-import tailwind from "@astrojs/tailwind";
 import compress from "@playform/compress";
 import AutoImport from "astro-auto-import";
 
 // https://astro.build/config
 export default defineConfig({
-  site: "https://horizon.cosmicthemes.com",
-  integrations: [
-    // example auto import component into blog post mdx files
-    AutoImport({
-      imports: [
-        // https://github.com/delucis/astro-auto-import
-        "@components/Admonition/Admonition.astro",
-      ],
-    }),
-    mdx(),
-    tailwind(),
-    icon({
-      // I include only the icons I use. This is because if you use SSR, ALL icons will be included (no bueno)
-      // https://www.astroicon.dev/reference/configuration#include
-      include: {
-        tabler: [
-          "bulb",
-          "alert-triangle",
-          "flame",
-          "info-circle",
-          "arrow-narrow-left",
-          "arrow-narrow-right",
-          "menu-2",
-          "x",
-          "chevron-down",
-          "category",
-          "calendar-event",
-        ],
-      },
-    }),
-    sitemap(),
-    compress({
-      HTML: true,
-      JavaScript: true,
-      CSS: false,
-      Image: false, // astro:assets handles this. Enabling this can dramatically increase build times
-      SVG: false, // astro-icon handles this
-    }),
-  ],
-  // get rid of Dart Sass deprecation warning
-  vite: {
-    css: {
-      preprocessorOptions: {
-        scss: {
-          api: "modern-compiler",
-        },
-      },
-    },
-  },
+	site: "https://horizon.cosmicthemes.com",
+	integrations: [
+		// example auto import component into blog post mdx files
+		AutoImport({
+			imports: [
+				// https://github.com/delucis/astro-auto-import
+				"@components/Admonition/Admonition.astro",
+			],
+		}),
+		mdx(),
+		icon({
+			// I include only the icons I use. This is because if you use SSR, ALL icons will be included (no bueno)
+			// https://www.astroicon.dev/reference/configuration#include
+			include: {
+				tabler: [
+					"bulb",
+					"alert-triangle",
+					"flame",
+					"info-circle",
+					"arrow-narrow-left",
+					"arrow-narrow-right",
+					"menu-2",
+					"x",
+					"chevron-down",
+					"category",
+					"calendar-event",
+				],
+			},
+		}),
+		sitemap(),
+		compress({
+			HTML: true,
+			JavaScript: true,
+			CSS: true,
+			Image: false, // astro:assets handles this. Enabling this can dramatically increase build times
+			SVG: false, // astro-icon handles this
+		}),
+	],
+	vite: {
+		plugins: [tailwindcss()],
+		// stop inlining short scripts to fix issues with ClientRouter: https://github.com/withastro/astro/issues/12804
+		build: {
+			assetsInlineLimit: 0,
+		},
+	},
 });