fix: setup tailwind for blogs (wasp-lang#39)

mk779779 · Feb 20, 2024 · ba461b4 · ba461b4
1 parent 31a9b02
commit ba461b4
Showing 6 changed files with 1,240 additions and 95 deletions.
diff --git a/blog/astro.config.mjs b/blog/astro.config.mjs
@@ -2,57 +2,58 @@ import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 import starlightBlog from 'starlight-blog';
 
+import tailwind from "@astrojs/tailwind";
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://opensaas.sh',
-  integrations: [
-    starlightBlog({
-      title: 'Blog',
-      authors: {
-        vince: {
-          name: 'Vince',
-          title: 'Dev Rel @ Wasp',
-          picture: '/CRAIG_ROCK.png', // Images in the `public` directory are supported.
-          url: 'https://wasp-lang.dev',
-        },
-      },
-    }),
-    starlight({
-      title: 'Your SaaS', 
-      description: 'Documentation for your SaaS.',
-      logo: {
-        src: '/src/assets/logo.png',
-        alt: 'Your SaaS',
-      },
-      editLink: {
-        baseUrl: 'https://github.com/<your-repo>',
-      },
-      components: {
-        SiteTitle: './src/components/MyHeader.astro',
-        MarkdownContent: 'starlight-blog/overrides/MarkdownContent.astro',
-        Sidebar: 'starlight-blog/overrides/Sidebar.astro',
-        // ThemeSelect: 'starlight-blog/overrides/ThemeSelect.astro',
-      },
-      social: {
-        github: 'https://github.com/wasp-lang/open-saas',
-        twitter: 'https://twitter.com/wasp_lang',
-        discord: 'https://discord.gg/aCamt5wCpS',
-      },
-      sidebar: [
-        {
-          label: 'Start Here',
-          items: [
-            { label: 'Introduction', link: '/' },
-          ],
-        },
-        {
-          label: 'Guides',
-          items: [
-            { label: 'Example Guide', link: '/guides/example/' },
+  integrations: [starlightBlog({
+    title: 'Blog',
+    customCss: ['./src/styles/tailwind.css'],
+    authors: {
+      vince: {
+        name: 'Vince',
+        title: 'Dev Rel @ Wasp',
+        picture: '/CRAIG_ROCK.png',
+        // Images in the `public` directory are supported.
+        url: 'https://wasp-lang.dev'
+      }
+    }
+  }), starlight({
+    title: 'Your SaaS',
+    customCss: ['./src/styles/tailwind.css'],
+    description: 'Documentation for your SaaS.',
+    logo: {
+      src: '/src/assets/logo.png',
+      alt: 'Your SaaS'
+    },
+    editLink: {
+      baseUrl: 'https://github.com/<your-repo>'
+    },
+    components: {
+      SiteTitle: './src/components/MyHeader.astro',
+      MarkdownContent: 'starlight-blog/overrides/MarkdownContent.astro',
+      Sidebar: 'starlight-blog/overrides/Sidebar.astro'
+      // ThemeSelect: 'starlight-blog/overrides/ThemeSelect.astro',
+    },
 
-          ],
-        },
-      ],
-    }),
-  ],
-});
+    social: {
+      github: 'https://github.com/wasp-lang/open-saas',
+      twitter: 'https://twitter.com/wasp_lang',
+      discord: 'https://discord.gg/aCamt5wCpS'
+    },
+    sidebar: [{
+      label: 'Start Here',
+      items: [{
+        label: 'Introduction',
+        link: '/'
+      }]
+    }, {
+      label: 'Guides',
+      items: [{
+        label: 'Example Guide',
+        link: '/guides/example/'
+      }]
+    }]
+  }), tailwind({applyBaseStyles: false})]
+});