coworking-stream-guide/astro.config.mjs

import { defineConfig } from "astro/config";
import mdx from "@astrojs/mdx";
import react from "@astrojs/react";
import expressiveCode from "astro-expressive-code";
import remarkDirective from "remark-directive";
import remarkCalloutDirectives from "./src/assets/plugins/remark-callout-directives-customized.js";

import tailwindcss from "@tailwindcss/vite";

// https://astro.build/config
export default defineConfig({
  integrations: [
      expressiveCode(),
      mdx({
          remarkPlugins: [remarkDirective, remarkCalloutDirectives],
      }),
      react(),
  ],

  server: {
      port: 4321,
  },

  markdown: {
      remarkPlugins: [remarkDirective, remarkCalloutDirectives],
  },

  vite: {
    plugins: [tailwindcss()],
  },
});