now its working.... more info to come

packages/astro-ghostcms-theme-catpuccin-dark/package.json

@@ -25,14 +25,14 @@
     "url": "https://github.com/MatthiesenXYZ/astro-ghostcms/issues",
     "email": "issues@astro-ghostcms.xyz"
   },
-  "main": "index.ts",
+  "main": "index.js",
   "files": [
     "src",
-    "index.ts",
+    "index.js",
     "tailwind-preset.js"
   ],
   "exports": {
-    ".": "./index.ts",
+    ".": "./index.js",
     "./index.astro": "./src/routes/index.astro",
     "./[slug].astro": "./src/routes/[slug].astro",
     "./tags.astro": "./src/routes/tags.astro",

packages/astro-ghostcms-theme-catpuccin-dark/src/components/FeaturedPost.astro

@@ -2,7 +2,7 @@
 import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
 import FeatureImage from "./FeatureImage.astro";
 import AuthorList from "./AuthorList.astro";
-import { formatDate } from "utils";
+import { formatDate } from "../utils";
 export type Props = {
   posts: Post[];
   settings: Settings;

packages/astro-ghostcms-theme-catpuccin-dark/tailwind-preset.js

@@ -1,6 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
-export const content = ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"];
+export const content = [
+  './node_modules/@matthiesenxyz/astro-ghostcms-catppuccin-dark/src/**/*.{astro,js}'
+];
 export const theme = {
   extend: {
     fontFamily: {

packages/astro-ghostcms/package.json

@@ -76,6 +76,7 @@
     "@ts-ghost/core-api": "*",
     "@ts-ghost/tsconfig": "*",
     "@matthiesenxyz/astro-ghostcms-theme-default": "*",
+    "@matthiesenxyz/astro-ghostcms-catppuccin-dark": "*",
     "@types/node": "^20.11.10",
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",

playground/astro.config.mjs

@@ -1,6 +1,6 @@
 import { defineConfig } from "astro/config";
-import tailwind from "@astrojs/tailwind";
 import ghostcms from "@matthiesenxyz/astro-ghostcms";
+import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
 export default defineConfig({
@@ -11,7 +11,7 @@ export default defineConfig({
 			disableRSS: false,
 			disableRouteInjection: false,
 			disableConsoleOutput: false,
-			theme: "@matthiesenxyz/astro-ghostcms-theme-catpuccin-dark",
+			theme: "@matthiesenxyz/astro-ghostcms-catppuccin-dark",
 			ghostURL: "https://ghostdemo.matthiesen.xyz",
 		})
 	],

playground/package.json

@@ -11,15 +11,14 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^4.2.6",
-    "@matthiesenxyz/astro-ghostcms-theme-default": "*",
+    "astro": "^4.2.8",
+    "@matthiesenxyz/astro-ghostcms-theme-default": "workspace:*",
+    "@matthiesenxyz/astro-ghostcms-catppuccin-dark": "workspace:*",
     "@matthiesenxyz/astro-ghostcms": "workspace:*",
     "@astrojs/tailwind": "^5.1.0",
     "tailwindcss": "^3.3.5"
   },
   "devDependencies": {
-    "@matthiesenxyz/astro-ghostcms-theme-catppuccin-dark": "*",
-    "@astrojs/check": "^0.4.1",
     "typescript": "^5.3.3"
   }
 }

playground/tailwind.config.cjs

@@ -1,4 +1,4 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  presets: [require('@matthiesenxyz/astro-ghostcms-theme-catppuccin-dark')] 
+  presets: [require('@matthiesenxyz/astro-ghostcms-catppuccin-dark')] 
 };

playground/tsconfig.json

@@ -1,4 +1,4 @@
 {
-  "extends": "astro/tsconfigs/strict",
+  "extends": "astro/tsconfigs/base",
   "exclude": ["dist"]
 }